From e97a1d03b448badd7fc119aa88f6a662ec232039 Mon Sep 17 00:00:00 2001 From: Matt Date: Sun, 10 Jan 2021 21:19:21 +0000 Subject: [PATCH 01/10] [docs] Further template the CSS API descriptions --- docs/scripts/buildApi.ts | 23 ++- docs/src/modules/components/ApiPage.js | 8 +- .../accordion-actions/accordion-actions.json | 7 +- .../accordion-details/accordion-details.json | 4 +- .../accordion-summary/accordion-summary.json | 17 +- .../api-docs/accordion/accordion.json | 20 +-- .../api-docs/alert-title/alert-title.json | 4 +- docs/translations/api-docs/alert/alert.json | 86 +++++---- .../api-docs/app-bar/app-bar.json | 52 +++--- .../api-docs/autocomplete/autocomplete.json | 52 +++--- .../api-docs/avatar-group/avatar-group.json | 4 +- docs/translations/api-docs/avatar/avatar.json | 23 ++- .../api-docs/backdrop/backdrop.json | 7 +- .../badge-unstyled/badge-unstyled.json | 33 ++-- docs/translations/api-docs/badge/badge.json | 48 +++--- .../bottom-navigation-action.json | 10 +- .../bottom-navigation/bottom-navigation.json | 4 +- .../api-docs/breadcrumbs/breadcrumbs.json | 8 +- .../api-docs/button-base/button-base.json | 7 +- .../api-docs/button-group/button-group.json | 124 +++++++------ docs/translations/api-docs/button/button.json | 163 +++++++++++------- .../card-action-area/card-action-area.json | 5 +- .../api-docs/card-actions/card-actions.json | 7 +- .../api-docs/card-content/card-content.json | 4 +- .../api-docs/card-header/card-header.json | 12 +- .../api-docs/card-media/card-media.json | 12 +- docs/translations/api-docs/card/card.json | 4 +- .../api-docs/checkbox/checkbox.json | 25 ++- docs/translations/api-docs/chip/chip.json | 140 ++++++++------- .../circular-progress/circular-progress.json | 41 +++-- .../api-docs/collapse/collapse.json | 15 +- .../api-docs/container/container.json | 37 ++-- .../dialog-actions/dialog-actions.json | 7 +- .../dialog-content-text.json | 4 +- .../dialog-content/dialog-content.json | 7 +- .../api-docs/dialog-title/dialog-title.json | 4 +- docs/translations/api-docs/dialog/dialog.json | 66 ++++--- .../api-docs/divider/divider.json | 65 ++++--- docs/translations/api-docs/drawer/drawer.json | 51 +++--- docs/translations/api-docs/fab/fab.json | 47 ++--- .../api-docs/filled-input/filled-input.json | 72 ++++---- .../form-control-label.json | 24 +-- .../api-docs/form-control/form-control.json | 17 +- .../api-docs/form-group/form-group.json | 7 +- .../form-helper-text/form-helper-text.json | 37 ++-- .../api-docs/form-label/form-label.json | 32 +--- docs/translations/api-docs/grid/grid.json | 112 +++++++----- .../api-docs/icon-button/icon-button.json | 39 +++-- docs/translations/api-docs/icon/icon.json | 42 +++-- .../image-list-item-bar.json | 48 ++++-- .../image-list-item/image-list-item.json | 12 +- .../api-docs/image-list/image-list.json | 22 ++- .../input-adornment/input-adornment.json | 22 ++- .../api-docs/input-base/input-base.json | 85 +++++---- .../api-docs/input-label/input-label.json | 50 +++--- docs/translations/api-docs/input/input.json | 62 ++++--- .../linear-progress/linear-progress.json | 84 +++++---- docs/translations/api-docs/link/link.json | 22 ++- .../list-item-avatar/list-item-avatar.json | 5 +- .../list-item-icon/list-item-icon.json | 5 +- .../list-item-secondary-action.json | 5 +- .../list-item-text/list-item-text.json | 22 ++- .../api-docs/list-item/list-item.json | 46 ++--- .../list-subheader/list-subheader.json | 27 +-- docs/translations/api-docs/list/list.json | 12 +- .../loading-button/loading-button.json | 42 +++-- .../api-docs/menu-item/menu-item.json | 14 +- docs/translations/api-docs/menu/menu.json | 4 +- .../mobile-stepper/mobile-stepper.json | 35 ++-- .../api-docs/native-select/native-select.json | 44 +++-- .../outlined-input/outlined-input.json | 64 ++++--- .../pagination-item/pagination-item.json | 63 +++---- .../api-docs/pagination/pagination.json | 14 +- docs/translations/api-docs/paper/paper.json | 17 +- .../api-docs/popover/popover.json | 4 +- docs/translations/api-docs/radio/radio.json | 22 +-- docs/translations/api-docs/rating/rating.json | 59 ++++--- .../scoped-css-baseline.json | 4 +- docs/translations/api-docs/select/select.json | 44 +++-- .../api-docs/skeleton/skeleton.json | 27 +-- .../slider-unstyled/slider-unstyled.json | 17 +- docs/translations/api-docs/slider/slider.json | 29 +--- .../snackbar-content/snackbar-content.json | 9 +- .../api-docs/snackbar/snackbar.json | 32 ++-- .../speed-dial-action/speed-dial-action.json | 32 ++-- .../speed-dial-icon/speed-dial-icon.json | 20 ++- .../api-docs/speed-dial/speed-dial.json | 31 +++- .../api-docs/step-button/step-button.json | 14 +- .../step-connector/step-connector.json | 42 +++-- .../api-docs/step-content/step-content.json | 9 +- .../api-docs/step-icon/step-icon.json | 17 +- .../api-docs/step-label/step-label.json | 40 +++-- docs/translations/api-docs/step/step.json | 20 ++- .../api-docs/stepper/stepper.json | 17 +- .../api-docs/svg-icon/svg-icon.json | 42 +++-- docs/translations/api-docs/switch/switch.json | 35 ++-- .../api-docs/tab-panel/tab-panel.json | 4 +- .../tab-scroll-button/tab-scroll-button.json | 12 +- docs/translations/api-docs/tab/tab.json | 37 ++-- .../api-docs/table-body/table-body.json | 4 +- .../api-docs/table-cell/table-cell.json | 57 +++--- .../table-container/table-container.json | 4 +- .../api-docs/table-footer/table-footer.json | 4 +- .../api-docs/table-head/table-head.json | 4 +- .../table-pagination/table-pagination.json | 33 ++-- .../api-docs/table-row/table-row.json | 20 +-- .../table-sort-label/table-sort-label.json | 19 +- docs/translations/api-docs/table/table.json | 7 +- docs/translations/api-docs/tabs/tabs.json | 53 +++--- .../api-docs/text-field/text-field.json | 4 +- .../timeline-connector.json | 4 +- .../timeline-content/timeline-content.json | 7 +- .../api-docs/timeline-dot/timeline-dot.json | 42 +++-- .../api-docs/timeline-item/timeline-item.json | 27 +-- .../timeline-opposite-content.json | 7 +- .../timeline-separator.json | 4 +- .../api-docs/timeline/timeline.json | 17 +- .../toggle-button-group.json | 19 +- .../api-docs/toggle-button/toggle-button.json | 24 ++- .../api-docs/toolbar/toolbar.json | 17 +- .../api-docs/tooltip/tooltip.json | 47 +++-- .../api-docs/tree-item/tree-item.json | 10 +- .../api-docs/tree-view/tree-view.json | 4 +- .../api-docs/typography/typography.json | 147 +++++++++------- docs/translations/translations.json | 1 + 125 files changed, 2083 insertions(+), 1587 deletions(-) diff --git a/docs/scripts/buildApi.ts b/docs/scripts/buildApi.ts index 6a63e35c809b7f..076ea63432af54 100644 --- a/docs/scripts/buildApi.ts +++ b/docs/scripts/buildApi.ts @@ -30,8 +30,9 @@ import getStylesCreator from '@material-ui/styles/getStylesCreator'; import { createMuiTheme } from '@material-ui/core/styles'; import { getLineFeed, getUnstyledFilename } from './helpers'; -// Only run for ButtonBase +// Only run for the named component const TEST = false; +// const TEST = 'Accordion'; const DEMO_IGNORE = LANGUAGES_IN_PROGRESS.map((language) => `-${language}.md`); @@ -800,17 +801,25 @@ async function annotateClassesDefinition(context: { * Substitute CSS class description conditions with placeholder */ function extractClassConditions(descriptions: any) { - const classConditions: { [key: string]: { description: string; conditions?: string } } = {}; - const stylesRegex = /(if |unless )(`.*)./; + const classConditions: { + [key: string]: { description: string; conditions?: string; nodeName?: string }; + } = {}; + const stylesRegex = /Styles applied to the (.*?)( if | unless |,|\.)(`.*)*\.*/; Object.entries(descriptions).forEach(([className, classDescription]: any) => { if (className) { const conditions = classDescription.match(stylesRegex); - if (conditions) { + if (conditions && conditions[3]) { classConditions[className] = { - description: classDescription.replace(stylesRegex, '$1{{conditions}}.'), - conditions: conditions[2].replace(/`(.*?)`/g, '$1'), + description: classDescription.replace(stylesRegex, '{{stylesApplied}}$2{{conditions}}.'), + nodeName: conditions[1], + conditions: conditions[3].replace(/`(.*?)`/g, '$1'), + }; + } else if (conditions && conditions[1]) { + classConditions[className] = { + description: classDescription.replace(stylesRegex, '{{stylesApplied}}$2'), + nodeName: conditions[1], }; } else { classConditions[className] = { description: classDescription }; @@ -880,7 +889,7 @@ async function buildDocs(options: { const component = require(componentObject.filename); const name = path.parse(componentObject.filename).name; - if (TEST && name !== 'ButtonBase') { + if (TEST && name !== TEST) { return; } diff --git a/docs/src/modules/components/ApiPage.js b/docs/src/modules/components/ApiPage.js index 347ba0b822c420..18de488addd58f 100644 --- a/docs/src/modules/components/ApiPage.js +++ b/docs/src/modules/components/ApiPage.js @@ -99,10 +99,10 @@ function ClassesTable(props) { dangerouslySetInnerHTML={{ __html: classDescriptions[className] && - classDescriptions[className].description.replace( - /{{conditions}}/, - classDescriptions[className].conditions, - ), + classDescriptions[className].description + .replace(/{{stylesApplied}}/, t('api-docs.stylesApplied')) + .replace(/{{conditions}}/, classDescriptions[className].conditions) + .replace(/{{nodeName}}/, classDescriptions[className].nodeName), }} /> diff --git a/docs/translations/api-docs/accordion-actions/accordion-actions.json b/docs/translations/api-docs/accordion-actions/accordion-actions.json index 42066ffdbb4204..18a7d3b9f62715 100644 --- a/docs/translations/api-docs/accordion-actions/accordion-actions.json +++ b/docs/translations/api-docs/accordion-actions/accordion-actions.json @@ -6,10 +6,11 @@ "disableSpacing": "If true, the actions do not have additional margin." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "spacing": { - "description": "Styles applied to the root element unless {{conditions}}.", - "conditions": "disableSpacing={true}" + "description": "{{stylesApplied}} unless {{conditions}}.", + "nodeName": "root element", + "conditions": "disableSpacing={true}." } } } diff --git a/docs/translations/api-docs/accordion-details/accordion-details.json b/docs/translations/api-docs/accordion-details/accordion-details.json index 677928ea8148e3..4355e0942728d6 100644 --- a/docs/translations/api-docs/accordion-details/accordion-details.json +++ b/docs/translations/api-docs/accordion-details/accordion-details.json @@ -4,5 +4,7 @@ "children": "The content of the component.", "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, - "classDescriptions": { "root": { "description": "Styles applied to the root element." } } + "classDescriptions": { + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + } } diff --git a/docs/translations/api-docs/accordion-summary/accordion-summary.json b/docs/translations/api-docs/accordion-summary/accordion-summary.json index 6e00628eb39f7c..bc2203859308de 100644 --- a/docs/translations/api-docs/accordion-summary/accordion-summary.json +++ b/docs/translations/api-docs/accordion-summary/accordion-summary.json @@ -7,19 +7,18 @@ "focusVisibleClassName": "This prop can help identify which element has keyboard focus. The class name will be applied when the element gains the focus through keyboard interaction. It's a polyfill for the CSS :focus-visible selector. The rationale for using this feature is explained here. A polyfill can be used to apply a focus-visible class to other components if needed." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "expanded": { - "description": "Pseudo-class applied to the root element, children wrapper element and `IconButton` component if {{conditions}}.", - "conditions": "expanded={true}" + "description": "Pseudo-class applied to the root element, children wrapper element and `IconButton` component if `expanded={true}`." }, "focusVisible": { "description": "Pseudo-class applied to the ButtonBase root element if the button is keyboard focused." }, - "disabled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" - }, - "content": { "description": "Styles applied to the children wrapper element." }, - "expandIconWrapper": { "description": "Styles applied to the `expandIcon`'s wrapper element." } + "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, + "content": { "description": "{{stylesApplied}}.", "nodeName": "children wrapper element" }, + "expandIconWrapper": { + "description": "{{stylesApplied}}.", + "nodeName": "`expandIcon`'s wrapper element" + } } } diff --git a/docs/translations/api-docs/accordion/accordion.json b/docs/translations/api-docs/accordion/accordion.json index d3af2ade665fba..05c1b515cb5f37 100644 --- a/docs/translations/api-docs/accordion/accordion.json +++ b/docs/translations/api-docs/accordion/accordion.json @@ -12,21 +12,17 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "rounded": { - "description": "Styles applied to the root element unless {{conditions}}.", - "conditions": "square={true}" - }, - "expanded": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "expanded={true}" - }, - "disabled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" + "description": "{{stylesApplied}} unless {{conditions}}.", + "nodeName": "root element", + "conditions": "square={true}." }, + "expanded": { "description": "Pseudo-class applied to the root element if `expanded={true}`." }, + "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, "region": { - "description": "Styles applied to the region element, the container of the children." + "description": "{{stylesApplied}}, the container of the children.", + "nodeName": "region element" } } } diff --git a/docs/translations/api-docs/alert-title/alert-title.json b/docs/translations/api-docs/alert-title/alert-title.json index 677928ea8148e3..4355e0942728d6 100644 --- a/docs/translations/api-docs/alert-title/alert-title.json +++ b/docs/translations/api-docs/alert-title/alert-title.json @@ -4,5 +4,7 @@ "children": "The content of the component.", "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, - "classDescriptions": { "root": { "description": "Styles applied to the root element." } } + "classDescriptions": { + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + } } diff --git a/docs/translations/api-docs/alert/alert.json b/docs/translations/api-docs/alert/alert.json index 1c54ce1d697daf..9b03b718515861 100644 --- a/docs/translations/api-docs/alert/alert.json +++ b/docs/translations/api-docs/alert/alert.json @@ -14,72 +14,88 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "filled": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"filled\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"filled\"." }, "outlined": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"outlined\"." }, "standard": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"standard\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"standard\"." }, "standardSuccess": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"standard\" and color=\"success\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"standard\" and color=\"success\"." }, "standardInfo": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"standard\" and color=\"info\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"standard\" and color=\"info\"." }, "standardWarning": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"standard\" and color=\"warning\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"standard\" and color=\"warning\"." }, "standardError": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"standard\" and color=\"error\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"standard\" and color=\"error\"." }, "outlinedSuccess": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"outlined\" and color=\"success\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"outlined\" and color=\"success\"." }, "outlinedInfo": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"outlined\" and color=\"info\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"outlined\" and color=\"info\"." }, "outlinedWarning": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"outlined\" and color=\"warning\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"outlined\" and color=\"warning\"." }, "outlinedError": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"outlined\" and color=\"error\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"outlined\" and color=\"error\"." }, "filledSuccess": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"filled\" and color=\"success\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"filled\" and color=\"success\"." }, "filledInfo": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"filled\" and color=\"info\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"filled\" and color=\"info\"." }, "filledWarning": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"filled\" and color=\"warning\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"filled\" and color=\"warning\"." }, "filledError": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"filled\" and color=\"error\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"filled\" and color=\"error\"." }, - "icon": { "description": "Styles applied to the icon wrapper element." }, - "message": { "description": "Styles applied to the message wrapper element." }, + "icon": { "description": "{{stylesApplied}}.", "nodeName": "icon wrapper element" }, + "message": { "description": "{{stylesApplied}}.", "nodeName": "message wrapper element" }, "action": { - "description": "Styles applied to the action wrapper element if {{conditions}}.", - "conditions": "action is provided" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "action wrapper element", + "conditions": "action is provided." } } } diff --git a/docs/translations/api-docs/app-bar/app-bar.json b/docs/translations/api-docs/app-bar/app-bar.json index 6f67187894d837..031b428612c30a 100644 --- a/docs/translations/api-docs/app-bar/app-bar.json +++ b/docs/translations/api-docs/app-bar/app-bar.json @@ -7,46 +7,56 @@ "position": "The positioning type. The behavior of the different options is described in the MDN web docs. Note: sticky is not universally supported and will fall back to static when unavailable." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "positionFixed": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "position=\"fixed\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "position=\"fixed\"." }, "positionAbsolute": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "position=\"absolute\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "position=\"absolute\"." }, "positionSticky": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "position=\"sticky\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "position=\"sticky\"." }, "positionStatic": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "position=\"static\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "position=\"static\"." }, "positionRelative": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "position=\"relative\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "position=\"relative\"." }, "colorDefault": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"default\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"default\"." }, "colorPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"primary\"." }, "colorSecondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"secondary\"." }, "colorInherit": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"inherit\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"inherit\"." }, "colorTransparent": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"transparent\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"transparent\"." } } } diff --git a/docs/translations/api-docs/autocomplete/autocomplete.json b/docs/translations/api-docs/autocomplete/autocomplete.json index 4290304a7f41e1..3036e87eed3f21 100644 --- a/docs/translations/api-docs/autocomplete/autocomplete.json +++ b/docs/translations/api-docs/autocomplete/autocomplete.json @@ -61,40 +61,46 @@ "value": "The value of the autocomplete.
The value must have reference equality with the option in order to be selected. You can customize the equality behavior with the getOptionSelected prop." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "@media (pointer": { "description": "Avoid double tap issue on iOS" }, "fullWidth": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "fullWidth={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "fullWidth={true}." }, "focused": { "description": "Pseudo-class applied to the root element if focused." }, - "tag": { "description": "Styles applied to the tag elements, e.g. the chips." }, + "tag": { "description": "{{stylesApplied}}, e.g. the chips.", "nodeName": "tag elements" }, "tagSizeSmall": { - "description": "Styles applied to the tag elements, e.g. the chips if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}}, e.g. the chips if `size=\"small\"`.", + "nodeName": "tag elements" }, "hasPopupIcon": { "description": "Styles applied when the popup icon is rendered." }, "hasClearIcon": { "description": "Styles applied when the clear icon is rendered." }, - "inputRoot": { "description": "Styles applied to the Input element." }, - "input": { "description": "Styles applied to the input element." }, - "inputFocused": { "description": "Styles applied to the input element if tag focused." }, - "endAdornment": { "description": "Styles applied to the endAdornment element." }, - "clearIndicator": { "description": "Styles applied to the clear indicator." }, - "popupIndicator": { "description": "Styles applied to the popup indicator." }, + "inputRoot": { "description": "{{stylesApplied}}.", "nodeName": "Input element" }, + "input": { "description": "{{stylesApplied}}.", "nodeName": "input element" }, + "inputFocused": { + "description": "{{stylesApplied}} if tag focused.", + "nodeName": "input element" + }, + "endAdornment": { "description": "{{stylesApplied}}.", "nodeName": "endAdornment element" }, + "clearIndicator": { "description": "{{stylesApplied}}.", "nodeName": "clear indicator" }, + "popupIndicator": { "description": "{{stylesApplied}}.", "nodeName": "popup indicator" }, "popupIndicatorOpen": { - "description": "Styles applied to the popup indicator if the popup is open." + "description": "{{stylesApplied}} if the popup is open.", + "nodeName": "popup indicator" }, - "popper": { "description": "Styles applied to the popper element." }, + "popper": { "description": "{{stylesApplied}}.", "nodeName": "popper element" }, "popperDisablePortal": { - "description": "Styles applied to the popper element if {{conditions}}.", - "conditions": "disablePortal={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "popper element", + "conditions": "disablePortal={true}." }, - "paper": { "description": "Styles applied to the Paper component." }, - "listbox": { "description": "Styles applied to the listbox component." }, - "loading": { "description": "Styles applied to the loading wrapper." }, - "noOptions": { "description": "Styles applied to the no option wrapper." }, - "option": { "description": "Styles applied to the option elements." }, - "groupLabel": { "description": "Styles applied to the group's label elements." }, - "groupUl": { "description": "Styles applied to the group's ul elements." } + "paper": { "description": "{{stylesApplied}}.", "nodeName": "Paper component" }, + "listbox": { "description": "{{stylesApplied}}.", "nodeName": "listbox component" }, + "loading": { "description": "{{stylesApplied}}.", "nodeName": "loading wrapper" }, + "noOptions": { "description": "{{stylesApplied}}.", "nodeName": "no option wrapper" }, + "option": { "description": "{{stylesApplied}}.", "nodeName": "option elements" }, + "groupLabel": { "description": "{{stylesApplied}}.", "nodeName": "group's label elements" }, + "groupUl": { "description": "{{stylesApplied}}.", "nodeName": "group's ul elements" } } } diff --git a/docs/translations/api-docs/avatar-group/avatar-group.json b/docs/translations/api-docs/avatar-group/avatar-group.json index 99fe3c5216ec95..984b7836c87922 100644 --- a/docs/translations/api-docs/avatar-group/avatar-group.json +++ b/docs/translations/api-docs/avatar-group/avatar-group.json @@ -8,7 +8,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "avatar": { "description": "Styles applied to the avatar elements." } + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "avatar": { "description": "{{stylesApplied}}.", "nodeName": "avatar elements" } } } diff --git a/docs/translations/api-docs/avatar/avatar.json b/docs/translations/api-docs/avatar/avatar.json index 57d628a0be115b..bd67612d53a62e 100644 --- a/docs/translations/api-docs/avatar/avatar.json +++ b/docs/translations/api-docs/avatar/avatar.json @@ -13,24 +13,29 @@ "variant": "The shape of the avatar." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "colorDefault": { - "description": "Styles applied to the root element if not `src` or `srcSet`." + "description": "{{stylesApplied}} if not `src` or `srcSet`.", + "nodeName": "root element" }, "circular": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"circular\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"circular\"." }, "rounded": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"rounded\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"rounded\"." }, "square": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"square\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"square\"." }, "img": { - "description": "Styles applied to the img element if either `src` or `srcSet` is defined." + "description": "{{stylesApplied}} if either `src` or `srcSet` is defined.", + "nodeName": "img element" }, "fallback": { "description": "Styles applied to the fallback icon" } } diff --git a/docs/translations/api-docs/backdrop/backdrop.json b/docs/translations/api-docs/backdrop/backdrop.json index 743ea77ecc26d3..74a457a6f6e59c 100644 --- a/docs/translations/api-docs/backdrop/backdrop.json +++ b/docs/translations/api-docs/backdrop/backdrop.json @@ -8,10 +8,11 @@ "transitionDuration": "The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "invisible": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "invisible={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "invisible={true}." } } } diff --git a/docs/translations/api-docs/badge-unstyled/badge-unstyled.json b/docs/translations/api-docs/badge-unstyled/badge-unstyled.json index 19192715ded44c..5664500a9b5191 100644 --- a/docs/translations/api-docs/badge-unstyled/badge-unstyled.json +++ b/docs/translations/api-docs/badge-unstyled/badge-unstyled.json @@ -18,48 +18,37 @@ "root": { "description": "Class name applied to the root element." }, "badge": { "description": "Class name applied to the badge `span` element." }, "dot": { - "description": "Class name applied to the badge `span` element if {{conditions}}.", - "conditions": "variant=\"dot\"" + "description": "Class name applied to the badge `span` element if `variant=\"dot\"`." }, "standard": { - "description": "Class name applied to the badge `span` element if {{conditions}}.", - "conditions": "variant=\"standard\"" + "description": "Class name applied to the badge `span` element if `variant=\"standard\"`." }, "anchorOriginTopRightRectangular": { - "description": "Class name applied to the badge `span` element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'top', 'right' }} overlap=\"rectangular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap=\"rectangular\"`." }, "anchorOriginBottomRightRectangular": { - "description": "Class name applied to the badge `span` element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'bottom', 'right' }} overlap=\"rectangular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap=\"rectangular\"`." }, "anchorOriginTopLeftRectangular": { - "description": "Class name applied to the badge `span` element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'top', 'left' }} overlap=\"rectangular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap=\"rectangular\"`." }, "anchorOriginBottomLeftRectangular": { - "description": "Class name applied to the badge `span` element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'bottom', 'left' }} overlap=\"rectangular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"rectangular\"`." }, "anchorOriginTopRightCircular": { - "description": "Class name applied to the badge `span` element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'top', 'right' }} overlap=\"circular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap=\"circular\"`." }, "anchorOriginBottomRightCircular": { - "description": "Class name applied to the badge `span` element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'bottom', 'right' }} overlap=\"circular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap=\"circular\"`." }, "anchorOriginTopLeftCircular": { - "description": "Class name applied to the badge `span` element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'top', 'left' }} overlap=\"circular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap=\"circular\"`." }, "anchorOriginBottomLeftCircular": { - "description": "Class name applied to the badge `span` element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'bottom', 'left' }} overlap=\"circular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"circular\"`." }, "invisible": { - "description": "Pseudo-class to the badge `span` element if {{conditions}}.", - "conditions": "invisible={true}" + "description": "Pseudo-class to the badge `span` element if `invisible={true}`." } } } diff --git a/docs/translations/api-docs/badge/badge.json b/docs/translations/api-docs/badge/badge.json index d12986643cd1ec..04a5744522a577 100644 --- a/docs/translations/api-docs/badge/badge.json +++ b/docs/translations/api-docs/badge/badge.json @@ -20,60 +20,52 @@ "root": { "description": "Class name applied to the root element." }, "badge": { "description": "Class name applied to the badge `span` element." }, "dot": { - "description": "Class name applied to the badge `span` element if {{conditions}}.", - "conditions": "variant=\"dot\"" + "description": "Class name applied to the badge `span` element if `variant=\"dot\"`." }, "standard": { - "description": "Class name applied to the badge `span` element if {{conditions}}.", - "conditions": "variant=\"standard\"" + "description": "Class name applied to the badge `span` element if `variant=\"standard\"`." }, "anchorOriginTopRightRectangular": { - "description": "Class name applied to the badge `span` element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'top', 'right' }} overlap=\"rectangular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap=\"rectangular\"`." }, "anchorOriginBottomRightRectangular": { - "description": "Class name applied to the badge `span` element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'bottom', 'right' }} overlap=\"rectangular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap=\"rectangular\"`." }, "anchorOriginTopLeftRectangular": { - "description": "Class name applied to the badge `span` element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'top', 'left' }} overlap=\"rectangular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap=\"rectangular\"`." }, "anchorOriginBottomLeftRectangular": { - "description": "Class name applied to the badge `span` element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'bottom', 'left' }} overlap=\"rectangular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"rectangular\"`." }, "anchorOriginTopRightCircular": { - "description": "Class name applied to the badge `span` element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'top', 'right' }} overlap=\"circular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap=\"circular\"`." }, "anchorOriginBottomRightCircular": { - "description": "Class name applied to the badge `span` element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'bottom', 'right' }} overlap=\"circular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap=\"circular\"`." }, "anchorOriginTopLeftCircular": { - "description": "Class name applied to the badge `span` element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'top', 'left' }} overlap=\"circular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap=\"circular\"`." }, "anchorOriginBottomLeftCircular": { - "description": "Class name applied to the badge `span` element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'bottom', 'left' }} overlap=\"circular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"circular\"`." }, "invisible": { - "description": "Pseudo-class to the badge `span` element if {{conditions}}.", - "conditions": "invisible={true}" + "description": "Pseudo-class to the badge `span` element if `invisible={true}`." }, "colorPrimary": { - "description": "Styles applied to the badge `span` element if {{conditions}}.", - "conditions": "color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "color=\"primary\"." }, "colorSecondary": { - "description": "Styles applied to the badge `span` element if {{conditions}}.", - "conditions": "color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "color=\"secondary\"." }, "colorError": { - "description": "Styles applied to the badge `span` element if {{conditions}}.", - "conditions": "color=\"error\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "color=\"error\"." } } } diff --git a/docs/translations/api-docs/bottom-navigation-action/bottom-navigation-action.json b/docs/translations/api-docs/bottom-navigation-action/bottom-navigation-action.json index 1aa283b697d899..1ca65053a802c2 100644 --- a/docs/translations/api-docs/bottom-navigation-action/bottom-navigation-action.json +++ b/docs/translations/api-docs/bottom-navigation-action/bottom-navigation-action.json @@ -9,15 +9,15 @@ "value": "You can provide your own value. Otherwise, we fallback to the child position index." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "selected": { "description": "Pseudo-class applied to the root element if selected." }, "iconOnly": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "showLabel={false} and not selected" + "description": "Pseudo-class applied to the root element if `showLabel={false}` and not selected." }, "wrapper": { - "description": "Styles applied to the span element that wraps the icon and label." + "description": "{{stylesApplied}}.", + "nodeName": "span element that wraps the icon and label" }, - "label": { "description": "Styles applied to the label's span element." } + "label": { "description": "{{stylesApplied}}.", "nodeName": "label's span element" } } } diff --git a/docs/translations/api-docs/bottom-navigation/bottom-navigation.json b/docs/translations/api-docs/bottom-navigation/bottom-navigation.json index f423fc51192947..50ffaee2874f2f 100644 --- a/docs/translations/api-docs/bottom-navigation/bottom-navigation.json +++ b/docs/translations/api-docs/bottom-navigation/bottom-navigation.json @@ -8,5 +8,7 @@ "showLabels": "If true, all BottomNavigationActions will show their labels. By default, only the selected BottomNavigationAction will show its label.", "value": "The value of the currently selected BottomNavigationAction." }, - "classDescriptions": { "root": { "description": "Styles applied to the root element." } } + "classDescriptions": { + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + } } diff --git a/docs/translations/api-docs/breadcrumbs/breadcrumbs.json b/docs/translations/api-docs/breadcrumbs/breadcrumbs.json index acb62dd518a067..2981376da80de3 100644 --- a/docs/translations/api-docs/breadcrumbs/breadcrumbs.json +++ b/docs/translations/api-docs/breadcrumbs/breadcrumbs.json @@ -11,9 +11,9 @@ "separator": "Custom separator node." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "ol": { "description": "Styles applied to the ol element." }, - "li": { "description": "Styles applied to the li element." }, - "separator": { "description": "Styles applied to the separator element." } + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "ol": { "description": "{{stylesApplied}}.", "nodeName": "ol element" }, + "li": { "description": "{{stylesApplied}}.", "nodeName": "li element" }, + "separator": { "description": "{{stylesApplied}}.", "nodeName": "separator element" } } } diff --git a/docs/translations/api-docs/button-base/button-base.json b/docs/translations/api-docs/button-base/button-base.json index 7a175ce305e511..ff766adfe3d54a 100644 --- a/docs/translations/api-docs/button-base/button-base.json +++ b/docs/translations/api-docs/button-base/button-base.json @@ -16,11 +16,8 @@ "TouchRippleProps": "Props applied to the TouchRipple element." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "disabled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" - }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, "focusVisible": { "description": "Pseudo-class applied to the root element if keyboard focused." } diff --git a/docs/translations/api-docs/button-group/button-group.json b/docs/translations/api-docs/button-group/button-group.json index 4e98c4431ece58..dc169ac791636a 100644 --- a/docs/translations/api-docs/button-group/button-group.json +++ b/docs/translations/api-docs/button-group/button-group.json @@ -15,103 +15,123 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "contained": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"contained\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"contained\"." }, "outlined": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"outlined\"." }, "text": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"text\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"text\"." }, "disableElevation": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "disableElevation={true}" - }, - "disabled": { - "description": "Pseudo-class applied to child elements if {{conditions}}.", - "conditions": "disabled={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disableElevation={true}." }, + "disabled": { "description": "Pseudo-class applied to child elements if `disabled={true}`." }, "fullWidth": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "fullWidth={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "fullWidth={true}." }, "vertical": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "orientation=\"vertical\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "orientation=\"vertical\"." }, - "grouped": { "description": "Styles applied to the children." }, + "grouped": { "description": "{{stylesApplied}}.", "nodeName": "children" }, "groupedHorizontal": { - "description": "Styles applied to the children if {{conditions}}.", - "conditions": "orientation=\"horizontal\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "children", + "conditions": "orientation=\"horizontal\"." }, "groupedVertical": { - "description": "Styles applied to the children if {{conditions}}.", - "conditions": "orientation=\"vertical\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "children", + "conditions": "orientation=\"vertical\"." }, "groupedText": { - "description": "Styles applied to the children if {{conditions}}.", - "conditions": "variant=\"text\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "children", + "conditions": "variant=\"text\"." }, "groupedTextHorizontal": { - "description": "Styles applied to the children if {{conditions}}.", - "conditions": "variant=\"text\" and orientation=\"horizontal\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "children", + "conditions": "variant=\"text\" and orientation=\"horizontal\"." }, "groupedTextVertical": { - "description": "Styles applied to the children if {{conditions}}.", - "conditions": "variant=\"text\" and orientation=\"vertical\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "children", + "conditions": "variant=\"text\" and orientation=\"vertical\"." }, "groupedTextPrimary": { - "description": "Styles applied to the children if {{conditions}}.", - "conditions": "variant=\"text\" and color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "children", + "conditions": "variant=\"text\" and color=\"primary\"." }, "groupedTextSecondary": { - "description": "Styles applied to the children if {{conditions}}.", - "conditions": "variant=\"text\" and color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "children", + "conditions": "variant=\"text\" and color=\"secondary\"." }, "groupedOutlined": { - "description": "Styles applied to the children if {{conditions}}.", - "conditions": "variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "children", + "conditions": "variant=\"outlined\"." }, "groupedOutlinedHorizontal": { - "description": "Styles applied to the children if {{conditions}}.", - "conditions": "variant=\"outlined\" and orientation=\"horizontal\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "children", + "conditions": "variant=\"outlined\" and orientation=\"horizontal\"." }, "groupedOutlinedVertical": { - "description": "Styles applied to the children if {{conditions}}.", - "conditions": "variant=\"outlined\" and orientation=\"vertical\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "children", + "conditions": "variant=\"outlined\" and orientation=\"vertical\"." }, "groupedOutlinedPrimary": { - "description": "Styles applied to the children if {{conditions}}.", - "conditions": "variant=\"outlined\" and color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "children", + "conditions": "variant=\"outlined\" and color=\"primary\"." }, "groupedOutlinedSecondary": { - "description": "Styles applied to the children if {{conditions}}.", - "conditions": "variant=\"outlined\" and color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "children", + "conditions": "variant=\"outlined\" and color=\"secondary\"." }, "groupedContained": { - "description": "Styles applied to the children if {{conditions}}.", - "conditions": "variant=\"contained\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "children", + "conditions": "variant=\"contained\"." }, "groupedContainedHorizontal": { - "description": "Styles applied to the children if {{conditions}}.", - "conditions": "variant=\"contained\" and orientation=\"horizontal\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "children", + "conditions": "variant=\"contained\" and orientation=\"horizontal\"." }, "groupedContainedVertical": { - "description": "Styles applied to the children if {{conditions}}.", - "conditions": "variant=\"contained\" and orientation=\"vertical\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "children", + "conditions": "variant=\"contained\" and orientation=\"vertical\"." }, "groupedContainedPrimary": { - "description": "Styles applied to the children if {{conditions}}.", - "conditions": "variant=\"contained\" and color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "children", + "conditions": "variant=\"contained\" and color=\"primary\"." }, "groupedContainedSecondary": { - "description": "Styles applied to the children if {{conditions}}.", - "conditions": "variant=\"contained\" and color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "children", + "conditions": "variant=\"contained\" and color=\"secondary\"." } } } diff --git a/docs/translations/api-docs/button/button.json b/docs/translations/api-docs/button/button.json index 5bd70bb8dcb907..e8f28ad0c870d6 100644 --- a/docs/translations/api-docs/button/button.json +++ b/docs/translations/api-docs/button/button.json @@ -18,133 +18,166 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "label": { "description": "Styles applied to the span element that wraps the children." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "label": { + "description": "{{stylesApplied}}.", + "nodeName": "span element that wraps the children" + }, "text": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"text\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"text\"." }, "textInherit": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"text\" and color=\"inherit\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"text\" and color=\"inherit\"." }, "textPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"text\" and color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"text\" and color=\"primary\"." }, "textSecondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"text\" and color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"text\" and color=\"secondary\"." }, "outlined": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"outlined\"." }, "outlinedInherit": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"outlined\" and color=\"inherit\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"outlined\" and color=\"inherit\"." }, "outlinedPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"outlined\" and color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"outlined\" and color=\"primary\"." }, "outlinedSecondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"outlined\" and color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"outlined\" and color=\"secondary\"." }, "contained": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"contained\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"contained\"." }, "containedInherit": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"contained\" and color=\"inherit\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"contained\" and color=\"inherit\"." }, "containedPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"contained\" and color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"contained\" and color=\"primary\"." }, "containedSecondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"contained\" and color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"contained\" and color=\"secondary\"." }, "disableElevation": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "disableElevation={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disableElevation={true}." }, "focusVisible": { "description": "Pseudo-class applied to the ButtonBase root element if the button is keyboard focused." }, - "disabled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" - }, + "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, "colorInherit": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"inherit\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"inherit\"." }, "textSizeSmall": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"small\" and variant=\"text\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"small\" and variant=\"text\"." }, "textSizeMedium": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"medium\" and variant=\"text\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"medium\" and variant=\"text\"." }, "textSizeLarge": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"large\" and variant=\"text\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"large\" and variant=\"text\"." }, "outlinedSizeSmall": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"small\" and variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"small\" and variant=\"outlined\"." }, "outlinedSizeMedium": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"medium\" and variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"medium\" and variant=\"outlined\"." }, "outlinedSizeLarge": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"large\" and variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"large\" and variant=\"outlined\"." }, "containedSizeSmall": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"small\" and variant=\"contained\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"small\" and variant=\"contained\"." }, "containedSizeMedium": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"small\" and variant=\"contained\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"small\" and variant=\"contained\"." }, "containedSizeLarge": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"large\" and variant=\"contained\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"large\" and variant=\"contained\"." }, "sizeSmall": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"small\"." }, "sizeMedium": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"medium\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"medium\"." }, "sizeLarge": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"large\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"large\"." }, "fullWidth": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "fullWidth={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "fullWidth={true}." + }, + "startIcon": { + "description": "{{stylesApplied}} if supplied.", + "nodeName": "startIcon element" }, - "startIcon": { "description": "Styles applied to the startIcon element if supplied." }, - "endIcon": { "description": "Styles applied to the endIcon element if supplied." }, + "endIcon": { "description": "{{stylesApplied}} if supplied.", "nodeName": "endIcon element" }, "iconSizeSmall": { - "description": "Styles applied to the icon element if supplied and `size=\"small\"`." + "description": "{{stylesApplied}} if supplied and `size=\"small\"`.", + "nodeName": "icon element" }, "iconSizeMedium": { - "description": "Styles applied to the icon element if supplied and `size=\"medium\"`." + "description": "{{stylesApplied}} if supplied and `size=\"medium\"`.", + "nodeName": "icon element" }, "iconSizeLarge": { - "description": "Styles applied to the icon element if supplied and `size=\"large\"`." + "description": "{{stylesApplied}} if supplied and `size=\"large\"`.", + "nodeName": "icon element" } } } diff --git a/docs/translations/api-docs/card-action-area/card-action-area.json b/docs/translations/api-docs/card-action-area/card-action-area.json index 4ba5c2381fe3e4..c13633820fbd71 100644 --- a/docs/translations/api-docs/card-action-area/card-action-area.json +++ b/docs/translations/api-docs/card-action-area/card-action-area.json @@ -5,12 +5,13 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "focusVisible": { "description": "Pseudo-class applied to the ButtonBase root element if the action area is keyboard focused." }, "focusHighlight": { - "description": "Styles applied to the overlay that covers the action area when it is keyboard focused." + "description": "{{stylesApplied}}.", + "nodeName": "overlay that covers the action area when it is keyboard focused" } } } diff --git a/docs/translations/api-docs/card-actions/card-actions.json b/docs/translations/api-docs/card-actions/card-actions.json index 42066ffdbb4204..18a7d3b9f62715 100644 --- a/docs/translations/api-docs/card-actions/card-actions.json +++ b/docs/translations/api-docs/card-actions/card-actions.json @@ -6,10 +6,11 @@ "disableSpacing": "If true, the actions do not have additional margin." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "spacing": { - "description": "Styles applied to the root element unless {{conditions}}.", - "conditions": "disableSpacing={true}" + "description": "{{stylesApplied}} unless {{conditions}}.", + "nodeName": "root element", + "conditions": "disableSpacing={true}." } } } diff --git a/docs/translations/api-docs/card-content/card-content.json b/docs/translations/api-docs/card-content/card-content.json index 9fbaf3f4099185..38d5a2037d4140 100644 --- a/docs/translations/api-docs/card-content/card-content.json +++ b/docs/translations/api-docs/card-content/card-content.json @@ -5,5 +5,7 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details.", "component": "The component used for the root node. Either a string to use a HTML element or a component." }, - "classDescriptions": { "root": { "description": "Styles applied to the root element." } } + "classDescriptions": { + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + } } diff --git a/docs/translations/api-docs/card-header/card-header.json b/docs/translations/api-docs/card-header/card-header.json index a9d2928b68fdd7..5ce51a8dd195a7 100644 --- a/docs/translations/api-docs/card-header/card-header.json +++ b/docs/translations/api-docs/card-header/card-header.json @@ -12,11 +12,11 @@ "titleTypographyProps": "These props will be forwarded to the title (as long as disableTypography is not true)." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "avatar": { "description": "Styles applied to the avatar element." }, - "action": { "description": "Styles applied to the action element." }, - "content": { "description": "Styles applied to the content wrapper element." }, - "title": { "description": "Styles applied to the title Typography element." }, - "subheader": { "description": "Styles applied to the subheader Typography element." } + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "avatar": { "description": "{{stylesApplied}}.", "nodeName": "avatar element" }, + "action": { "description": "{{stylesApplied}}.", "nodeName": "action element" }, + "content": { "description": "{{stylesApplied}}.", "nodeName": "content wrapper element" }, + "title": { "description": "{{stylesApplied}}.", "nodeName": "title Typography element" }, + "subheader": { "description": "{{stylesApplied}}.", "nodeName": "subheader Typography element" } } } diff --git a/docs/translations/api-docs/card-media/card-media.json b/docs/translations/api-docs/card-media/card-media.json index c93b8e7d165495..3545e2c04d1cb3 100644 --- a/docs/translations/api-docs/card-media/card-media.json +++ b/docs/translations/api-docs/card-media/card-media.json @@ -8,14 +8,16 @@ "src": "An alias for image property. Available only with media components. Media components: video, audio, picture, iframe, img." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "media": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "component=\"video, audio, picture, iframe, or img\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "component=\"video, audio, picture, iframe, or img\"." }, "img": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "component=\"picture or img\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "component=\"picture or img\"." } } } diff --git a/docs/translations/api-docs/card/card.json b/docs/translations/api-docs/card/card.json index f115d5fb6b49e4..927f65e71f9dbc 100644 --- a/docs/translations/api-docs/card/card.json +++ b/docs/translations/api-docs/card/card.json @@ -5,5 +5,7 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details.", "raised": "If true, the card will use raised styling." }, - "classDescriptions": { "root": { "description": "Styles applied to the root element." } } + "classDescriptions": { + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + } } diff --git a/docs/translations/api-docs/checkbox/checkbox.json b/docs/translations/api-docs/checkbox/checkbox.json index 803bea5df9dea2..c5367210a8dcd6 100644 --- a/docs/translations/api-docs/checkbox/checkbox.json +++ b/docs/translations/api-docs/checkbox/checkbox.json @@ -19,26 +19,21 @@ "value": "The value of the component. The DOM API casts this to a string. The browser uses "on" as the default value." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "checked": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "checked={true}" - }, - "disabled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" - }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "checked": { "description": "Pseudo-class applied to the root element if `checked={true}`." }, + "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, "indeterminate": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "indeterminate={true}" + "description": "Pseudo-class applied to the root element if `indeterminate={true}`." }, "colorPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"primary\"." }, "colorSecondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"secondary\"." } } } diff --git a/docs/translations/api-docs/chip/chip.json b/docs/translations/api-docs/chip/chip.json index d99237e7d08438..69bf13db1930db 100644 --- a/docs/translations/api-docs/chip/chip.json +++ b/docs/translations/api-docs/chip/chip.json @@ -16,114 +16,136 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "sizeSmall": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"small\"." }, "colorPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"primary\"." }, "colorSecondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"secondary\"" - }, - "disabled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"secondary\"." }, + "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, "clickable": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "onClick is defined or clickable={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "onClick is defined or clickable={true}." }, "clickableColorPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "onClick and color=\"primary\" is defined or clickable={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "onClick and color=\"primary\" is defined or clickable={true}." }, "clickableColorSecondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "onClick and color=\"secondary\" is defined or clickable={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "onClick and color=\"secondary\" is defined or clickable={true}." }, "deletable": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "onDelete is defined" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "onDelete is defined." }, "deletableColorPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "onDelete and color=\"primary\" is defined" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "onDelete and color=\"primary\" is defined." }, "deletableColorSecondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "onDelete and color=\"secondary\" is defined" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "onDelete and color=\"secondary\" is defined." }, "outlined": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"outlined\"." }, "filled": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"filled\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"filled\"." }, "outlinedPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"outlined\" and color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"outlined\" and color=\"primary\"." }, "outlinedSecondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"outlined\" and color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"outlined\" and color=\"secondary\"." }, - "avatar": { "description": "Styles applied to the avatar element." }, + "avatar": { "description": "{{stylesApplied}}.", "nodeName": "avatar element" }, "avatarSmall": { - "description": "Styles applied to the avatar element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "avatar element", + "conditions": "size=\"small\"." }, "avatarColorPrimary": { - "description": "Styles applied to the avatar element if {{conditions}}.", - "conditions": "color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "avatar element", + "conditions": "color=\"primary\"." }, "avatarColorSecondary": { - "description": "Styles applied to the avatar element if {{conditions}}.", - "conditions": "color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "avatar element", + "conditions": "color=\"secondary\"." }, - "icon": { "description": "Styles applied to the icon element." }, + "icon": { "description": "{{stylesApplied}}.", "nodeName": "icon element" }, "iconSmall": { - "description": "Styles applied to the icon element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "icon element", + "conditions": "size=\"small\"." }, "iconColorPrimary": { - "description": "Styles applied to the icon element if {{conditions}}.", - "conditions": "color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "icon element", + "conditions": "color=\"primary\"." }, "iconColorSecondary": { - "description": "Styles applied to the icon element if {{conditions}}.", - "conditions": "color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "icon element", + "conditions": "color=\"secondary\"." }, - "label": { "description": "Styles applied to the label `span` element." }, + "label": { "description": "{{stylesApplied}}.", "nodeName": "label `span` element" }, "labelSmall": { - "description": "Styles applied to the label `span` element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "label `span` element", + "conditions": "size=\"small\"." }, - "deleteIcon": { "description": "Styles applied to the deleteIcon element." }, + "deleteIcon": { "description": "{{stylesApplied}}.", "nodeName": "deleteIcon element" }, "deleteIconSmall": { - "description": "Styles applied to the deleteIcon element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "deleteIcon element", + "conditions": "size=\"small\"." }, "deleteIconColorPrimary": { - "description": "Styles applied to the deleteIcon element if {{conditions}}.", - "conditions": "color=\"primary\" and variant=\"filled\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "deleteIcon element", + "conditions": "color=\"primary\" and variant=\"filled\"." }, "deleteIconColorSecondary": { - "description": "Styles applied to the deleteIcon element if {{conditions}}.", - "conditions": "color=\"secondary\" and variant=\"filled\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "deleteIcon element", + "conditions": "color=\"secondary\" and variant=\"filled\"." }, "deleteIconOutlinedColorPrimary": { - "description": "Styles applied to the deleteIcon element if {{conditions}}.", - "conditions": "color=\"primary\" and variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "deleteIcon element", + "conditions": "color=\"primary\" and variant=\"outlined\"." }, "deleteIconOutlinedColorSecondary": { - "description": "Styles applied to the deleteIcon element if {{conditions}}.", - "conditions": "color=\"secondary\" and variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "deleteIcon element", + "conditions": "color=\"secondary\" and variant=\"outlined\"." }, "focusVisible": { "description": "Pseudo-class applied to the root element if keyboard focused." diff --git a/docs/translations/api-docs/circular-progress/circular-progress.json b/docs/translations/api-docs/circular-progress/circular-progress.json index c8179f5348cbdc..2162c9e4367014 100644 --- a/docs/translations/api-docs/circular-progress/circular-progress.json +++ b/docs/translations/api-docs/circular-progress/circular-progress.json @@ -10,36 +10,43 @@ "variant": "The variant to use. Use indeterminate when there is no progress value." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "determinate": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"determinate\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"determinate\"." }, "indeterminate": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"indeterminate\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"indeterminate\"." }, "colorPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"primary\"." }, "colorSecondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"secondary\"." }, - "svg": { "description": "Styles applied to the svg element." }, - "circle": { "description": "Styles applied to the `circle` svg path." }, + "svg": { "description": "{{stylesApplied}}.", "nodeName": "svg element" }, + "circle": { "description": "{{stylesApplied}}.", "nodeName": "`circle` svg path" }, "circleDeterminate": { - "description": "Styles applied to the `circle` svg path if {{conditions}}.", - "conditions": "variant=\"determinate\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "`circle` svg path", + "conditions": "variant=\"determinate\"." }, "circleIndeterminate": { - "description": "Styles applied to the `circle` svg path if {{conditions}}.", - "conditions": "variant=\"indeterminate\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "`circle` svg path", + "conditions": "variant=\"indeterminate\"." }, "circleDisableShrink": { - "description": "Styles applied to the `circle` svg path if {{conditions}}.", - "conditions": "disableShrink={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "`circle` svg path", + "conditions": "disableShrink={true}." } } } diff --git a/docs/translations/api-docs/collapse/collapse.json b/docs/translations/api-docs/collapse/collapse.json index b64446738fe4ab..dac39adc9d5e39 100644 --- a/docs/translations/api-docs/collapse/collapse.json +++ b/docs/translations/api-docs/collapse/collapse.json @@ -10,18 +10,19 @@ "timeout": "The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.
Set to 'auto' to automatically calculate transition time based on height." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "horizontal": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "orientation=\"horizontal\"" + "description": "Pseudo-class applied to the root element if `orientation=\"horizontal\"`." }, "entered": { - "description": "Styles applied to the root element when the transition has entered." + "description": "{{stylesApplied}}.", + "nodeName": "root element when the transition has entered" }, "hidden": { - "description": "Styles applied to the root element when the transition has exited and `collapsedSize` = 0px." + "description": "{{stylesApplied}}.", + "nodeName": "root element when the transition has exited and `collapsedSize` = 0px" }, - "wrapper": { "description": "Styles applied to the outer wrapper element." }, - "wrapperInner": { "description": "Styles applied to the inner wrapper element." } + "wrapper": { "description": "{{stylesApplied}}.", "nodeName": "outer wrapper element" }, + "wrapperInner": { "description": "{{stylesApplied}}.", "nodeName": "inner wrapper element" } } } diff --git a/docs/translations/api-docs/container/container.json b/docs/translations/api-docs/container/container.json index e1a6b1e6791387..d20f1e6a24c169 100644 --- a/docs/translations/api-docs/container/container.json +++ b/docs/translations/api-docs/container/container.json @@ -9,34 +9,41 @@ "sx": "The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "disableGutters": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "disableGutters={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disableGutters={true}." }, "fixed": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "fixed={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "fixed={true}." }, "maxWidthXs": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "maxWidth=\"xs\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "maxWidth=\"xs\"." }, "maxWidthSm": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "maxWidth=\"sm\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "maxWidth=\"sm\"." }, "maxWidthMd": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "maxWidth=\"md\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "maxWidth=\"md\"." }, "maxWidthLg": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "maxWidth=\"lg\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "maxWidth=\"lg\"." }, "maxWidthXl": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "maxWidth=\"xl\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "maxWidth=\"xl\"." } } } diff --git a/docs/translations/api-docs/dialog-actions/dialog-actions.json b/docs/translations/api-docs/dialog-actions/dialog-actions.json index 42066ffdbb4204..18a7d3b9f62715 100644 --- a/docs/translations/api-docs/dialog-actions/dialog-actions.json +++ b/docs/translations/api-docs/dialog-actions/dialog-actions.json @@ -6,10 +6,11 @@ "disableSpacing": "If true, the actions do not have additional margin." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "spacing": { - "description": "Styles applied to the root element unless {{conditions}}.", - "conditions": "disableSpacing={true}" + "description": "{{stylesApplied}} unless {{conditions}}.", + "nodeName": "root element", + "conditions": "disableSpacing={true}." } } } diff --git a/docs/translations/api-docs/dialog-content-text/dialog-content-text.json b/docs/translations/api-docs/dialog-content-text/dialog-content-text.json index 677928ea8148e3..4355e0942728d6 100644 --- a/docs/translations/api-docs/dialog-content-text/dialog-content-text.json +++ b/docs/translations/api-docs/dialog-content-text/dialog-content-text.json @@ -4,5 +4,7 @@ "children": "The content of the component.", "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, - "classDescriptions": { "root": { "description": "Styles applied to the root element." } } + "classDescriptions": { + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + } } diff --git a/docs/translations/api-docs/dialog-content/dialog-content.json b/docs/translations/api-docs/dialog-content/dialog-content.json index 65f99628e9e05e..75d5e49a7587f3 100644 --- a/docs/translations/api-docs/dialog-content/dialog-content.json +++ b/docs/translations/api-docs/dialog-content/dialog-content.json @@ -6,10 +6,11 @@ "dividers": "Display the top and bottom dividers." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "dividers": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "dividers={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "dividers={true}." } } } diff --git a/docs/translations/api-docs/dialog-title/dialog-title.json b/docs/translations/api-docs/dialog-title/dialog-title.json index e94c9c45476891..f9afb2b1b7c7a5 100644 --- a/docs/translations/api-docs/dialog-title/dialog-title.json +++ b/docs/translations/api-docs/dialog-title/dialog-title.json @@ -5,5 +5,7 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details.", "disableTypography": "If true, the children won't be wrapped by a typography component. For instance, this can be useful to render an h4 instead of the default h2." }, - "classDescriptions": { "root": { "description": "Styles applied to the root element." } } + "classDescriptions": { + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + } } diff --git a/docs/translations/api-docs/dialog/dialog.json b/docs/translations/api-docs/dialog/dialog.json index 269be48164ec60..5b359ce0811886 100644 --- a/docs/translations/api-docs/dialog/dialog.json +++ b/docs/translations/api-docs/dialog/dialog.json @@ -20,56 +20,68 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "scrollPaper": { - "description": "Styles applied to the container element if {{conditions}}.", - "conditions": "scroll=\"paper\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "container element", + "conditions": "scroll=\"paper\"." }, "scrollBody": { - "description": "Styles applied to the container element if {{conditions}}.", - "conditions": "scroll=\"body\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "container element", + "conditions": "scroll=\"body\"." }, - "container": { "description": "Styles applied to the container element." }, - "paper": { "description": "Styles applied to the Paper component." }, + "container": { "description": "{{stylesApplied}}.", "nodeName": "container element" }, + "paper": { "description": "{{stylesApplied}}.", "nodeName": "Paper component" }, "paperScrollPaper": { - "description": "Styles applied to the Paper component if {{conditions}}.", - "conditions": "scroll=\"paper\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Paper component", + "conditions": "scroll=\"paper\"." }, "paperScrollBody": { - "description": "Styles applied to the Paper component if {{conditions}}.", - "conditions": "scroll=\"body\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Paper component", + "conditions": "scroll=\"body\"." }, "paperWidthFalse": { - "description": "Styles applied to the Paper component if {{conditions}}.", - "conditions": "maxWidth=false" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Paper component", + "conditions": "maxWidth=false." }, "paperWidthXs": { - "description": "Styles applied to the Paper component if {{conditions}}.", - "conditions": "maxWidth=\"xs\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Paper component", + "conditions": "maxWidth=\"xs\"." }, "paperWidthSm": { - "description": "Styles applied to the Paper component if {{conditions}}.", - "conditions": "maxWidth=\"sm\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Paper component", + "conditions": "maxWidth=\"sm\"." }, "paperWidthMd": { - "description": "Styles applied to the Paper component if {{conditions}}.", - "conditions": "maxWidth=\"md\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Paper component", + "conditions": "maxWidth=\"md\"." }, "paperWidthLg": { - "description": "Styles applied to the Paper component if {{conditions}}.", - "conditions": "maxWidth=\"lg\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Paper component", + "conditions": "maxWidth=\"lg\"." }, "paperWidthXl": { - "description": "Styles applied to the Paper component if {{conditions}}.", - "conditions": "maxWidth=\"xl\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Paper component", + "conditions": "maxWidth=\"xl\"." }, "paperFullWidth": { - "description": "Styles applied to the Paper component if {{conditions}}.", - "conditions": "fullWidth={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Paper component", + "conditions": "fullWidth={true}." }, "paperFullScreen": { - "description": "Styles applied to the Paper component if {{conditions}}.", - "conditions": "fullScreen={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Paper component", + "conditions": "fullScreen={true}." } } } diff --git a/docs/translations/api-docs/divider/divider.json b/docs/translations/api-docs/divider/divider.json index f4bfbbca404112..31e9d30cc0671c 100644 --- a/docs/translations/api-docs/divider/divider.json +++ b/docs/translations/api-docs/divider/divider.json @@ -12,54 +12,69 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "absolute": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "absolute={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "absolute={true}." }, "inset": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"inset\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"inset\"." }, "fullWidth": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"fullWidth\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"fullWidth\"." }, "light": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "light={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "light={true}." }, "middle": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"middle\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"middle\"." }, "vertical": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "orientation=\"vertical\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "orientation=\"vertical\"." }, "flexItem": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "flexItem={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "flexItem={true}." + }, + "withChildren": { + "description": "{{stylesApplied}} if divider have text.", + "nodeName": "root element" }, - "withChildren": { "description": "Styles applied to the root element if divider have text." }, "withChildrenVertical": { - "description": "Styles applied to the root element if divider have text and `orientation=\"vertical\"`." + "description": "{{stylesApplied}} if divider have text and `orientation=\"vertical\"`.", + "nodeName": "root element" }, "textAlignRight": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "textAlign=\"right\" orientation=\"horizontal\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "textAlign=\"right\" orientation=\"horizontal\"." }, "textAlignLeft": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "textAlign=\"left\" orientation=\"horizontal\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "textAlign=\"left\" orientation=\"horizontal\"." }, "wrapper": { - "description": "Styles applied to the span children element if {{conditions}}.", - "conditions": "orientation=\"horizontal\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "span children element", + "conditions": "orientation=\"horizontal\"." }, "wrapperVertical": { - "description": "Styles applied to the span children element if {{conditions}}.", - "conditions": "orientation=\"vertical\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "span children element", + "conditions": "orientation=\"vertical\"." } } } diff --git a/docs/translations/api-docs/drawer/drawer.json b/docs/translations/api-docs/drawer/drawer.json index 9d54f76085e0b4..27a9c0a10d9693 100644 --- a/docs/translations/api-docs/drawer/drawer.json +++ b/docs/translations/api-docs/drawer/drawer.json @@ -14,44 +14,53 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "docked": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"permanent or persistent\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"permanent or persistent\"." }, - "paper": { "description": "Styles applied to the Paper component." }, + "paper": { "description": "{{stylesApplied}}.", "nodeName": "Paper component" }, "paperAnchorLeft": { - "description": "Styles applied to the Paper component if {{conditions}}.", - "conditions": "anchor=\"left\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Paper component", + "conditions": "anchor=\"left\"." }, "paperAnchorRight": { - "description": "Styles applied to the Paper component if {{conditions}}.", - "conditions": "anchor=\"right\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Paper component", + "conditions": "anchor=\"right\"." }, "paperAnchorTop": { - "description": "Styles applied to the Paper component if {{conditions}}.", - "conditions": "anchor=\"top\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Paper component", + "conditions": "anchor=\"top\"." }, "paperAnchorBottom": { - "description": "Styles applied to the Paper component if {{conditions}}.", - "conditions": "anchor=\"bottom\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Paper component", + "conditions": "anchor=\"bottom\"." }, "paperAnchorDockedLeft": { - "description": "Styles applied to the Paper component if {{conditions}}.", - "conditions": "anchor=\"left\" and variant is not \"temporary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Paper component", + "conditions": "anchor=\"left\" and variant is not \"temporary\"." }, "paperAnchorDockedTop": { - "description": "Styles applied to the Paper component if {{conditions}}.", - "conditions": "anchor=\"top\" and variant is not \"temporary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Paper component", + "conditions": "anchor=\"top\" and variant is not \"temporary\"." }, "paperAnchorDockedRight": { - "description": "Styles applied to the Paper component if {{conditions}}.", - "conditions": "anchor=\"right\" and variant is not \"temporary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Paper component", + "conditions": "anchor=\"right\" and variant is not \"temporary\"." }, "paperAnchorDockedBottom": { - "description": "Styles applied to the Paper component if {{conditions}}.", - "conditions": "anchor=\"bottom\" and variant is not \"temporary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Paper component", + "conditions": "anchor=\"bottom\" and variant is not \"temporary\"." }, - "modal": { "description": "Styles applied to the Modal component." } + "modal": { "description": "{{stylesApplied}}.", "nodeName": "Modal component" } } } diff --git a/docs/translations/api-docs/fab/fab.json b/docs/translations/api-docs/fab/fab.json index a48034242fef8c..86190a091730df 100644 --- a/docs/translations/api-docs/fab/fab.json +++ b/docs/translations/api-docs/fab/fab.json @@ -13,42 +13,49 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "label": { "description": "Styles applied to the span element that wraps the children." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "label": { + "description": "{{stylesApplied}}.", + "nodeName": "span element that wraps the children" + }, "primary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"primary\"." }, "secondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"secondary\"." }, "extended": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"extended\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"extended\"." }, "circular": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"circular\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"circular\"." }, "focusVisible": { "description": "Pseudo-class applied to the ButtonBase root element if the button is keyboard focused." }, - "disabled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" - }, + "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, "colorInherit": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"inherit\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"inherit\"." }, "sizeSmall": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"small\"`" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"small\"`." }, "sizeMedium": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"medium\"`" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"medium\"`." } } } diff --git a/docs/translations/api-docs/filled-input/filled-input.json b/docs/translations/api-docs/filled-input/filled-input.json index 421e8d00f9136a..1a1b10a4a2d650 100644 --- a/docs/translations/api-docs/filled-input/filled-input.json +++ b/docs/translations/api-docs/filled-input/filled-input.json @@ -30,62 +30,70 @@ "value": "The value of the input element, required for a controlled component." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "colorSecondary": { "description": "Styles applied to the root element if color secondary." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "colorSecondary": { + "description": "{{stylesApplied}} if color secondary.", + "nodeName": "root element" + }, "underline": { - "description": "Styles applied to the root element unless {{conditions}}.", - "conditions": "disableUnderline={true}" + "description": "{{stylesApplied}} unless {{conditions}}.", + "nodeName": "root element", + "conditions": "disableUnderline={true}." }, "focused": { "description": "Pseudo-class applied to the root element if the component is focused." }, - "disabled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" - }, + "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, "adornedStart": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "startAdornment is provided" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "startAdornment is provided." }, "adornedEnd": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "endAdornment is provided" - }, - "error": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "error={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "endAdornment is provided." }, + "error": { "description": "Pseudo-class applied to the root element if `error={true}`." }, "sizeSmall": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "size=\"small\"." }, "multiline": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "multiline={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "multiline={true}." }, "hiddenLabel": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "hiddenLabel={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "hiddenLabel={true}." }, - "input": { "description": "Styles applied to the input element." }, + "input": { "description": "{{stylesApplied}}.", "nodeName": "input element" }, "inputSizeSmall": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "size=\"small\"." }, "inputHiddenLabel": { - "description": "Styles applied to the `input` if in ``." + "description": "{{stylesApplied}} if in ``.", + "nodeName": "`input`" }, "inputMultiline": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "multiline={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "multiline={true}." }, "inputAdornedStart": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "startAdornment is provided" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "startAdornment is provided." }, "inputAdornedEnd": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "endAdornment is provided" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "endAdornment is provided." } } } diff --git a/docs/translations/api-docs/form-control-label/form-control-label.json b/docs/translations/api-docs/form-control-label/form-control-label.json index 9becc20665194b..488956ab3307d6 100644 --- a/docs/translations/api-docs/form-control-label/form-control-label.json +++ b/docs/translations/api-docs/form-control-label/form-control-label.json @@ -12,23 +12,23 @@ "value": "The value of the component." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "labelPlacementStart": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "labelPlacement=\"start\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "labelPlacement=\"start\"." }, "labelPlacementTop": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "labelPlacement=\"top\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "labelPlacement=\"top\"." }, "labelPlacementBottom": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "labelPlacement=\"bottom\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "labelPlacement=\"bottom\"." }, - "disabled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" - }, - "label": { "description": "Styles applied to the label's Typography component." } + "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, + "label": { "description": "{{stylesApplied}}.", "nodeName": "label's Typography component" } } } diff --git a/docs/translations/api-docs/form-control/form-control.json b/docs/translations/api-docs/form-control/form-control.json index 43954e4bf0f980..712c771ec569cc 100644 --- a/docs/translations/api-docs/form-control/form-control.json +++ b/docs/translations/api-docs/form-control/form-control.json @@ -16,18 +16,21 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "marginNormal": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "margin=\"normal\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "margin=\"normal\"." }, "marginDense": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "margin=\"dense\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "margin=\"dense\"." }, "fullWidth": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "fullWidth={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "fullWidth={true}." } } } diff --git a/docs/translations/api-docs/form-group/form-group.json b/docs/translations/api-docs/form-group/form-group.json index 40ee92cf7408dc..ace23ded2f2adf 100644 --- a/docs/translations/api-docs/form-group/form-group.json +++ b/docs/translations/api-docs/form-group/form-group.json @@ -6,10 +6,11 @@ "row": "Display group of elements in a compact row." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "row": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "row={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "row={true}." } } } diff --git a/docs/translations/api-docs/form-helper-text/form-helper-text.json b/docs/translations/api-docs/form-helper-text/form-helper-text.json index d58fd3b687f737..16a6cee19a3be7 100644 --- a/docs/translations/api-docs/form-helper-text/form-helper-text.json +++ b/docs/translations/api-docs/form-helper-text/form-helper-text.json @@ -13,34 +13,21 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "error": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "error={true}" - }, - "disabled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" - }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "error": { "description": "Pseudo-class applied to the root element if `error={true}`." }, + "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, "sizeSmall": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"small\"." }, "contained": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"filled\" or variant=\"outlined\"" - }, - "focused": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "focused={true}" - }, - "filled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "filled={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"filled\" or variant=\"outlined\"." }, - "required": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "required={true}" - } + "focused": { "description": "Pseudo-class applied to the root element if `focused={true}`." }, + "filled": { "description": "Pseudo-class applied to the root element if `filled={true}`." }, + "required": { "description": "Pseudo-class applied to the root element if `required={true}`." } } } diff --git a/docs/translations/api-docs/form-label/form-label.json b/docs/translations/api-docs/form-label/form-label.json index b6226737c7c0b8..6330a9d2ac6dd2 100644 --- a/docs/translations/api-docs/form-label/form-label.json +++ b/docs/translations/api-docs/form-label/form-label.json @@ -12,30 +12,16 @@ "required": "If true, the label will indicate that the input is required." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "colorSecondary": { - "description": "Styles applied to the root element if the color is secondary." + "description": "{{stylesApplied}} if the color is secondary.", + "nodeName": "root element" }, - "focused": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "focused={true}" - }, - "disabled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" - }, - "error": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "error={true}" - }, - "filled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "filled={true}" - }, - "required": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "required={true}" - }, - "asterisk": { "description": "Styles applied to the asterisk element." } + "focused": { "description": "Pseudo-class applied to the root element if `focused={true}`." }, + "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, + "error": { "description": "Pseudo-class applied to the root element if `error={true}`." }, + "filled": { "description": "Pseudo-class applied to the root element if `filled={true}`." }, + "required": { "description": "Pseudo-class applied to the root element if `required={true}`." }, + "asterisk": { "description": "{{stylesApplied}}.", "nodeName": "asterisk element" } } } diff --git a/docs/translations/api-docs/grid/grid.json b/docs/translations/api-docs/grid/grid.json index 2516b6b2387bb9..a13a3cc0129272 100644 --- a/docs/translations/api-docs/grid/grid.json +++ b/docs/translations/api-docs/grid/grid.json @@ -20,94 +20,116 @@ "zeroMinWidth": "If true, it sets min-width: 0 on the item. Refer to the limitations section of the documentation to better understand the use case." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "container": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "container={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "container={true}." }, "item": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "item={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "item={true}." }, "zeroMinWidth": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "zeroMinWidth={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "zeroMinWidth={true}." }, "direction-xs-column": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "direction=\"column\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "direction=\"column\"." }, "direction-xs-column-reverse": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "direction=\"column-reverse\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "direction=\"column-reverse\"." }, "direction-xs-row-reverse": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "direction=\"row-reverse\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "direction=\"row-reverse\"." }, "wrap-xs-nowrap": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "wrap=\"nowrap\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "wrap=\"nowrap\"." }, "wrap-xs-wrap-reverse": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "wrap=\"reverse\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "wrap=\"reverse\"." }, "align-items-xs-center": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "alignItems=\"center\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "alignItems=\"center\"." }, "align-items-xs-flex-start": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "alignItems=\"flex-start\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "alignItems=\"flex-start\"." }, "align-items-xs-flex-end": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "alignItems=\"flex-end\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "alignItems=\"flex-end\"." }, "align-items-xs-baseline": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "alignItems=\"baseline\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "alignItems=\"baseline\"." }, "align-content-xs-center": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "alignContent=\"center\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "alignContent=\"center\"." }, "align-content-xs-flex-start": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "alignContent=\"flex-start\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "alignContent=\"flex-start\"." }, "align-content-xs-flex-end": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "alignContent=\"flex-end\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "alignContent=\"flex-end\"." }, "align-content-xs-space-between": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "alignContent=\"space-between\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "alignContent=\"space-between\"." }, "align-content-xs-space-around": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "alignContent=\"space-around\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "alignContent=\"space-around\"." }, "justify-content-xs-center": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "justifyContent=\"center\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "justifyContent=\"center\"." }, "justify-content-xs-flex-end": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "justifyContent=\"flex-end\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "justifyContent=\"flex-end\"." }, "justify-content-xs-space-between": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "justifyContent=\"space-between\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "justifyContent=\"space-between\"." }, "justify-content-xs-space-around": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "justifyContent=\"space-around\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "justifyContent=\"space-around\"." }, "justify-content-xs-space-evenly": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "justifyContent=\"space-evenly\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "justifyContent=\"space-evenly\"." } } } diff --git a/docs/translations/api-docs/icon-button/icon-button.json b/docs/translations/api-docs/icon-button/icon-button.json index 40f46a28258538..323a5347881ee3 100644 --- a/docs/translations/api-docs/icon-button/icon-button.json +++ b/docs/translations/api-docs/icon-button/icon-button.json @@ -11,35 +11,38 @@ "size": "The size of the component. small is equivalent to the dense button styling." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "edgeStart": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "edge=\"start\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "edge=\"start\"." }, "edgeEnd": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "edge=\"end\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "edge=\"end\"." }, "colorInherit": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"inherit\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"inherit\"." }, "colorPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"primary\"." }, "colorSecondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"secondary\"" - }, - "disabled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"secondary\"." }, + "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, "sizeSmall": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"small\"." }, - "label": { "description": "Styles applied to the children container element." } + "label": { "description": "{{stylesApplied}}.", "nodeName": "children container element" } } } diff --git a/docs/translations/api-docs/icon/icon.json b/docs/translations/api-docs/icon/icon.json index 7e907ecf88ef12..9856330a35c60b 100644 --- a/docs/translations/api-docs/icon/icon.json +++ b/docs/translations/api-docs/icon/icon.json @@ -9,38 +9,46 @@ "fontSize": "The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "colorPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"primary\"." }, "colorSecondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"secondary\"." }, "colorAction": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"action\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"action\"." }, "colorError": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"error\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"error\"." }, "colorDisabled": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"disabled\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"disabled\"." }, "fontSizeInherit": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "fontSize=\"inherit\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "fontSize=\"inherit\"." }, "fontSizeSmall": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "fontSize=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "fontSize=\"small\"." }, "fontSizeLarge": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "fontSize=\"large\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "fontSize=\"large\"." } } } diff --git a/docs/translations/api-docs/image-list-item-bar/image-list-item-bar.json b/docs/translations/api-docs/image-list-item-bar/image-list-item-bar.json index bcd15750d73e37..113812ff5ec9b9 100644 --- a/docs/translations/api-docs/image-list-item-bar/image-list-item-bar.json +++ b/docs/translations/api-docs/image-list-item-bar/image-list-item-bar.json @@ -9,38 +9,48 @@ "title": "Title to be displayed." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "positionBottom": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "position=\"bottom\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "position=\"bottom\"." }, "positionTop": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "position=\"top\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "position=\"top\"." }, "positionBelow": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "position=\"below\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "position=\"below\"." + }, + "titleWrap": { + "description": "{{stylesApplied}}.", + "nodeName": "title and subtitle container element" }, - "titleWrap": { "description": "Styles applied to the title and subtitle container element." }, "titleWrapBelow": { - "description": "Styles applied to the title and subtitle container element if {{conditions}}.", - "conditions": "position=\"below\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "title and subtitle container element", + "conditions": "position=\"below\"." }, "titleWrapActionPosLeft": { - "description": "Styles applied to the container element if {{conditions}}.", - "conditions": "actionPosition=\"left\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "container element", + "conditions": "actionPosition=\"left\"." }, "titleWrapActionPosRight": { - "description": "Styles applied to the container element if {{conditions}}.", - "conditions": "actionPosition=\"right\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "container element", + "conditions": "actionPosition=\"right\"." }, - "title": { "description": "Styles applied to the title container element." }, - "subtitle": { "description": "Styles applied to the subtitle container element." }, - "actionIcon": { "description": "Styles applied to the actionIcon if supplied." }, + "title": { "description": "{{stylesApplied}}.", "nodeName": "title container element" }, + "subtitle": { "description": "{{stylesApplied}}.", "nodeName": "subtitle container element" }, + "actionIcon": { "description": "{{stylesApplied}} if supplied.", "nodeName": "actionIcon" }, "actionIconActionPosLeft": { - "description": "Styles applied to the actionIcon if {{conditions}}.", - "conditions": "actionPosition=\"left\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "actionIcon", + "conditions": "actionPosition=\"left\"." } } } diff --git a/docs/translations/api-docs/image-list-item/image-list-item.json b/docs/translations/api-docs/image-list-item/image-list-item.json index d54fb8beded402..f25bbe13d93100 100644 --- a/docs/translations/api-docs/image-list-item/image-list-item.json +++ b/docs/translations/api-docs/image-list-item/image-list-item.json @@ -8,15 +8,17 @@ "rows": "Height of the item in number of grid rows." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "img": { "description": "Styles applied to an `img` element to ensure it covers the item." }, "standard": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"standard\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"standard\"." }, "woven": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"woven\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"woven\"." } } } diff --git a/docs/translations/api-docs/image-list/image-list.json b/docs/translations/api-docs/image-list/image-list.json index b11b84e66a6cbd..08b5aa9812dddd 100644 --- a/docs/translations/api-docs/image-list/image-list.json +++ b/docs/translations/api-docs/image-list/image-list.json @@ -10,22 +10,26 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "masonry": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"masonry\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"masonry\"." }, "quilted": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"quilted\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"quilted\"." }, "standard": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"standard\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"standard\"." }, "woven": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"woven\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"woven\"." } } } diff --git a/docs/translations/api-docs/input-adornment/input-adornment.json b/docs/translations/api-docs/input-adornment/input-adornment.json index f5c5bbb0f3ec80..c4a0faa0f95895 100644 --- a/docs/translations/api-docs/input-adornment/input-adornment.json +++ b/docs/translations/api-docs/input-adornment/input-adornment.json @@ -10,22 +10,26 @@ "variant": "The variant to use. Note: If you are using the TextField component or the FormControl component you do not have to set this manually." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "filled": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"filled\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"filled\"." }, "positionStart": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "position=\"start\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "position=\"start\"." }, "positionEnd": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "position=\"end\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "position=\"end\"." }, "disablePointerEvents": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "disablePointerEvents={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disablePointerEvents={true}." }, "hiddenLabel": { "description": "Styles applied if the adornment is used inside ." diff --git a/docs/translations/api-docs/input-base/input-base.json b/docs/translations/api-docs/input-base/input-base.json index b4b9bfd7ab25ad..3672a503284576 100644 --- a/docs/translations/api-docs/input-base/input-base.json +++ b/docs/translations/api-docs/input-base/input-base.json @@ -31,70 +31,85 @@ "value": "The value of the input element, required for a controlled component." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "formControl": { - "description": "Styles applied to the root element if the component is a descendant of `FormControl`." + "description": "{{stylesApplied}} if the component is a descendant of `FormControl`.", + "nodeName": "root element" + }, + "focused": { + "description": "{{stylesApplied}} if the component is focused.", + "nodeName": "root element" }, - "focused": { "description": "Styles applied to the root element if the component is focused." }, "disabled": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}." }, "adornedStart": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "startAdornment is provided" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "startAdornment is provided." }, "adornedEnd": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "endAdornment is provided" - }, - "error": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "error={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "endAdornment is provided." }, + "error": { "description": "Pseudo-class applied to the root element if `error={true}`." }, "sizeSmall": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "size=\"small\"." }, "multiline": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "multiline={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "multiline={true}." }, "colorSecondary": { - "description": "Styles applied to the root element if the color is secondary." + "description": "{{stylesApplied}} if the color is secondary.", + "nodeName": "root element" }, "fullWidth": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "fullWidth={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "fullWidth={true}." }, "hiddenLabel": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "hiddenLabel={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "hiddenLabel={true}." }, - "input": { "description": "Styles applied to the input element." }, + "input": { "description": "{{stylesApplied}}.", "nodeName": "input element" }, "inputSizeSmall": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "size=\"small\"." }, "inputMultiline": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "multiline={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "multiline={true}." }, "inputTypeSearch": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "type=\"search\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "type=\"search\"." }, "inputAdornedStart": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "startAdornment is provided" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "startAdornment is provided." }, "inputAdornedEnd": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "endAdornment is provided" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "endAdornment is provided." }, "inputHiddenLabel": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "hiddenLabel={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "hiddenLabel={true}." } } } diff --git a/docs/translations/api-docs/input-label/input-label.json b/docs/translations/api-docs/input-label/input-label.json index 39fa34a2d85f2f..ec1fcef02c92b7 100644 --- a/docs/translations/api-docs/input-label/input-label.json +++ b/docs/translations/api-docs/input-label/input-label.json @@ -14,46 +14,40 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "focused": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "focused={true}" - }, - "disabled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" - }, - "error": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "error={true}" - }, - "required": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "required={true}" - }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "focused": { "description": "Pseudo-class applied to the root element if `focused={true}`." }, + "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, + "error": { "description": "Pseudo-class applied to the root element if `error={true}`." }, + "required": { "description": "Pseudo-class applied to the root element if `required={true}`." }, "asterisk": { "description": "Pseudo-class applied to the asterisk element." }, "formControl": { - "description": "Styles applied to the root element if the component is a descendant of `FormControl`." + "description": "{{stylesApplied}} if the component is a descendant of `FormControl`.", + "nodeName": "root element" }, "sizeSmall": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"small\"." }, "shrink": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "shrink={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "shrink={true}." }, "animated": { - "description": "Styles applied to the input element unless {{conditions}}.", - "conditions": "disableAnimation={true}" + "description": "{{stylesApplied}} unless {{conditions}}.", + "nodeName": "input element", + "conditions": "disableAnimation={true}." }, "filled": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"filled\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"filled\"." }, "outlined": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"outlined\"." } } } diff --git a/docs/translations/api-docs/input/input.json b/docs/translations/api-docs/input/input.json index 43a512485cdaa8..18002c99d0a634 100644 --- a/docs/translations/api-docs/input/input.json +++ b/docs/translations/api-docs/input/input.json @@ -30,48 +30,60 @@ "value": "The value of the input element, required for a controlled component." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "formControl": { - "description": "Styles applied to the root element if the component is a descendant of `FormControl`." + "description": "{{stylesApplied}} if the component is a descendant of `FormControl`.", + "nodeName": "root element" + }, + "focused": { + "description": "{{stylesApplied}} if the component is focused.", + "nodeName": "root element" }, - "focused": { "description": "Styles applied to the root element if the component is focused." }, "disabled": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}." }, - "colorSecondary": { "description": "Styles applied to the root element if color secondary." }, - "underline": { - "description": "Styles applied to the root element unless {{conditions}}.", - "conditions": "disableUnderline={true}" + "colorSecondary": { + "description": "{{stylesApplied}} if color secondary.", + "nodeName": "root element" }, - "error": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "error={true}" + "underline": { + "description": "{{stylesApplied}} unless {{conditions}}.", + "nodeName": "root element", + "conditions": "disableUnderline={true}." }, + "error": { "description": "Pseudo-class applied to the root element if `error={true}`." }, "sizeSmall": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "size=\"small\"." }, "multiline": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "multiline={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "multiline={true}." }, "fullWidth": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "fullWidth={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "fullWidth={true}." }, - "input": { "description": "Styles applied to the input element." }, + "input": { "description": "{{stylesApplied}}.", "nodeName": "input element" }, "inputSizeSmall": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "size=\"small\"." }, "inputMultiline": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "multiline={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "multiline={true}." }, "inputTypeSearch": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "type=\"search\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "type=\"search\"." } } } diff --git a/docs/translations/api-docs/linear-progress/linear-progress.json b/docs/translations/api-docs/linear-progress/linear-progress.json index 73bd74bdec5c15..34fb4da027d80c 100644 --- a/docs/translations/api-docs/linear-progress/linear-progress.json +++ b/docs/translations/api-docs/linear-progress/linear-progress.json @@ -8,71 +8,87 @@ "variant": "The variant to use. Use indeterminate or query when there is no progress value." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "colorPrimary": { - "description": "Styles applied to the root and bar2 element if {{conditions}}.", - "conditions": "color=\"primary\"; bar2 if variant=\"buffer\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root and bar2 element", + "conditions": "color=\"primary\"; bar2 if variant=\"buffer\"." }, "colorSecondary": { - "description": "Styles applied to the root and bar2 elements if {{conditions}}.", - "conditions": "color=\"secondary\"; bar2 if variant=\"buffer\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root and bar2 elements", + "conditions": "color=\"secondary\"; bar2 if variant=\"buffer\"." }, "determinate": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"determinate\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"determinate\"." }, "indeterminate": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"indeterminate\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"indeterminate\"." }, "buffer": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"buffer\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"buffer\"." }, "query": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"query\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"query\"." }, "dashed": { - "description": "Styles applied to the additional bar element if {{conditions}}.", - "conditions": "variant=\"buffer\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "additional bar element", + "conditions": "variant=\"buffer\"." }, "dashedColorPrimary": { - "description": "Styles applied to the additional bar element if {{conditions}}.", - "conditions": "variant=\"buffer\" and color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "additional bar element", + "conditions": "variant=\"buffer\" and color=\"primary\"." }, "dashedColorSecondary": { - "description": "Styles applied to the additional bar element if {{conditions}}.", - "conditions": "variant=\"buffer\" and color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "additional bar element", + "conditions": "variant=\"buffer\" and color=\"secondary\"." }, - "bar": { "description": "Styles applied to the layered bar1 and bar2 elements." }, + "bar": { "description": "{{stylesApplied}}.", "nodeName": "layered bar1 and bar2 elements" }, "barColorPrimary": { - "description": "Styles applied to the bar elements if {{conditions}}.", - "conditions": "color=\"primary\"; bar2 if variant not \"buffer\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "bar elements", + "conditions": "color=\"primary\"; bar2 if variant not \"buffer\"." }, "barColorSecondary": { - "description": "Styles applied to the bar elements if {{conditions}}.", - "conditions": "color=\"secondary\"; bar2 if variant not \"buffer\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "bar elements", + "conditions": "color=\"secondary\"; bar2 if variant not \"buffer\"." }, "bar1Indeterminate": { - "description": "Styles applied to the bar1 element if {{conditions}}.", - "conditions": "variant=\"indeterminate or query\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "bar1 element", + "conditions": "variant=\"indeterminate or query\"." }, "bar1Determinate": { - "description": "Styles applied to the bar1 element if {{conditions}}.", - "conditions": "variant=\"determinate\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "bar1 element", + "conditions": "variant=\"determinate\"." }, "bar1Buffer": { - "description": "Styles applied to the bar1 element if {{conditions}}.", - "conditions": "variant=\"buffer\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "bar1 element", + "conditions": "variant=\"buffer\"." }, "bar2Indeterminate": { - "description": "Styles applied to the bar2 element if {{conditions}}.", - "conditions": "variant=\"indeterminate or query\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "bar2 element", + "conditions": "variant=\"indeterminate or query\"." }, "bar2Buffer": { - "description": "Styles applied to the bar2 element if {{conditions}}.", - "conditions": "variant=\"buffer\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "bar2 element", + "conditions": "variant=\"buffer\"." } } } diff --git a/docs/translations/api-docs/link/link.json b/docs/translations/api-docs/link/link.json index 1be5cda3b9ad2a..26d1dad3d07d92 100644 --- a/docs/translations/api-docs/link/link.json +++ b/docs/translations/api-docs/link/link.json @@ -10,22 +10,26 @@ "variant": "Applies the theme typography styles." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "underlineNone": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "underline=\"none\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "underline=\"none\"." }, "underlineHover": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "underline=\"hover\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "underline=\"hover\"." }, "underlineAlways": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "underline=\"always\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "underline=\"always\"." }, "button": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "component=\"button\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "component=\"button\"." }, "focusVisible": { "description": "Pseudo-class applied to the root element if the link is keyboard focused." diff --git a/docs/translations/api-docs/list-item-avatar/list-item-avatar.json b/docs/translations/api-docs/list-item-avatar/list-item-avatar.json index c987b08a3cdea7..91f149972457c8 100644 --- a/docs/translations/api-docs/list-item-avatar/list-item-avatar.json +++ b/docs/translations/api-docs/list-item-avatar/list-item-avatar.json @@ -5,9 +5,10 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "alignItemsFlexStart": { - "description": "Styles applied to the root element when the parent `ListItem` uses `alignItems=\"flex-start\"`." + "description": "{{stylesApplied}}.", + "nodeName": "root element when the parent `ListItem` uses `alignItems=\"flex-start\"`" } } } diff --git a/docs/translations/api-docs/list-item-icon/list-item-icon.json b/docs/translations/api-docs/list-item-icon/list-item-icon.json index 60ff24d25b5ff2..fac146292aba13 100644 --- a/docs/translations/api-docs/list-item-icon/list-item-icon.json +++ b/docs/translations/api-docs/list-item-icon/list-item-icon.json @@ -5,9 +5,10 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "alignItemsFlexStart": { - "description": "Styles applied to the root element when the parent `ListItem` uses `alignItems=\"flex-start\"`." + "description": "{{stylesApplied}}.", + "nodeName": "root element when the parent `ListItem` uses `alignItems=\"flex-start\"`" } } } diff --git a/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json b/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json index 162a98ef3f1bbd..847e41c24baa1e 100644 --- a/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json +++ b/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json @@ -5,9 +5,10 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "disableGutters": { - "description": "Styles applied to the root element when the parent `ListItem` has `disableGutters={true}`." + "description": "{{stylesApplied}}.", + "nodeName": "root element when the parent `ListItem` has `disableGutters={true}`" } } } diff --git a/docs/translations/api-docs/list-item-text/list-item-text.json b/docs/translations/api-docs/list-item-text/list-item-text.json index 7a6b21edbef3dd..feb4a933f40a3b 100644 --- a/docs/translations/api-docs/list-item-text/list-item-text.json +++ b/docs/translations/api-docs/list-item-text/list-item-text.json @@ -11,16 +11,24 @@ "secondaryTypographyProps": "These props will be forwarded to the secondary typography component (as long as disableTypography is not true)." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "multiline": { - "description": "Styles applied to the Typography component if primary and secondary are set." + "description": "{{stylesApplied}} if primary and secondary are set.", + "nodeName": "Typography component" }, - "dense": { "description": "Styles applied to the Typography component if dense." }, + "dense": { "description": "{{stylesApplied}} if dense.", "nodeName": "Typography component" }, "inset": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "inset={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "inset={true}." }, - "primary": { "description": "Styles applied to the primary `Typography` component." }, - "secondary": { "description": "Styles applied to the secondary `Typography` component." } + "primary": { + "description": "{{stylesApplied}}.", + "nodeName": "primary `Typography` component" + }, + "secondary": { + "description": "{{stylesApplied}}.", + "nodeName": "secondary `Typography` component" + } } } diff --git a/docs/translations/api-docs/list-item/list-item.json b/docs/translations/api-docs/list-item/list-item.json index 717c3fedab66ae..65be2d75217efb 100644 --- a/docs/translations/api-docs/list-item/list-item.json +++ b/docs/translations/api-docs/list-item/list-item.json @@ -17,44 +17,46 @@ }, "classDescriptions": { "root": { - "description": "Styles applied to the (normally root) `component` element. May be wrapped by a `container`." + "description": "{{stylesApplied}}. May be wrapped by a `container`.", + "nodeName": "(normally root) `component` element" }, "container": { - "description": "Styles applied to the container element if {{conditions}}.", - "conditions": "children includes ListItemSecondaryAction" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "container element", + "conditions": "children includes ListItemSecondaryAction." }, "focusVisible": { - "description": "Pseudo-class applied to the `component`'s `focusVisibleClassName` prop if {{conditions}}.", - "conditions": "button={true}" + "description": "Pseudo-class applied to the `component`'s `focusVisibleClassName` prop if `button={true}`." }, - "dense": { "description": "Styles applied to the component element if dense." }, + "dense": { "description": "{{stylesApplied}} if dense.", "nodeName": "component element" }, "alignItemsFlexStart": { - "description": "Styles applied to the component element if {{conditions}}.", - "conditions": "alignItems=\"flex-start\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "component element", + "conditions": "alignItems=\"flex-start\"." }, "disabled": { - "description": "Pseudo-class applied to the inner `component` element if {{conditions}}.", - "conditions": "disabled={true}" + "description": "Pseudo-class applied to the inner `component` element if `disabled={true}`." }, "divider": { - "description": "Styles applied to the inner `component` element if {{conditions}}.", - "conditions": "divider={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "inner `component` element", + "conditions": "divider={true}." }, "gutters": { - "description": "Styles applied to the inner `component` element unless {{conditions}}.", - "conditions": "disableGutters={true}" + "description": "{{stylesApplied}} unless {{conditions}}.", + "nodeName": "inner `component` element", + "conditions": "disableGutters={true}." }, "button": { - "description": "Styles applied to the inner `component` element if {{conditions}}.", - "conditions": "button={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "inner `component` element", + "conditions": "button={true}." }, "secondaryAction": { - "description": "Styles applied to the component element if {{conditions}}.", - "conditions": "children includes ListItemSecondaryAction" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "component element", + "conditions": "children includes ListItemSecondaryAction." }, - "selected": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "selected={true}" - } + "selected": { "description": "Pseudo-class applied to the root element if `selected={true}`." } } } diff --git a/docs/translations/api-docs/list-subheader/list-subheader.json b/docs/translations/api-docs/list-subheader/list-subheader.json index 291b5599775d86..2cb0f6f87aa2f4 100644 --- a/docs/translations/api-docs/list-subheader/list-subheader.json +++ b/docs/translations/api-docs/list-subheader/list-subheader.json @@ -10,26 +10,31 @@ "inset": "If true, the List Subheader is indented." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "colorPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"primary\"." }, "colorInherit": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"inherit\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"inherit\"." }, "gutters": { - "description": "Styles applied to the inner `component` element unless {{conditions}}.", - "conditions": "disableGutters={true}" + "description": "{{stylesApplied}} unless {{conditions}}.", + "nodeName": "inner `component` element", + "conditions": "disableGutters={true}." }, "inset": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "inset={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "inset={true}." }, "sticky": { - "description": "Styles applied to the root element unless {{conditions}}.", - "conditions": "disableSticky={true}" + "description": "{{stylesApplied}} unless {{conditions}}.", + "nodeName": "root element", + "conditions": "disableSticky={true}." } } } diff --git a/docs/translations/api-docs/list/list.json b/docs/translations/api-docs/list/list.json index c3ae0137998e6f..d240a7d73497fe 100644 --- a/docs/translations/api-docs/list/list.json +++ b/docs/translations/api-docs/list/list.json @@ -9,14 +9,16 @@ "subheader": "The content of the subheader, normally ListSubheader." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "padding": { - "description": "Styles applied to the root element unless {{conditions}}.", - "conditions": "disablePadding={true}" + "description": "{{stylesApplied}} unless {{conditions}}.", + "nodeName": "root element", + "conditions": "disablePadding={true}." }, - "dense": { "description": "Styles applied to the root element if dense." }, + "dense": { "description": "{{stylesApplied}} if dense.", "nodeName": "root element" }, "subheader": { - "description": "Styles applied to the root element if a `subheader` is provided." + "description": "{{stylesApplied}} if a `subheader` is provided.", + "nodeName": "root element" } } } diff --git a/docs/translations/api-docs/loading-button/loading-button.json b/docs/translations/api-docs/loading-button/loading-button.json index d01872ce6665ba..5dfa4d4623af54 100644 --- a/docs/translations/api-docs/loading-button/loading-button.json +++ b/docs/translations/api-docs/loading-button/loading-button.json @@ -9,35 +9,45 @@ "pendingPosition": "The pending indicator can be positioned on the start, end, or the center of the button." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "pending": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "pending={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "pending={true}." + }, + "pendingIndicator": { + "description": "{{stylesApplied}}.", + "nodeName": "pendingIndicator element" }, - "pendingIndicator": { "description": "Styles applied to the pendingIndicator element." }, "pendingIndicatorCenter": { - "description": "Styles applied to the pendingIndicator element if {{conditions}}.", - "conditions": "pendingPosition=\"center\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "pendingIndicator element", + "conditions": "pendingPosition=\"center\"." }, "pendingIndicatorStart": { - "description": "Styles applied to the pendingIndicator element if {{conditions}}.", - "conditions": "pendingPosition=\"start\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "pendingIndicator element", + "conditions": "pendingPosition=\"start\"." }, "pendingIndicatorEnd": { - "description": "Styles applied to the pendingIndicator element if {{conditions}}.", - "conditions": "pendingPosition=\"end\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "pendingIndicator element", + "conditions": "pendingPosition=\"end\"." }, "endIconPendingEnd": { - "description": "Styles applied to the endIcon element if {{conditions}}.", - "conditions": "pending={true} and pendingPosition=\"end\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "endIcon element", + "conditions": "pending={true} and pendingPosition=\"end\"." }, "startIconPendingStart": { - "description": "Styles applied to the startIcon element if {{conditions}}.", - "conditions": "pending={true} and pendingPosition=\"start\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "startIcon element", + "conditions": "pending={true} and pendingPosition=\"start\"." }, "labelPendingCenter": { - "description": "Styles applied to the label element if {{conditions}}.", - "conditions": "pending={true} and pendingPosition=\"center\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "label element", + "conditions": "pending={true} and pendingPosition=\"center\"." } } } diff --git a/docs/translations/api-docs/menu-item/menu-item.json b/docs/translations/api-docs/menu-item/menu-item.json index f1f1ac929209e6..ef5a78e54ae078 100644 --- a/docs/translations/api-docs/menu-item/menu-item.json +++ b/docs/translations/api-docs/menu-item/menu-item.json @@ -9,15 +9,17 @@ "ListItemClasses": "classes prop applied to the ListItem element." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "gutters": { - "description": "Styles applied to the root element unless {{conditions}}.", - "conditions": "disableGutters={true}" + "description": "{{stylesApplied}} unless {{conditions}}.", + "nodeName": "root element", + "conditions": "disableGutters={true}." }, "selected": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "selected={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "selected={true}." }, - "dense": { "description": "Styles applied to the root element if dense." } + "dense": { "description": "{{stylesApplied}} if dense.", "nodeName": "root element" } } } diff --git a/docs/translations/api-docs/menu/menu.json b/docs/translations/api-docs/menu/menu.json index 686d4287951408..09e98f47e95191 100644 --- a/docs/translations/api-docs/menu/menu.json +++ b/docs/translations/api-docs/menu/menu.json @@ -15,7 +15,7 @@ "variant": "The variant to use. Use menu to prevent selected items from impacting the initial focus and the vertical alignment relative to the anchor element." }, "classDescriptions": { - "paper": { "description": "Styles applied to the Paper component." }, - "list": { "description": "Styles applied to the List component via `MenuList`." } + "paper": { "description": "{{stylesApplied}}.", "nodeName": "Paper component" }, + "list": { "description": "{{stylesApplied}}.", "nodeName": "List component via `MenuList`" } } } diff --git a/docs/translations/api-docs/mobile-stepper/mobile-stepper.json b/docs/translations/api-docs/mobile-stepper/mobile-stepper.json index 8233b791332808..66391b503d8dcc 100644 --- a/docs/translations/api-docs/mobile-stepper/mobile-stepper.json +++ b/docs/translations/api-docs/mobile-stepper/mobile-stepper.json @@ -11,34 +11,35 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "positionBottom": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "position=\"bottom\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "position=\"bottom\"." }, "positionTop": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "position=\"top\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "position=\"top\"." }, "positionStatic": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "position=\"static\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "position=\"static\"." }, "dots": { - "description": "Styles applied to the dots container if {{conditions}}.", - "conditions": "variant=\"dots\"" - }, - "dot": { - "description": "Styles applied to each dot if {{conditions}}.", - "conditions": "variant=\"dots\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "dots container", + "conditions": "variant=\"dots\"." }, + "dot": { "description": "Styles applied to each dot if `variant=\"dots\"`." }, "dotActive": { - "description": "Styles applied to a dot if {{conditions}}.", - "conditions": "variant=\"dots\" and this is the active step" + "description": "Styles applied to a dot if `variant=\"dots\"` and this is the active step." }, "progress": { - "description": "Styles applied to the Linear Progress component if {{conditions}}.", - "conditions": "variant=\"progress\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Linear Progress component", + "conditions": "variant=\"progress\"." } } } diff --git a/docs/translations/api-docs/native-select/native-select.json b/docs/translations/api-docs/native-select/native-select.json index e6a06475290edf..dc45b8da0b404f 100644 --- a/docs/translations/api-docs/native-select/native-select.json +++ b/docs/translations/api-docs/native-select/native-select.json @@ -11,28 +11,44 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to the select component `root` class." }, - "select": { "description": "Styles applied to the select component `select` class." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "select component `root` class" }, + "select": { + "description": "{{stylesApplied}}.", + "nodeName": "select component `select` class" + }, "filled": { - "description": "Styles applied to the select component if {{conditions}}.", - "conditions": "variant=\"filled\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "select component", + "conditions": "variant=\"filled\"." }, "outlined": { - "description": "Styles applied to the select component if {{conditions}}.", - "conditions": "variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "select component", + "conditions": "variant=\"outlined\"." + }, + "selectMenu": { + "description": "{{stylesApplied}}.", + "nodeName": "select component `selectMenu` class" }, - "selectMenu": { "description": "Styles applied to the select component `selectMenu` class." }, "disabled": { "description": "Pseudo-class applied to the select component `disabled` class." }, - "icon": { "description": "Styles applied to the icon component." }, - "iconOpen": { "description": "Styles applied to the icon component if the popup is open." }, + "icon": { "description": "{{stylesApplied}}.", "nodeName": "icon component" }, + "iconOpen": { + "description": "{{stylesApplied}} if the popup is open.", + "nodeName": "icon component" + }, "iconFilled": { - "description": "Styles applied to the icon component if {{conditions}}.", - "conditions": "variant=\"filled\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "icon component", + "conditions": "variant=\"filled\"." }, "iconOutlined": { - "description": "Styles applied to the icon component if {{conditions}}.", - "conditions": "variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "icon component", + "conditions": "variant=\"outlined\"." }, - "nativeInput": { "description": "Styles applied to the underlying native input component." } + "nativeInput": { + "description": "{{stylesApplied}}.", + "nodeName": "underlying native input component" + } } } diff --git a/docs/translations/api-docs/outlined-input/outlined-input.json b/docs/translations/api-docs/outlined-input/outlined-input.json index 913ef4e57f00f1..23c51eb89de6a1 100644 --- a/docs/translations/api-docs/outlined-input/outlined-input.json +++ b/docs/translations/api-docs/outlined-input/outlined-input.json @@ -32,52 +32,62 @@ "value": "The value of the input element, required for a controlled component." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "colorSecondary": { - "description": "Styles applied to the root element if the color is secondary." + "description": "{{stylesApplied}} if the color is secondary.", + "nodeName": "root element" + }, + "focused": { + "description": "{{stylesApplied}} if the component is focused.", + "nodeName": "root element" }, - "focused": { "description": "Styles applied to the root element if the component is focused." }, "disabled": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}." }, "adornedStart": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "startAdornment is provided" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "startAdornment is provided." }, "adornedEnd": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "endAdornment is provided" - }, - "error": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "error={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "endAdornment is provided." }, + "error": { "description": "Pseudo-class applied to the root element if `error={true}`." }, "sizeSmall": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "size=\"small\"." }, "multiline": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "multiline={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "multiline={true}." }, - "notchedOutline": { "description": "Styles applied to the NotchedOutline element." }, - "input": { "description": "Styles applied to the input element." }, + "notchedOutline": { "description": "{{stylesApplied}}.", "nodeName": "NotchedOutline element" }, + "input": { "description": "{{stylesApplied}}.", "nodeName": "input element" }, "inputSizeSmall": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "size=\"small\"." }, "inputMultiline": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "multiline={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "multiline={true}." }, "inputAdornedStart": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "startAdornment is provided" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "startAdornment is provided." }, "inputAdornedEnd": { - "description": "Styles applied to the input element if {{conditions}}.", - "conditions": "endAdornment is provided" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "endAdornment is provided." } } } diff --git a/docs/translations/api-docs/pagination-item/pagination-item.json b/docs/translations/api-docs/pagination-item/pagination-item.json index 3e7336b82d6342..1582b5eef3d682 100644 --- a/docs/translations/api-docs/pagination-item/pagination-item.json +++ b/docs/translations/api-docs/pagination-item/pagination-item.json @@ -13,62 +13,63 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "page": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "type=\"page\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "type=\"page\"." }, "sizeSmall": { - "description": "Styles applied applied to the root element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "Styles applied applied to the root element if `size=\"small\"`." }, "sizeLarge": { - "description": "Styles applied applied to the root element if {{conditions}}.", - "conditions": "size=\"large\"" + "description": "Styles applied applied to the root element if `size=\"large\"`." }, "text": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"text\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"text\"." }, "textPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"text\" and color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"text\" and color=\"primary\"." }, "textSecondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"text\" and color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"text\" and color=\"secondary\"." }, "outlined": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"outlined\"." }, "outlinedPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"outlined\" and color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"outlined\" and color=\"primary\"." }, "outlinedSecondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"outlined\" and color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"outlined\" and color=\"secondary\"." }, "rounded": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "rounded=\"true\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "rounded=\"true\"." }, "ellipsis": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "type=\"start-ellipsis\" or type=\"end-ellipsis\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "type=\"start-ellipsis\" or type=\"end-ellipsis\"." }, "focusVisible": { "description": "Pseudo-class applied to the root element if keyboard focused." }, - "disabled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" - }, - "selected": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "selected={true}" - }, + "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, + "selected": { "description": "Pseudo-class applied to the root element if `selected={true}`." }, "icon": { "description": "Styles applied to tThe icon to display." } } } diff --git a/docs/translations/api-docs/pagination/pagination.json b/docs/translations/api-docs/pagination/pagination.json index 3c8978556ef951..694ebc965306b9 100644 --- a/docs/translations/api-docs/pagination/pagination.json +++ b/docs/translations/api-docs/pagination/pagination.json @@ -21,15 +21,17 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "ul": { "description": "Styles applied to the ul element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "ul": { "description": "{{stylesApplied}}.", "nodeName": "ul element" }, "outlined": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"outlined\"." }, "text": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"text\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"text\"." } } } diff --git a/docs/translations/api-docs/paper/paper.json b/docs/translations/api-docs/paper/paper.json index d244d0158a072e..ff34c709491e83 100644 --- a/docs/translations/api-docs/paper/paper.json +++ b/docs/translations/api-docs/paper/paper.json @@ -9,18 +9,21 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "rounded": { - "description": "Styles applied to the root element unless {{conditions}}.", - "conditions": "square={true}" + "description": "{{stylesApplied}} unless {{conditions}}.", + "nodeName": "root element", + "conditions": "square={true}." }, "outlined": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"outlined\"." }, "elevation": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"elevation\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"elevation\"." } } } diff --git a/docs/translations/api-docs/popover/popover.json b/docs/translations/api-docs/popover/popover.json index aaf154ade7c70d..54c516eb383e9d 100644 --- a/docs/translations/api-docs/popover/popover.json +++ b/docs/translations/api-docs/popover/popover.json @@ -21,7 +21,7 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "paper": { "description": "Styles applied to the Paper component." } + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "paper": { "description": "{{stylesApplied}}.", "nodeName": "Paper component" } } } diff --git a/docs/translations/api-docs/radio/radio.json b/docs/translations/api-docs/radio/radio.json index fc4ad6b779bca1..744e9aa8a811d0 100644 --- a/docs/translations/api-docs/radio/radio.json +++ b/docs/translations/api-docs/radio/radio.json @@ -18,22 +18,18 @@ "value": "The value of the component. The DOM API casts this to a string." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "checked": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "checked={true}" - }, - "disabled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" - }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "checked": { "description": "Pseudo-class applied to the root element if `checked={true}`." }, + "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, "colorPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"primary\"." }, "colorSecondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"secondary\"." } } } diff --git a/docs/translations/api-docs/rating/rating.json b/docs/translations/api-docs/rating/rating.json index cf8563e77e84cf..9d01a8423819be 100644 --- a/docs/translations/api-docs/rating/rating.json +++ b/docs/translations/api-docs/rating/rating.json @@ -19,39 +19,56 @@ "value": "The rating value." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "sizeSmall": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"small\"." }, "sizeLarge": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"large\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"large\"." }, "readOnly": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "readOnly={true}" - }, - "disabled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "readOnly={true}." }, + "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, "focusVisible": { "description": "Pseudo-class applied to the root element if keyboard focused." }, "visuallyHidden": { "description": "Visually hide an element." }, - "label": { "description": "Styles applied to the label elements." }, + "label": { "description": "{{stylesApplied}}.", "nodeName": "label elements" }, "labelEmptyValueActive": { - "description": "Styles applied to the label of the \"no value\" input when it is active." - }, - "icon": { "description": "Styles applied to the icon wrapping elements." }, - "iconEmpty": { "description": "Styles applied to the icon wrapping elements when empty." }, - "iconFilled": { "description": "Styles applied to the icon wrapping elements when filled." }, - "iconHover": { "description": "Styles applied to the icon wrapping elements when hover." }, - "iconFocus": { "description": "Styles applied to the icon wrapping elements when focus." }, - "iconActive": { "description": "Styles applied to the icon wrapping elements when active." }, + "description": "{{stylesApplied}}.", + "nodeName": "label of the \"no value\" input when it is active" + }, + "icon": { "description": "{{stylesApplied}}.", "nodeName": "icon wrapping elements" }, + "iconEmpty": { + "description": "{{stylesApplied}}.", + "nodeName": "icon wrapping elements when empty" + }, + "iconFilled": { + "description": "{{stylesApplied}}.", + "nodeName": "icon wrapping elements when filled" + }, + "iconHover": { + "description": "{{stylesApplied}}.", + "nodeName": "icon wrapping elements when hover" + }, + "iconFocus": { + "description": "{{stylesApplied}}.", + "nodeName": "icon wrapping elements when focus" + }, + "iconActive": { + "description": "{{stylesApplied}}.", + "nodeName": "icon wrapping elements when active" + }, "decimal": { - "description": "Styles applied to the icon wrapping elements when decimals are necessary." + "description": "{{stylesApplied}}.", + "nodeName": "icon wrapping elements when decimals are necessary" } } } diff --git a/docs/translations/api-docs/scoped-css-baseline/scoped-css-baseline.json b/docs/translations/api-docs/scoped-css-baseline/scoped-css-baseline.json index 677928ea8148e3..4355e0942728d6 100644 --- a/docs/translations/api-docs/scoped-css-baseline/scoped-css-baseline.json +++ b/docs/translations/api-docs/scoped-css-baseline/scoped-css-baseline.json @@ -4,5 +4,7 @@ "children": "The content of the component.", "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, - "classDescriptions": { "root": { "description": "Styles applied to the root element." } } + "classDescriptions": { + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + } } diff --git a/docs/translations/api-docs/select/select.json b/docs/translations/api-docs/select/select.json index a19f7cce70f397..68d9e7e3811f58 100644 --- a/docs/translations/api-docs/select/select.json +++ b/docs/translations/api-docs/select/select.json @@ -26,28 +26,44 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to the select component `root` class." }, - "select": { "description": "Styles applied to the select component `select` class." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "select component `root` class" }, + "select": { + "description": "{{stylesApplied}}.", + "nodeName": "select component `select` class" + }, "filled": { - "description": "Styles applied to the select component if {{conditions}}.", - "conditions": "variant=\"filled\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "select component", + "conditions": "variant=\"filled\"." }, "outlined": { - "description": "Styles applied to the select component if {{conditions}}.", - "conditions": "variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "select component", + "conditions": "variant=\"outlined\"." + }, + "selectMenu": { + "description": "{{stylesApplied}}.", + "nodeName": "select component `selectMenu` class" }, - "selectMenu": { "description": "Styles applied to the select component `selectMenu` class." }, "disabled": { "description": "Pseudo-class applied to the select component `disabled` class." }, - "icon": { "description": "Styles applied to the icon component." }, - "iconOpen": { "description": "Styles applied to the icon component if the popup is open." }, + "icon": { "description": "{{stylesApplied}}.", "nodeName": "icon component" }, + "iconOpen": { + "description": "{{stylesApplied}} if the popup is open.", + "nodeName": "icon component" + }, "iconFilled": { - "description": "Styles applied to the icon component if {{conditions}}.", - "conditions": "variant=\"filled\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "icon component", + "conditions": "variant=\"filled\"." }, "iconOutlined": { - "description": "Styles applied to the icon component if {{conditions}}.", - "conditions": "variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "icon component", + "conditions": "variant=\"outlined\"." }, - "nativeInput": { "description": "Styles applied to the underlying native input component." } + "nativeInput": { + "description": "{{stylesApplied}}.", + "nodeName": "underlying native input component" + } } } diff --git a/docs/translations/api-docs/skeleton/skeleton.json b/docs/translations/api-docs/skeleton/skeleton.json index e129c1797148fd..da2ac12007ac5e 100644 --- a/docs/translations/api-docs/skeleton/skeleton.json +++ b/docs/translations/api-docs/skeleton/skeleton.json @@ -10,26 +10,31 @@ "width": "Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "text": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"text\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"text\"." }, "rectangular": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"rectangular\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"rectangular\"." }, "circular": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"circular\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"circular\"." }, "pulse": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "animation=\"pulse\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "animation=\"pulse\"." }, "wave": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "animation=\"wave\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "animation=\"wave\"." }, "withChildren": { "description": "Styles applied when the component is passed children." }, "fitContent": { diff --git a/docs/translations/api-docs/slider-unstyled/slider-unstyled.json b/docs/translations/api-docs/slider-unstyled/slider-unstyled.json index 212c731d4add4b..627cccc730e170 100644 --- a/docs/translations/api-docs/slider-unstyled/slider-unstyled.json +++ b/docs/translations/api-docs/slider-unstyled/slider-unstyled.json @@ -30,26 +30,19 @@ "classDescriptions": { "root": { "description": "Class name applied to the root element." }, "marked": { - "description": "Class name applied to the root element if {{conditions}}.", - "conditions": "marks is provided with at least one label" + "description": "Class name applied to the root element if `marks` is provided with at least one label." }, "vertical": { - "description": "Class name applied to the root element if {{conditions}}.", - "conditions": "orientation=\"vertical\"" + "description": "Class name applied to the root element if `orientation=\"vertical\"`." }, "disabled": { - "description": "Pseudo-class applied to the root and thumb element if {{conditions}}.", - "conditions": "disabled={true}" + "description": "Pseudo-class applied to the root and thumb element if `disabled={true}`." }, "rail": { "description": "Class name applied to the rail element." }, "track": { "description": "Class name applied to the track element." }, - "trackFalse": { - "description": "Class name applied to the track element if {{conditions}}.", - "conditions": "track={false}" - }, + "trackFalse": { "description": "Class name applied to the track element if `track={false}`." }, "trackInverted": { - "description": "Class name applied to the track element if {{conditions}}.", - "conditions": "track=\"inverted\"" + "description": "Class name applied to the track element if `track=\"inverted\"`." }, "thumb": { "description": "Class name applied to the thumb element." }, "active": { "description": "Pseudo-class applied to the thumb element if it's active." }, diff --git a/docs/translations/api-docs/slider/slider.json b/docs/translations/api-docs/slider/slider.json index a9bfca890b7865..4ad3863a29d96d 100644 --- a/docs/translations/api-docs/slider/slider.json +++ b/docs/translations/api-docs/slider/slider.json @@ -32,26 +32,19 @@ "classDescriptions": { "root": { "description": "Class name applied to the root element." }, "marked": { - "description": "Class name applied to the root element if {{conditions}}.", - "conditions": "marks is provided with at least one label" + "description": "Class name applied to the root element if `marks` is provided with at least one label." }, "vertical": { - "description": "Class name applied to the root element if {{conditions}}.", - "conditions": "orientation=\"vertical\"" + "description": "Class name applied to the root element if `orientation=\"vertical\"`." }, "disabled": { - "description": "Pseudo-class applied to the root and thumb element if {{conditions}}.", - "conditions": "disabled={true}" + "description": "Pseudo-class applied to the root and thumb element if `disabled={true}`." }, "rail": { "description": "Class name applied to the rail element." }, "track": { "description": "Class name applied to the track element." }, - "trackFalse": { - "description": "Class name applied to the track element if {{conditions}}.", - "conditions": "track={false}" - }, + "trackFalse": { "description": "Class name applied to the track element if `track={false}`." }, "trackInverted": { - "description": "Class name applied to the track element if {{conditions}}.", - "conditions": "track=\"inverted\"" + "description": "Class name applied to the track element if `track=\"inverted\"`." }, "thumb": { "description": "Class name applied to the thumb element." }, "active": { "description": "Pseudo-class applied to the thumb element if it's active." }, @@ -68,20 +61,16 @@ "description": "Class name applied to the mark label element if active (depending on the value)." }, "colorPrimary": { - "description": "Class name applied to the root element if {{conditions}}.", - "conditions": "color=\"primary\"" + "description": "Class name applied to the root element if `color=\"primary\"`." }, "colorSecondary": { - "description": "Class name applied to the root element if {{conditions}}.", - "conditions": "color=\"secondary\"" + "description": "Class name applied to the root element if `color=\"secondary\"`." }, "thumbColorPrimary": { - "description": "Class name applied to the thumb element if {{conditions}}.", - "conditions": "color=\"primary\"" + "description": "Class name applied to the thumb element if `color=\"primary\"`." }, "thumbColorSecondary": { - "description": "Class name applied to the thumb element if {{conditions}}.", - "conditions": "color=\"secondary\"" + "description": "Class name applied to the thumb element if `color=\"secondary\"`." } } } diff --git a/docs/translations/api-docs/snackbar-content/snackbar-content.json b/docs/translations/api-docs/snackbar-content/snackbar-content.json index 1e466442fa8afb..562673adde3db8 100644 --- a/docs/translations/api-docs/snackbar-content/snackbar-content.json +++ b/docs/translations/api-docs/snackbar-content/snackbar-content.json @@ -7,11 +7,12 @@ "role": "The ARIA role attribute of the element." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "message": { "description": "Styles applied to the message wrapper element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "message": { "description": "{{stylesApplied}}.", "nodeName": "message wrapper element" }, "action": { - "description": "Styles applied to the action wrapper element if {{conditions}}.", - "conditions": "action is provided" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "action wrapper element", + "conditions": "action is provided." } } } diff --git a/docs/translations/api-docs/snackbar/snackbar.json b/docs/translations/api-docs/snackbar/snackbar.json index 87111388bf1f8c..be7c8ad1196f56 100644 --- a/docs/translations/api-docs/snackbar/snackbar.json +++ b/docs/translations/api-docs/snackbar/snackbar.json @@ -19,30 +19,36 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "anchorOriginTopCenter": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'top', 'center' }}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "anchorOrigin={{ 'top', 'center' }}." }, "anchorOriginBottomCenter": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'bottom', 'center' }}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "anchorOrigin={{ 'bottom', 'center' }}." }, "anchorOriginTopRight": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'top', 'right' }}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "anchorOrigin={{ 'top', 'right' }}." }, "anchorOriginBottomRight": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'bottom', 'right' }}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "anchorOrigin={{ 'bottom', 'right' }}." }, "anchorOriginTopLeft": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'top', 'left' }}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "anchorOrigin={{ 'top', 'left' }}." }, "anchorOriginBottomLeft": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "anchorOrigin={{ 'bottom', 'left' }}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "anchorOrigin={{ 'bottom', 'left' }}." } } } diff --git a/docs/translations/api-docs/speed-dial-action/speed-dial-action.json b/docs/translations/api-docs/speed-dial-action/speed-dial-action.json index 60d530b72699f6..069cf74473154b 100644 --- a/docs/translations/api-docs/speed-dial-action/speed-dial-action.json +++ b/docs/translations/api-docs/speed-dial-action/speed-dial-action.json @@ -13,30 +13,36 @@ "tooltipTitle": "Label to display in the tooltip." }, "classDescriptions": { - "fab": { "description": "Styles applied to the Fab component." }, + "fab": { "description": "{{stylesApplied}}.", "nodeName": "Fab component" }, "fabClosed": { - "description": "Styles applied to the Fab component if {{conditions}}.", - "conditions": "open={false}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Fab component", + "conditions": "open={false}." }, "staticTooltip": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "tooltipOpen={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "tooltipOpen={true}." }, "staticTooltipClosed": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "tooltipOpen={true} and open={false}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "tooltipOpen={true} and open={false}." }, "staticTooltipLabel": { - "description": "Styles applied to the static tooltip label if {{conditions}}.", - "conditions": "tooltipOpen={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "static tooltip label", + "conditions": "tooltipOpen={true}." }, "tooltipPlacementLeft": { - "description": "Styles applied to the root if {{conditions}}.", - "conditions": "tooltipOpen={true} and tooltipPlacement=\"left\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root", + "conditions": "tooltipOpen={true} and tooltipPlacement=\"left\"`" }, "tooltipPlacementRight": { - "description": "Styles applied to the root if {{conditions}}.", - "conditions": "tooltipOpen={true} and tooltipPlacement=\"right\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root", + "conditions": "tooltipOpen={true} and tooltipPlacement=\"right\"`" } } } diff --git a/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json b/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json index 2c0ddb878053cf..4347a45b767176 100644 --- a/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json +++ b/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json @@ -6,20 +6,22 @@ "openIcon": "The icon to display in the SpeedDial Floating Action Button when the SpeedDial is open." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "icon": { "description": "Styles applied to the icon component." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "icon": { "description": "{{stylesApplied}}.", "nodeName": "icon component" }, "iconOpen": { - "description": "Styles applied to the icon component if {{conditions}}.", - "conditions": "open={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "icon component", + "conditions": "open={true}." }, "iconWithOpenIconOpen": { - "description": "Styles applied to the icon when an `openIcon` is provided and if {{conditions}}.", - "conditions": "open={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "icon when an `openIcon` is provided and", + "conditions": "open={true}." }, - "openIcon": { "description": "Styles applied to the `openIcon` if provided." }, + "openIcon": { "description": "{{stylesApplied}} if provided.", "nodeName": "`openIcon`" }, "openIconOpen": { - "description": "Styles applied to the `openIcon` if provided and if {{conditions}}.", - "conditions": "open={true}" + "description": "{{stylesApplied}} if provided and if `open={true}`.", + "nodeName": "`openIcon`" } } } diff --git a/docs/translations/api-docs/speed-dial/speed-dial.json b/docs/translations/api-docs/speed-dial/speed-dial.json index 1ddf3b09eb32d0..ce7d8067909c3a 100644 --- a/docs/translations/api-docs/speed-dial/speed-dial.json +++ b/docs/translations/api-docs/speed-dial/speed-dial.json @@ -17,16 +17,29 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "fab": { "description": "Styles applied to the Fab component." }, - "directionUp": { "description": "Styles applied to the root if direction=\"up\"" }, - "directionDown": { "description": "Styles applied to the root if direction=\"down\"" }, - "directionLeft": { "description": "Styles applied to the root if direction=\"left\"" }, - "directionRight": { "description": "Styles applied to the root if direction=\"right\"" }, - "actions": { "description": "Styles applied to the actions (`children` wrapper) element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "fab": { "description": "{{stylesApplied}}.", "nodeName": "Fab component" }, + "directionUp": { "description": "{{stylesApplied}} if direction=\"up\"", "nodeName": "root" }, + "directionDown": { + "description": "{{stylesApplied}} if direction=\"down\"", + "nodeName": "root" + }, + "directionLeft": { + "description": "{{stylesApplied}} if direction=\"left\"", + "nodeName": "root" + }, + "directionRight": { + "description": "{{stylesApplied}} if direction=\"right\"", + "nodeName": "root" + }, + "actions": { + "description": "{{stylesApplied}}.", + "nodeName": "actions (`children` wrapper) element" + }, "actionsClosed": { - "description": "Styles applied to the actions (`children` wrapper) element if {{conditions}}.", - "conditions": "open={false}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "actions (`children` wrapper) element", + "conditions": "open={false}." } } } diff --git a/docs/translations/api-docs/step-button/step-button.json b/docs/translations/api-docs/step-button/step-button.json index 140a26b840b77d..22d699c8f9aeb9 100644 --- a/docs/translations/api-docs/step-button/step-button.json +++ b/docs/translations/api-docs/step-button/step-button.json @@ -7,15 +7,17 @@ "optional": "The optional node to display." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "horizontal": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "orientation=\"horizontal\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "orientation=\"horizontal\"." }, "vertical": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "orientation=\"vertical\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "orientation=\"vertical\"." }, - "touchRipple": { "description": "Styles applied to the `ButtonBase` touch-ripple." } + "touchRipple": { "description": "{{stylesApplied}}.", "nodeName": "`ButtonBase` touch-ripple" } } } diff --git a/docs/translations/api-docs/step-connector/step-connector.json b/docs/translations/api-docs/step-connector/step-connector.json index b021470169d1b6..e6857d5f9443a9 100644 --- a/docs/translations/api-docs/step-connector/step-connector.json +++ b/docs/translations/api-docs/step-connector/step-connector.json @@ -4,39 +4,37 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "horizontal": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "orientation=\"horizontal\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "orientation=\"horizontal\"." }, "vertical": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "orientation=\"vertical\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "orientation=\"vertical\"." }, "alternativeLabel": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "alternativeLabel={true}" - }, - "active": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "active={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "alternativeLabel={true}." }, + "active": { "description": "Pseudo-class applied to the root element if `active={true}`." }, "completed": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "completed={true}" - }, - "disabled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" + "description": "Pseudo-class applied to the root element if `completed={true}`." }, - "line": { "description": "Styles applied to the line element." }, + "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, + "line": { "description": "{{stylesApplied}}.", "nodeName": "line element" }, "lineHorizontal": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "orientation=\"horizontal\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "orientation=\"horizontal\"." }, "lineVertical": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "orientation=\"vertical\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "orientation=\"vertical\"." } } } diff --git a/docs/translations/api-docs/step-content/step-content.json b/docs/translations/api-docs/step-content/step-content.json index 316cdaaf8f0465..ee26841d606d31 100644 --- a/docs/translations/api-docs/step-content/step-content.json +++ b/docs/translations/api-docs/step-content/step-content.json @@ -8,11 +8,12 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "last": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "last={true} (controlled by Step)" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "last={true} (controlled by Step)." }, - "transition": { "description": "Styles applied to the Transition component." } + "transition": { "description": "{{stylesApplied}}.", "nodeName": "Transition component" } } } diff --git a/docs/translations/api-docs/step-icon/step-icon.json b/docs/translations/api-docs/step-icon/step-icon.json index 04563783033286..9683d92f86ba3b 100644 --- a/docs/translations/api-docs/step-icon/step-icon.json +++ b/docs/translations/api-docs/step-icon/step-icon.json @@ -8,19 +8,12 @@ "icon": "The label displayed in the step icon." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "text": { "description": "Styles applied to the SVG text element." }, - "active": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "active={true}" - }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "text": { "description": "{{stylesApplied}}.", "nodeName": "SVG text element" }, + "active": { "description": "Pseudo-class applied to the root element if `active={true}`." }, "completed": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "completed={true}" + "description": "Pseudo-class applied to the root element if `completed={true}`." }, - "error": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "error={true}" - } + "error": { "description": "Pseudo-class applied to the root element if `error={true}`." } } } diff --git a/docs/translations/api-docs/step-label/step-label.json b/docs/translations/api-docs/step-label/step-label.json index 07eb00903a1baf..46baaa6d1a7fac 100644 --- a/docs/translations/api-docs/step-label/step-label.json +++ b/docs/translations/api-docs/step-label/step-label.json @@ -10,39 +10,43 @@ "StepIconProps": "Props applied to the StepIcon element." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "horizontal": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "orientation=\"horizontal\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "orientation=\"horizontal\"." }, "vertical": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "orientation=\"vertical\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "orientation=\"vertical\"." + }, + "label": { + "description": "{{stylesApplied}}.", + "nodeName": "Typography component that wraps `children`" }, - "label": { "description": "Styles applied to the Typography component that wraps `children`." }, "active": { - "description": "Pseudo-class applied to the `Typography` component if {{conditions}}.", - "conditions": "active={true}" + "description": "Pseudo-class applied to the `Typography` component if `active={true}`." }, "completed": { - "description": "Pseudo-class applied to the `Typography` component if {{conditions}}.", - "conditions": "completed={true}" + "description": "Pseudo-class applied to the `Typography` component if `completed={true}`." }, "error": { - "description": "Pseudo-class applied to the root element and `Typography` component if {{conditions}}.", - "conditions": "error={true}" + "description": "Pseudo-class applied to the root element and `Typography` component if `error={true}`." }, "disabled": { - "description": "Pseudo-class applied to the root element and `Typography` component if {{conditions}}.", - "conditions": "disabled={true}" + "description": "Pseudo-class applied to the root element and `Typography` component if `disabled={true}`." + }, + "iconContainer": { + "description": "{{stylesApplied}}.", + "nodeName": "`icon` container element" }, - "iconContainer": { "description": "Styles applied to the `icon` container element." }, "alternativeLabel": { - "description": "Pseudo-class applied to the root and icon container and `Typography` if {{conditions}}.", - "conditions": "alternativeLabel={true}" + "description": "Pseudo-class applied to the root and icon container and `Typography` if `alternativeLabel={true}`." }, "labelContainer": { - "description": "Styles applied to the container element which wraps `Typography` and `optional`." + "description": "{{stylesApplied}}.", + "nodeName": "container element which wraps `Typography` and `optional`" } } } diff --git a/docs/translations/api-docs/step/step.json b/docs/translations/api-docs/step/step.json index a358b5cca97449..3e17b088bbc2d1 100644 --- a/docs/translations/api-docs/step/step.json +++ b/docs/translations/api-docs/step/step.json @@ -11,22 +11,24 @@ "last": "If true, the Step is displayed as rendered last. The prop defaults to the value inherited from the parent Stepper component." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "horizontal": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "orientation=\"horizontal\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "orientation=\"horizontal\"." }, "vertical": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "orientation=\"vertical\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "orientation=\"vertical\"." }, "alternativeLabel": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "alternativeLabel={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "alternativeLabel={true}." }, "completed": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "completed={true}" + "description": "Pseudo-class applied to the root element if `completed={true}`." } } } diff --git a/docs/translations/api-docs/stepper/stepper.json b/docs/translations/api-docs/stepper/stepper.json index 1b08a1bf379dfd..43ad3bbef06a88 100644 --- a/docs/translations/api-docs/stepper/stepper.json +++ b/docs/translations/api-docs/stepper/stepper.json @@ -10,18 +10,21 @@ "orientation": "The component orientation (layout flow direction)." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "horizontal": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "orientation=\"horizontal\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "orientation=\"horizontal\"." }, "vertical": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "orientation=\"vertical\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "orientation=\"vertical\"." }, "alternativeLabel": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "alternativeLabel={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "alternativeLabel={true}." } } } diff --git a/docs/translations/api-docs/svg-icon/svg-icon.json b/docs/translations/api-docs/svg-icon/svg-icon.json index a8a03466dbe75b..66c6a4eeea5cd0 100644 --- a/docs/translations/api-docs/svg-icon/svg-icon.json +++ b/docs/translations/api-docs/svg-icon/svg-icon.json @@ -12,38 +12,46 @@ "viewBox": "Allows you to redefine what the coordinates without units mean inside an SVG element. For example, if the SVG element is 500 (width) by 200 (height), and you pass viewBox="0 0 50 20", this means that the coordinates inside the SVG will go from the top left corner (0,0) to bottom right (50,20) and each unit will be worth 10px." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "colorPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"primary\"." }, "colorSecondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"secondary\"." }, "colorAction": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"action\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"action\"." }, "colorError": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"error\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"error\"." }, "colorDisabled": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"disabled\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"disabled\"." }, "fontSizeInherit": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "fontSize=\"inherit\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "fontSize=\"inherit\"." }, "fontSizeSmall": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "fontSize=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "fontSize=\"small\"." }, "fontSizeLarge": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "fontSize=\"large\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "fontSize=\"large\"." } } } diff --git a/docs/translations/api-docs/switch/switch.json b/docs/translations/api-docs/switch/switch.json index 8c46e0e4c000b0..efba93768f4a78 100644 --- a/docs/translations/api-docs/switch/switch.json +++ b/docs/translations/api-docs/switch/switch.json @@ -18,29 +18,35 @@ "value": "The value of the component. The DOM API casts this to a string. The browser uses "on" as the default value." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "edgeStart": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "edge=\"start\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "edge=\"start\"." }, "edgeEnd": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "edge=\"end\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "edge=\"end\"." }, "switchBase": { - "description": "Styles applied to the internal `SwitchBase` component's `root` class." + "description": "{{stylesApplied}}.", + "nodeName": "internal `SwitchBase` component's `root` class" }, "colorPrimary": { - "description": "Styles applied to the internal SwitchBase component's root element if {{conditions}}.", - "conditions": "color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "internal SwitchBase component's root element", + "conditions": "color=\"primary\"." }, "colorSecondary": { - "description": "Styles applied to the internal SwitchBase component's root element if {{conditions}}.", - "conditions": "color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "internal SwitchBase component's root element", + "conditions": "color=\"secondary\"." }, "sizeSmall": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"small\"." }, "checked": { "description": "Pseudo-class applied to the internal `SwitchBase` component's `checked` class." @@ -49,11 +55,12 @@ "description": "Pseudo-class applied to the internal SwitchBase component's disabled class." }, "input": { - "description": "Styles applied to the internal SwitchBase component's input element." + "description": "{{stylesApplied}}.", + "nodeName": "internal SwitchBase component's input element" }, "thumb": { "description": "Styles used to create the thumb passed to the internal `SwitchBase` component `icon` prop." }, - "track": { "description": "Styles applied to the track element." } + "track": { "description": "{{stylesApplied}}.", "nodeName": "track element" } } } diff --git a/docs/translations/api-docs/tab-panel/tab-panel.json b/docs/translations/api-docs/tab-panel/tab-panel.json index 2884bfa8016756..014a52a64c0dfe 100644 --- a/docs/translations/api-docs/tab-panel/tab-panel.json +++ b/docs/translations/api-docs/tab-panel/tab-panel.json @@ -5,5 +5,7 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details.", "value": "The value of the corresponding Tab. Must use the index of the Tab when no value was passed to Tab." }, - "classDescriptions": { "root": { "description": "Styles applied to the root element." } } + "classDescriptions": { + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + } } diff --git a/docs/translations/api-docs/tab-scroll-button/tab-scroll-button.json b/docs/translations/api-docs/tab-scroll-button/tab-scroll-button.json index 66ecf8f6441203..a7708a351cc612 100644 --- a/docs/translations/api-docs/tab-scroll-button/tab-scroll-button.json +++ b/docs/translations/api-docs/tab-scroll-button/tab-scroll-button.json @@ -8,14 +8,12 @@ "orientation": "The component orientation (layout flow direction)." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "vertical": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "orientation=\"vertical\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "orientation=\"vertical\"." }, - "disabled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" - } + "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." } } } diff --git a/docs/translations/api-docs/tab/tab.json b/docs/translations/api-docs/tab/tab.json index 980a69930dbdca..7cae325801a3bf 100644 --- a/docs/translations/api-docs/tab/tab.json +++ b/docs/translations/api-docs/tab/tab.json @@ -12,35 +12,42 @@ "wrapped": "Tab labels appear in a single row. They can use a second line if needed." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "labelIcon": { - "description": "Styles applied to the root element if both `icon` and `label` are provided." + "description": "{{stylesApplied}} if both `icon` and `label` are provided.", + "nodeName": "root element" }, "textColorInherit": { - "description": "Styles applied to the root element if the parent [`Tabs`](/api/tabs/) has `textColor=\"inherit\"`." + "description": "{{stylesApplied}} if the parent [`Tabs`](/api/tabs/) has `textColor=\"inherit\"`.", + "nodeName": "root element" }, "textColorPrimary": { - "description": "Styles applied to the root element if the parent [`Tabs`](/api/tabs/) has `textColor=\"primary\"`." + "description": "{{stylesApplied}} if the parent [`Tabs`](/api/tabs/) has `textColor=\"primary\"`.", + "nodeName": "root element" }, "textColorSecondary": { - "description": "Styles applied to the root element if the parent [`Tabs`](/api/tabs/) has `textColor=\"secondary\"`." + "description": "{{stylesApplied}} if the parent [`Tabs`](/api/tabs/) has `textColor=\"secondary\"`.", + "nodeName": "root element" }, "selected": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "selected={true} (controlled by the Tabs component)" + "description": "Pseudo-class applied to the root element if `selected={true}` (controlled by the Tabs component)." }, "disabled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "disabled={true} (controlled by the Tabs component)" + "description": "Pseudo-class applied to the root element if `disabled={true}` (controlled by the Tabs component)." }, "fullWidth": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "fullWidth={true} (controlled by the Tabs component)" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "fullWidth={true} (controlled by the Tabs component)." }, "wrapped": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "wrapped={true}" - }, - "wrapper": { "description": "Styles applied to the `icon` and `label`'s wrapper element." } + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "wrapped={true}." + }, + "wrapper": { + "description": "{{stylesApplied}}.", + "nodeName": "`icon` and `label`'s wrapper element" + } } } diff --git a/docs/translations/api-docs/table-body/table-body.json b/docs/translations/api-docs/table-body/table-body.json index a97666a1f27185..c790d854076794 100644 --- a/docs/translations/api-docs/table-body/table-body.json +++ b/docs/translations/api-docs/table-body/table-body.json @@ -5,5 +5,7 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details.", "component": "The component used for the root node. Either a string to use a HTML element or a component." }, - "classDescriptions": { "root": { "description": "Styles applied to the root element." } } + "classDescriptions": { + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + } } diff --git a/docs/translations/api-docs/table-cell/table-cell.json b/docs/translations/api-docs/table-cell/table-cell.json index fc8944364a2039..52c14db328b102 100644 --- a/docs/translations/api-docs/table-cell/table-cell.json +++ b/docs/translations/api-docs/table-cell/table-cell.json @@ -12,50 +12,61 @@ "variant": "Specify the cell type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "head": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"head\" or context.table.head" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"head\" or context.table.head." }, "body": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"body\" or context.table.body" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"body\" or context.table.body." }, "footer": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"footer\" or context.table.footer" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"footer\" or context.table.footer." }, "sizeSmall": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"small\"." }, "paddingCheckbox": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "padding=\"checkbox\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "padding=\"checkbox\"." }, "paddingNone": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "padding=\"none\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "padding=\"none\"." }, "alignLeft": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "align=\"left\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "align=\"left\"." }, "alignCenter": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "align=\"center\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "align=\"center\"." }, "alignRight": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "align=\"right\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "align=\"right\"." }, "alignJustify": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "align=\"justify\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "align=\"justify\"." }, "stickyHeader": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "context.table.stickyHeader={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "context.table.stickyHeader={true}." } } } diff --git a/docs/translations/api-docs/table-container/table-container.json b/docs/translations/api-docs/table-container/table-container.json index d2c2d1ad71074a..0f7ad622af40fd 100644 --- a/docs/translations/api-docs/table-container/table-container.json +++ b/docs/translations/api-docs/table-container/table-container.json @@ -5,5 +5,7 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details.", "component": "The component used for the root node. Either a string to use a HTML element or a component." }, - "classDescriptions": { "root": { "description": "Styles applied to the root element." } } + "classDescriptions": { + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + } } diff --git a/docs/translations/api-docs/table-footer/table-footer.json b/docs/translations/api-docs/table-footer/table-footer.json index a97666a1f27185..c790d854076794 100644 --- a/docs/translations/api-docs/table-footer/table-footer.json +++ b/docs/translations/api-docs/table-footer/table-footer.json @@ -5,5 +5,7 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details.", "component": "The component used for the root node. Either a string to use a HTML element or a component." }, - "classDescriptions": { "root": { "description": "Styles applied to the root element." } } + "classDescriptions": { + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + } } diff --git a/docs/translations/api-docs/table-head/table-head.json b/docs/translations/api-docs/table-head/table-head.json index a97666a1f27185..c790d854076794 100644 --- a/docs/translations/api-docs/table-head/table-head.json +++ b/docs/translations/api-docs/table-head/table-head.json @@ -5,5 +5,7 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details.", "component": "The component used for the root node. Either a string to use a HTML element or a component." }, - "classDescriptions": { "root": { "description": "Styles applied to the root element." } } + "classDescriptions": { + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + } } diff --git a/docs/translations/api-docs/table-pagination/table-pagination.json b/docs/translations/api-docs/table-pagination/table-pagination.json index 35d577a78f3454..dce819e0597d13 100644 --- a/docs/translations/api-docs/table-pagination/table-pagination.json +++ b/docs/translations/api-docs/table-pagination/table-pagination.json @@ -20,20 +20,31 @@ "showLastButton": "If true, show the last-page button." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "toolbar": { "description": "Styles applied to the Toolbar component." }, - "spacer": { "description": "Styles applied to the spacer element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "toolbar": { "description": "{{stylesApplied}}.", "nodeName": "Toolbar component" }, + "spacer": { "description": "{{stylesApplied}}.", "nodeName": "spacer element" }, "caption": { - "description": "Styles applied to the caption Typography component if {{conditions}}.", - "conditions": "variant=\"caption\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "caption Typography component", + "conditions": "variant=\"caption\"." }, - "selectRoot": { "description": "Styles applied to the Select component root element." }, - "select": { "description": "Styles applied to the Select component `select` class." }, - "selectIcon": { "description": "Styles applied to the Select component `icon` class." }, - "input": { "description": "Styles applied to the InputBase component." }, - "menuItem": { "description": "Styles applied to the MenuItem component." }, + "selectRoot": { + "description": "{{stylesApplied}}.", + "nodeName": "Select component root element" + }, + "select": { + "description": "{{stylesApplied}}.", + "nodeName": "Select component `select` class" + }, + "selectIcon": { + "description": "{{stylesApplied}}.", + "nodeName": "Select component `icon` class" + }, + "input": { "description": "{{stylesApplied}}.", "nodeName": "InputBase component" }, + "menuItem": { "description": "{{stylesApplied}}.", "nodeName": "MenuItem component" }, "actions": { - "description": "Styles applied to the internal `TablePaginationActions` component." + "description": "{{stylesApplied}}.", + "nodeName": "internal `TablePaginationActions` component" } } } diff --git a/docs/translations/api-docs/table-row/table-row.json b/docs/translations/api-docs/table-row/table-row.json index ad9a0103459e4b..ff190c0cb92612 100644 --- a/docs/translations/api-docs/table-row/table-row.json +++ b/docs/translations/api-docs/table-row/table-row.json @@ -8,16 +8,16 @@ "selected": "If true, the table row will have the selected shading." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "selected": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "selected={true}" + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "selected": { "description": "Pseudo-class applied to the root element if `selected={true}`." }, + "hover": { "description": "Pseudo-class applied to the root element if `hover={true}`." }, + "head": { + "description": "{{stylesApplied}} if table variant=\"head\".", + "nodeName": "root element" }, - "hover": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "hover={true}" - }, - "head": { "description": "Styles applied to the root element if table variant=\"head\"." }, - "footer": { "description": "Styles applied to the root element if table variant=\"footer\"." } + "footer": { + "description": "{{stylesApplied}} if table variant=\"footer\".", + "nodeName": "root element" + } } } diff --git a/docs/translations/api-docs/table-sort-label/table-sort-label.json b/docs/translations/api-docs/table-sort-label/table-sort-label.json index 7910ec20f74dd7..82addf3cc76c62 100644 --- a/docs/translations/api-docs/table-sort-label/table-sort-label.json +++ b/docs/translations/api-docs/table-sort-label/table-sort-label.json @@ -9,19 +9,18 @@ "IconComponent": "Sort icon to use." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "active": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "active={true}" - }, - "icon": { "description": "Styles applied to the icon component." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "active": { "description": "Pseudo-class applied to the root element if `active={true}`." }, + "icon": { "description": "{{stylesApplied}}.", "nodeName": "icon component" }, "iconDirectionDesc": { - "description": "Styles applied to the icon component if {{conditions}}.", - "conditions": "direction=\"desc\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "icon component", + "conditions": "direction=\"desc\"." }, "iconDirectionAsc": { - "description": "Styles applied to the icon component if {{conditions}}.", - "conditions": "direction=\"asc\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "icon component", + "conditions": "direction=\"asc\"." } } } diff --git a/docs/translations/api-docs/table/table.json b/docs/translations/api-docs/table/table.json index 652d6c2bcba421..0c704f6e5f6e6f 100644 --- a/docs/translations/api-docs/table/table.json +++ b/docs/translations/api-docs/table/table.json @@ -9,10 +9,11 @@ "stickyHeader": "Set the header sticky.
⚠️ It doesn't work with IE11." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "stickyHeader": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "stickyHeader={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "stickyHeader={true}." } } } diff --git a/docs/translations/api-docs/tabs/tabs.json b/docs/translations/api-docs/tabs/tabs.json index 2808dfdd835f20..d5beb08f94b540 100644 --- a/docs/translations/api-docs/tabs/tabs.json +++ b/docs/translations/api-docs/tabs/tabs.json @@ -23,42 +23,53 @@ "visibleScrollbar": "If true, the scrollbar is visible. It can be useful when displaying a long vertical list of tabs." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "vertical": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "orientation=\"vertical\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "orientation=\"vertical\"." }, - "flexContainer": { "description": "Styles applied to the flex container element." }, + "flexContainer": { "description": "{{stylesApplied}}.", "nodeName": "flex container element" }, "flexContainerVertical": { - "description": "Styles applied to the flex container element if {{conditions}}.", - "conditions": "orientation=\"vertical\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "flex container element", + "conditions": "orientation=\"vertical\"." }, "centered": { - "description": "Styles applied to the flex container element if {{conditions}}.", - "conditions": "centered={true} & !variant=\"scrollable\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "flex container element", + "conditions": "centered={true} & !variant=\"scrollable\"." }, - "scroller": { "description": "Styles applied to the tablist element." }, + "scroller": { "description": "{{stylesApplied}}.", "nodeName": "tablist element" }, "fixed": { - "description": "Styles applied to the tablist element if {{conditions}}.", - "conditions": "!variant=\"scrollable\"\b\b\b" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "tablist element", + "conditions": "!variant=\"scrollable\"\b\b\b." }, "scrollableX": { - "description": "Styles applied to the tablist element if {{conditions}}.", - "conditions": "variant=\"scrollable\" and orientation=\"horizontal\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "tablist element", + "conditions": "variant=\"scrollable\" and orientation=\"horizontal\"." }, "scrollableY": { - "description": "Styles applied to the tablist element if {{conditions}}.", - "conditions": "variant=\"scrollable\" and orientation=\"vertical\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "tablist element", + "conditions": "variant=\"scrollable\" and orientation=\"vertical\"." }, "hideScrollbar": { - "description": "Styles applied to the tablist element if {{conditions}}.", - "conditions": "variant=\"scrollable\" and visibleScrollbar={false}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "tablist element", + "conditions": "variant=\"scrollable\" and visibleScrollbar={false}." + }, + "scrollButtons": { + "description": "{{stylesApplied}}.", + "nodeName": "ScrollButtonComponent component" }, - "scrollButtons": { "description": "Styles applied to the ScrollButtonComponent component." }, "scrollButtonsHideMobile": { - "description": "Styles applied to the ScrollButtonComponent component if {{conditions}}.", - "conditions": "allowScrollButtonsMobile={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "ScrollButtonComponent component", + "conditions": "allowScrollButtonsMobile={true}." }, - "indicator": { "description": "Styles applied to the TabIndicator component." } + "indicator": { "description": "{{stylesApplied}}.", "nodeName": "TabIndicator component" } } } diff --git a/docs/translations/api-docs/text-field/text-field.json b/docs/translations/api-docs/text-field/text-field.json index e0b6e89a04b568..cfb8f8c08cfb38 100644 --- a/docs/translations/api-docs/text-field/text-field.json +++ b/docs/translations/api-docs/text-field/text-field.json @@ -33,5 +33,7 @@ "value": "The value of the input element, required for a controlled component.", "variant": "The variant to use." }, - "classDescriptions": { "root": { "description": "Styles applied to the root element." } } + "classDescriptions": { + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + } } diff --git a/docs/translations/api-docs/timeline-connector/timeline-connector.json b/docs/translations/api-docs/timeline-connector/timeline-connector.json index 677928ea8148e3..4355e0942728d6 100644 --- a/docs/translations/api-docs/timeline-connector/timeline-connector.json +++ b/docs/translations/api-docs/timeline-connector/timeline-connector.json @@ -4,5 +4,7 @@ "children": "The content of the component.", "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, - "classDescriptions": { "root": { "description": "Styles applied to the root element." } } + "classDescriptions": { + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + } } diff --git a/docs/translations/api-docs/timeline-content/timeline-content.json b/docs/translations/api-docs/timeline-content/timeline-content.json index 7163c52bd2c548..f2d527168c3917 100644 --- a/docs/translations/api-docs/timeline-content/timeline-content.json +++ b/docs/translations/api-docs/timeline-content/timeline-content.json @@ -5,10 +5,11 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "alignRight": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "align=\"right\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "align=\"right\"." } } } diff --git a/docs/translations/api-docs/timeline-dot/timeline-dot.json b/docs/translations/api-docs/timeline-dot/timeline-dot.json index ea59b113b03278..0073a3c6354b36 100644 --- a/docs/translations/api-docs/timeline-dot/timeline-dot.json +++ b/docs/translations/api-docs/timeline-dot/timeline-dot.json @@ -7,38 +7,46 @@ "variant": "The dot can appear filled or outlined." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "filled": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"filled\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"filled\"." }, "outlined": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"outlined\"." }, "filledGrey": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"grey\" and variant=\"filled\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"grey\" and variant=\"filled\"." }, "outlinedGrey": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"grey\" and variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"grey\" and variant=\"outlined\"." }, "filledPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"primary\" and variant=\"filled\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"primary\" and variant=\"filled\"." }, "outlinedPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"primary\" and variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"primary\" and variant=\"outlined\"." }, "filledSecondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"secondary\" and variant=\"filled\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"secondary\" and variant=\"filled\"." }, "outlinedSecondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"secondary\" and variant=\"outlined\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"secondary\" and variant=\"outlined\"." } } } diff --git a/docs/translations/api-docs/timeline-item/timeline-item.json b/docs/translations/api-docs/timeline-item/timeline-item.json index 372cddfcc89cec..4529a053b8b82d 100644 --- a/docs/translations/api-docs/timeline-item/timeline-item.json +++ b/docs/translations/api-docs/timeline-item/timeline-item.json @@ -5,23 +5,30 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "alignLeft": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "align=\"left\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "align=\"left\"." }, "alignRight": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "align=\"right\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "align=\"right\"." }, "alignAlternate": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "align=\"alternate\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "align=\"alternate\"." }, "missingOppositeContent": { - "description": "Styles applied to the root element if TimelineOppositeContent isn't provided." + "description": "{{stylesApplied}} if TimelineOppositeContent isn't provided.", + "nodeName": "root element" }, - "content": { "description": "Styles applied to the timeline content node." }, - "oppositeContent": { "description": "Styles applied to the timeline opposite content node." } + "content": { "description": "{{stylesApplied}}.", "nodeName": "timeline content node" }, + "oppositeContent": { + "description": "{{stylesApplied}}.", + "nodeName": "timeline opposite content node" + } } } diff --git a/docs/translations/api-docs/timeline-opposite-content/timeline-opposite-content.json b/docs/translations/api-docs/timeline-opposite-content/timeline-opposite-content.json index 7163c52bd2c548..f2d527168c3917 100644 --- a/docs/translations/api-docs/timeline-opposite-content/timeline-opposite-content.json +++ b/docs/translations/api-docs/timeline-opposite-content/timeline-opposite-content.json @@ -5,10 +5,11 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "alignRight": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "align=\"right\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "align=\"right\"." } } } diff --git a/docs/translations/api-docs/timeline-separator/timeline-separator.json b/docs/translations/api-docs/timeline-separator/timeline-separator.json index 677928ea8148e3..4355e0942728d6 100644 --- a/docs/translations/api-docs/timeline-separator/timeline-separator.json +++ b/docs/translations/api-docs/timeline-separator/timeline-separator.json @@ -4,5 +4,7 @@ "children": "The content of the component.", "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, - "classDescriptions": { "root": { "description": "Styles applied to the root element." } } + "classDescriptions": { + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + } } diff --git a/docs/translations/api-docs/timeline/timeline.json b/docs/translations/api-docs/timeline/timeline.json index d10a5ef6c0e919..2346dd1f00cda2 100644 --- a/docs/translations/api-docs/timeline/timeline.json +++ b/docs/translations/api-docs/timeline/timeline.json @@ -6,18 +6,21 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "alignLeft": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "align=\"left\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "align=\"left\"." }, "alignRight": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "align=\"right\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "align=\"right\"." }, "alignAlternate": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "align=\"alternate\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "align=\"alternate\"." } } } diff --git a/docs/translations/api-docs/toggle-button-group/toggle-button-group.json b/docs/translations/api-docs/toggle-button-group/toggle-button-group.json index 53f8245f6d5622..afa50b8989ce92 100644 --- a/docs/translations/api-docs/toggle-button-group/toggle-button-group.json +++ b/docs/translations/api-docs/toggle-button-group/toggle-button-group.json @@ -10,19 +10,22 @@ "value": "The currently selected value within the group or an array of selected values when exclusive is false.
The value must have reference equality with the option in order to be selected." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "vertical": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "orientation=\"vertical\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "orientation=\"vertical\"." }, - "grouped": { "description": "Styles applied to the children." }, + "grouped": { "description": "{{stylesApplied}}.", "nodeName": "children" }, "groupedHorizontal": { - "description": "Styles applied to the children if {{conditions}}.", - "conditions": "orientation=\"horizontal\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "children", + "conditions": "orientation=\"horizontal\"." }, "groupedVertical": { - "description": "Styles applied to the children if {{conditions}}.", - "conditions": "orientation=\"vertical\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "children", + "conditions": "orientation=\"vertical\"." } } } diff --git a/docs/translations/api-docs/toggle-button/toggle-button.json b/docs/translations/api-docs/toggle-button/toggle-button.json index cccbac89d5e85a..af2162f4cd870b 100644 --- a/docs/translations/api-docs/toggle-button/toggle-button.json +++ b/docs/translations/api-docs/toggle-button/toggle-button.json @@ -11,23 +11,19 @@ "value": "The value to associate with the button when selected in a ToggleButtonGroup." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "disabled": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "disabled={true}" - }, - "selected": { - "description": "Pseudo-class applied to the root element if {{conditions}}.", - "conditions": "selected={true}" - }, - "label": { "description": "Styles applied to the `label` wrapper element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, + "selected": { "description": "Pseudo-class applied to the root element if `selected={true}`." }, + "label": { "description": "{{stylesApplied}}.", "nodeName": "`label` wrapper element" }, "sizeSmall": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"small\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"small\"." }, "sizeLarge": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "size=\"large\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "size=\"large\"." } } } diff --git a/docs/translations/api-docs/toolbar/toolbar.json b/docs/translations/api-docs/toolbar/toolbar.json index 78e96063075406..a415ea10862997 100644 --- a/docs/translations/api-docs/toolbar/toolbar.json +++ b/docs/translations/api-docs/toolbar/toolbar.json @@ -8,18 +8,21 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "gutters": { - "description": "Styles applied to the root element unless {{conditions}}.", - "conditions": "disableGutters={true}" + "description": "{{stylesApplied}} unless {{conditions}}.", + "nodeName": "root element", + "conditions": "disableGutters={true}." }, "regular": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"regular\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"regular\"." }, "dense": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"dense\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"dense\"." } } } diff --git a/docs/translations/api-docs/tooltip/tooltip.json b/docs/translations/api-docs/tooltip/tooltip.json index 72dfa0de7ccfe2..3f56a12ef53c2b 100644 --- a/docs/translations/api-docs/tooltip/tooltip.json +++ b/docs/translations/api-docs/tooltip/tooltip.json @@ -27,39 +27,50 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "popper": { "description": "Styles applied to the Popper component." }, + "popper": { "description": "{{stylesApplied}}.", "nodeName": "Popper component" }, "popperInteractive": { - "description": "Styles applied to the Popper component unless {{conditions}}.", - "conditions": "disableInteractive={true}" + "description": "{{stylesApplied}} unless {{conditions}}.", + "nodeName": "Popper component", + "conditions": "disableInteractive={true}." }, "popperArrow": { - "description": "Styles applied to the Popper component if {{conditions}}.", - "conditions": "arrow={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Popper component", + "conditions": "arrow={true}." + }, + "tooltip": { + "description": "{{stylesApplied}}.", + "nodeName": "tooltip (label wrapper) element" }, - "tooltip": { "description": "Styles applied to the tooltip (label wrapper) element." }, "tooltipArrow": { - "description": "Styles applied to the tooltip (label wrapper) element if {{conditions}}.", - "conditions": "arrow={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "tooltip (label wrapper) element", + "conditions": "arrow={true}." }, - "arrow": { "description": "Styles applied to the arrow element." }, + "arrow": { "description": "{{stylesApplied}}.", "nodeName": "arrow element" }, "touch": { - "description": "Styles applied to the tooltip (label wrapper) element if the tooltip is opened by touch." + "description": "{{stylesApplied}} if the tooltip is opened by touch.", + "nodeName": "tooltip (label wrapper) element" }, "tooltipPlacementLeft": { - "description": "Styles applied to the tooltip (label wrapper) element if {{conditions}}.", - "conditions": "placement contains \"left\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "tooltip (label wrapper) element", + "conditions": "placement contains \"left\"." }, "tooltipPlacementRight": { - "description": "Styles applied to the tooltip (label wrapper) element if {{conditions}}.", - "conditions": "placement contains \"right\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "tooltip (label wrapper) element", + "conditions": "placement contains \"right\"." }, "tooltipPlacementTop": { - "description": "Styles applied to the tooltip (label wrapper) element if {{conditions}}.", - "conditions": "placement contains \"top\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "tooltip (label wrapper) element", + "conditions": "placement contains \"top\"." }, "tooltipPlacementBottom": { - "description": "Styles applied to the tooltip (label wrapper) element if {{conditions}}.", - "conditions": "placement contains \"bottom\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "tooltip (label wrapper) element", + "conditions": "placement contains \"bottom\"." } } } diff --git a/docs/translations/api-docs/tree-item/tree-item.json b/docs/translations/api-docs/tree-item/tree-item.json index 32c2325223e96a..72c707dde0022c 100644 --- a/docs/translations/api-docs/tree-item/tree-item.json +++ b/docs/translations/api-docs/tree-item/tree-item.json @@ -17,14 +17,14 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, - "group": { "description": "Styles applied to the transition component." }, - "content": { "description": "Styles applied to the content element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "group": { "description": "{{stylesApplied}}.", "nodeName": "transition component" }, + "content": { "description": "{{stylesApplied}}.", "nodeName": "content element" }, "expanded": { "description": "Pseudo-class applied to the content element when expanded." }, "selected": { "description": "Pseudo-class applied to the content element when selected." }, "focused": { "description": "Pseudo-class applied to the content element when focused." }, "disabled": { "description": "Pseudo-class applied to the element when disabled." }, - "iconContainer": { "description": "Styles applied to the tree node icon." }, - "label": { "description": "Styles applied to the label element." } + "iconContainer": { "description": "{{stylesApplied}}.", "nodeName": "tree node icon" }, + "label": { "description": "{{stylesApplied}}.", "nodeName": "label element" } } } diff --git a/docs/translations/api-docs/tree-view/tree-view.json b/docs/translations/api-docs/tree-view/tree-view.json index 48c2219bb4bfe6..405731a9fbe8f5 100644 --- a/docs/translations/api-docs/tree-view/tree-view.json +++ b/docs/translations/api-docs/tree-view/tree-view.json @@ -19,5 +19,7 @@ "onNodeToggle": "Callback fired when tree items are expanded/collapsed.

Signature:
function(event: object, nodeIds: array) => void
event: The event source of the callback.
nodeIds: The ids of the expanded nodes.", "selected": "Selected node ids. (Controlled) When multiSelect is true this takes an array of strings; when false (default) a string." }, - "classDescriptions": { "root": { "description": "Styles applied to the root element." } } + "classDescriptions": { + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + } } diff --git a/docs/translations/api-docs/typography/typography.json b/docs/translations/api-docs/typography/typography.json index 580e25dbd18cfe..74be9523112f06 100644 --- a/docs/translations/api-docs/typography/typography.json +++ b/docs/translations/api-docs/typography/typography.json @@ -15,122 +15,151 @@ "variantMapping": "The component maps the variant prop to a range of different HTML element types. For instance, subtitle1 to <h6>. If you wish to change that mapping, you can provide your own. Alternatively, you can use the component prop." }, "classDescriptions": { - "root": { "description": "Styles applied to the root element." }, + "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, "body2": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"body2\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"body2\"." }, "body1": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"body1\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"body1\"." }, "caption": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"caption\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"caption\"." }, "button": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"button\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"button\"." }, "h1": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"h1\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"h1\"." }, "h2": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"h2\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"h2\"." }, "h3": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"h3\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"h3\"." }, "h4": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"h4\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"h4\"." }, "h5": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"h5\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"h5\"." }, "h6": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"h6\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"h6\"." }, "subtitle1": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"subtitle1\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"subtitle1\"." }, "subtitle2": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"subtitle2\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"subtitle2\"." }, "overline": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"overline\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"overline\"." }, "inherit": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "variant=\"inherit\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "variant=\"inherit\"." }, "alignLeft": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "align=\"left\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "align=\"left\"." }, "alignCenter": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "align=\"center\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "align=\"center\"." }, "alignRight": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "align=\"right\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "align=\"right\"." }, "alignJustify": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "align=\"justify\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "align=\"justify\"." }, "noWrap": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "nowrap={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "nowrap={true}." }, "gutterBottom": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "gutterBottom={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "gutterBottom={true}." }, "paragraph": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "paragraph={true}" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "paragraph={true}." }, "colorInherit": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"inherit\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"inherit\"." }, "colorPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"primary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"primary\"." }, "colorSecondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"secondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"secondary\"." }, "colorTextPrimary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"textPrimary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"textPrimary\"." }, "colorTextSecondary": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"textSecondary\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"textSecondary\"." }, "colorError": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "color=\"error\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"error\"." }, "displayInline": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "display=\"inline\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "display=\"inline\"." }, "displayBlock": { - "description": "Styles applied to the root element if {{conditions}}.", - "conditions": "display=\"block\"" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "display=\"block\"." } } } diff --git a/docs/translations/translations.json b/docs/translations/translations.json index 21f3bbe504e0b5..6454a7d4c9a54e 100644 --- a/docs/translations/translations.json +++ b/docs/translations/translations.json @@ -22,6 +22,7 @@ "refRootElement": "The ref is forwarded to the root element.", "ruleName": "Rule name", "spreadHint": "Any other props supplied will be provided to the root element ({{spreadHintElement}}).", + "stylesApplied": "Styles applied to the {{nodeName}}", "styleOverrides": "The name {{componentStyles.name}} can be used when providing default props or style overrides in the theme.", "type": "Type" }, From fcb166f479032e83036273db236b412f94003c60 Mon Sep 17 00:00:00 2001 From: Matt Date: Sun, 10 Jan 2021 23:31:46 +0000 Subject: [PATCH 02/10] Improve regex & support pesudo-class descriptions --- docs/scripts/buildApi.ts | 18 ++-- docs/src/modules/components/ApiPage.js | 1 + .../accordion-actions/accordion-actions.json | 4 +- .../accordion-details/accordion-details.json | 2 +- .../accordion-summary/accordion-summary.json | 20 ++-- .../api-docs/accordion/accordion.json | 21 +++-- .../api-docs/alert-title/alert-title.json | 2 +- docs/translations/api-docs/alert/alert.json | 38 ++++---- .../api-docs/app-bar/app-bar.json | 22 ++--- .../api-docs/autocomplete/autocomplete.json | 59 +++++++----- .../api-docs/avatar-group/avatar-group.json | 4 +- docs/translations/api-docs/avatar/avatar.json | 18 ++-- .../api-docs/backdrop/backdrop.json | 4 +- .../badge-unstyled/badge-unstyled.json | 4 +- docs/translations/api-docs/badge/badge.json | 10 +- .../bottom-navigation-action.json | 16 +++- .../bottom-navigation/bottom-navigation.json | 2 +- .../api-docs/breadcrumbs/breadcrumbs.json | 8 +- .../api-docs/button-base/button-base.json | 12 ++- .../api-docs/button-group/button-group.json | 50 +++++----- docs/translations/api-docs/button/button.json | 94 +++++++++++-------- .../card-action-area/card-action-area.json | 8 +- .../api-docs/card-actions/card-actions.json | 4 +- .../api-docs/card-content/card-content.json | 2 +- .../api-docs/card-header/card-header.json | 12 +-- .../api-docs/card-media/card-media.json | 6 +- docs/translations/api-docs/card/card.json | 2 +- .../api-docs/checkbox/checkbox.json | 22 +++-- docs/translations/api-docs/chip/chip.json | 70 +++++++------- .../circular-progress/circular-progress.json | 20 ++-- .../api-docs/collapse/collapse.json | 14 +-- .../api-docs/container/container.json | 16 ++-- .../dialog-actions/dialog-actions.json | 4 +- .../dialog-content-text.json | 2 +- .../dialog-content/dialog-content.json | 4 +- .../api-docs/dialog-title/dialog-title.json | 2 +- docs/translations/api-docs/dialog/dialog.json | 30 +++--- .../api-docs/divider/divider.json | 34 +++---- docs/translations/api-docs/drawer/drawer.json | 24 ++--- docs/translations/api-docs/fab/fab.json | 28 +++--- .../api-docs/filled-input/filled-input.json | 50 ++++++---- .../form-control-label.json | 16 ++-- .../api-docs/form-control/form-control.json | 8 +- .../api-docs/form-group/form-group.json | 4 +- .../form-helper-text/form-helper-text.json | 36 +++++-- .../api-docs/form-label/form-label.json | 39 ++++++-- docs/translations/api-docs/grid/grid.json | 46 ++++----- .../api-docs/icon-button/icon-button.json | 22 +++-- docs/translations/api-docs/icon/icon.json | 18 ++-- .../image-list-item-bar.json | 28 +++--- .../image-list-item/image-list-item.json | 6 +- .../api-docs/image-list/image-list.json | 10 +- .../input-adornment/input-adornment.json | 10 +- .../api-docs/input-base/input-base.json | 51 +++++----- .../api-docs/input-label/input-label.json | 43 ++++++--- docs/translations/api-docs/input/input.json | 41 ++++---- .../linear-progress/linear-progress.json | 36 +++---- docs/translations/api-docs/link/link.json | 14 +-- .../list-item-avatar/list-item-avatar.json | 4 +- .../list-item-icon/list-item-icon.json | 4 +- .../list-item-secondary-action.json | 4 +- .../list-item-text/list-item-text.json | 22 +++-- .../api-docs/list-item/list-item.json | 34 ++++--- .../list-subheader/list-subheader.json | 12 +-- docs/translations/api-docs/list/list.json | 15 ++- .../loading-button/loading-button.json | 18 ++-- .../api-docs/menu-item/menu-item.json | 12 ++- docs/translations/api-docs/menu/menu.json | 4 +- .../mobile-stepper/mobile-stepper.json | 12 +-- .../api-docs/native-select/native-select.json | 31 +++--- .../outlined-input/outlined-input.json | 40 ++++---- .../pagination-item/pagination-item.json | 36 ++++--- .../api-docs/pagination/pagination.json | 8 +- docs/translations/api-docs/paper/paper.json | 8 +- .../api-docs/popover/popover.json | 4 +- docs/translations/api-docs/radio/radio.json | 18 +++- docs/translations/api-docs/rating/rating.json | 36 ++++--- .../scoped-css-baseline.json | 2 +- docs/translations/api-docs/select/select.json | 31 +++--- .../api-docs/skeleton/skeleton.json | 12 +-- .../slider-unstyled/slider-unstyled.json | 14 ++- docs/translations/api-docs/slider/slider.json | 14 ++- .../snackbar-content/snackbar-content.json | 6 +- .../api-docs/snackbar/snackbar.json | 14 +-- .../speed-dial-action/speed-dial-action.json | 18 ++-- .../speed-dial-icon/speed-dial-icon.json | 19 ++-- .../api-docs/speed-dial/speed-dial.json | 25 ++--- .../api-docs/step-button/step-button.json | 8 +- .../step-connector/step-connector.json | 30 ++++-- .../api-docs/step-content/step-content.json | 6 +- .../api-docs/step-icon/step-icon.json | 20 +++- .../api-docs/step-label/step-label.json | 35 ++++--- docs/translations/api-docs/step/step.json | 12 ++- .../api-docs/stepper/stepper.json | 8 +- .../api-docs/svg-icon/svg-icon.json | 18 ++-- docs/translations/api-docs/switch/switch.json | 24 ++--- .../api-docs/tab-panel/tab-panel.json | 2 +- .../tab-scroll-button/tab-scroll-button.json | 10 +- docs/translations/api-docs/tab/tab.json | 36 ++++--- .../api-docs/table-body/table-body.json | 2 +- .../api-docs/table-cell/table-cell.json | 24 ++--- .../table-container/table-container.json | 2 +- .../api-docs/table-footer/table-footer.json | 2 +- .../api-docs/table-head/table-head.json | 2 +- .../table-pagination/table-pagination.json | 23 ++--- .../api-docs/table-row/table-row.json | 24 +++-- .../table-sort-label/table-sort-label.json | 14 ++- docs/translations/api-docs/table/table.json | 4 +- docs/translations/api-docs/tabs/tabs.json | 26 ++--- .../api-docs/text-field/text-field.json | 2 +- .../timeline-connector.json | 2 +- .../timeline-content/timeline-content.json | 4 +- .../api-docs/timeline-dot/timeline-dot.json | 18 ++-- .../api-docs/timeline-item/timeline-item.json | 17 ++-- .../timeline-opposite-content.json | 4 +- .../timeline-separator.json | 2 +- .../api-docs/timeline/timeline.json | 8 +- .../toggle-button-group.json | 10 +- .../api-docs/toggle-button/toggle-button.json | 20 ++-- .../api-docs/toolbar/toolbar.json | 8 +- .../api-docs/tooltip/tooltip.json | 25 ++--- .../api-docs/tree-item/tree-item.json | 27 ++++-- .../api-docs/tree-view/tree-view.json | 2 +- .../api-docs/typography/typography.json | 60 ++++++------ docs/translations/translations.json | 1 + .../src/BadgeUnstyled/BadgeUnstyled.d.ts | 2 +- 126 files changed, 1269 insertions(+), 943 deletions(-) diff --git a/docs/scripts/buildApi.ts b/docs/scripts/buildApi.ts index 076ea63432af54..23353c707a247d 100644 --- a/docs/scripts/buildApi.ts +++ b/docs/scripts/buildApi.ts @@ -804,22 +804,24 @@ function extractClassConditions(descriptions: any) { const classConditions: { [key: string]: { description: string; conditions?: string; nodeName?: string }; } = {}; - const stylesRegex = /Styles applied to the (.*?)( if | unless |,|\.)(`.*)*\.*/; + const stylesRegex = /(Styles|Pseudo-class) applied to the (.*?)(( if | unless |, ){1}(.*))?\./; Object.entries(descriptions).forEach(([className, classDescription]: any) => { if (className) { const conditions = classDescription.match(stylesRegex); + const applied = + conditions && conditions[1] === 'Styles' ? '{{stylesApplied}}' : '{{pseudoClassApplied}}'; - if (conditions && conditions[3]) { + if (conditions && conditions[5]) { classConditions[className] = { - description: classDescription.replace(stylesRegex, '{{stylesApplied}}$2{{conditions}}.'), - nodeName: conditions[1], - conditions: conditions[3].replace(/`(.*?)`/g, '$1'), + description: classDescription.replace(stylesRegex, `${applied}$4{{conditions}}.`), + nodeName: conditions[2], + conditions: conditions[5].replace(/`(.*?)`/g, '$1'), }; - } else if (conditions && conditions[1]) { + } else if (conditions && conditions[2]) { classConditions[className] = { - description: classDescription.replace(stylesRegex, '{{stylesApplied}}$2'), - nodeName: conditions[1], + description: classDescription.replace(stylesRegex, `${applied}$4`), + nodeName: conditions[2], }; } else { classConditions[className] = { description: classDescription }; diff --git a/docs/src/modules/components/ApiPage.js b/docs/src/modules/components/ApiPage.js index 18de488addd58f..1a772bb8604849 100644 --- a/docs/src/modules/components/ApiPage.js +++ b/docs/src/modules/components/ApiPage.js @@ -101,6 +101,7 @@ function ClassesTable(props) { classDescriptions[className] && classDescriptions[className].description .replace(/{{stylesApplied}}/, t('api-docs.stylesApplied')) + .replace(/{{pseudoClassApplied}}/, t('api-docs.pseudoClassApplied')) .replace(/{{conditions}}/, classDescriptions[className].conditions) .replace(/{{nodeName}}/, classDescriptions[className].nodeName), }} diff --git a/docs/translations/api-docs/accordion-actions/accordion-actions.json b/docs/translations/api-docs/accordion-actions/accordion-actions.json index 18a7d3b9f62715..499b2afffb66c1 100644 --- a/docs/translations/api-docs/accordion-actions/accordion-actions.json +++ b/docs/translations/api-docs/accordion-actions/accordion-actions.json @@ -6,11 +6,11 @@ "disableSpacing": "If true, the actions do not have additional margin." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "spacing": { "description": "{{stylesApplied}} unless {{conditions}}.", "nodeName": "root element", - "conditions": "disableSpacing={true}." + "conditions": "disableSpacing={true}" } } } diff --git a/docs/translations/api-docs/accordion-details/accordion-details.json b/docs/translations/api-docs/accordion-details/accordion-details.json index 4355e0942728d6..00156cbab4aef5 100644 --- a/docs/translations/api-docs/accordion-details/accordion-details.json +++ b/docs/translations/api-docs/accordion-details/accordion-details.json @@ -5,6 +5,6 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } } } diff --git a/docs/translations/api-docs/accordion-summary/accordion-summary.json b/docs/translations/api-docs/accordion-summary/accordion-summary.json index bc2203859308de..cf792f085987b7 100644 --- a/docs/translations/api-docs/accordion-summary/accordion-summary.json +++ b/docs/translations/api-docs/accordion-summary/accordion-summary.json @@ -7,17 +7,25 @@ "focusVisibleClassName": "This prop can help identify which element has keyboard focus. The class name will be applied when the element gains the focus through keyboard interaction. It's a polyfill for the CSS :focus-visible selector. The rationale for using this feature is explained here. A polyfill can be used to apply a focus-visible class to other components if needed." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "expanded": { - "description": "Pseudo-class applied to the root element, children wrapper element and `IconButton` component if `expanded={true}`." + "description": "{{pseudoClassApplied}}, {{conditions}}.", + "nodeName": "root element", + "conditions": "children wrapper element and IconButton component if expanded={true}" }, "focusVisible": { - "description": "Pseudo-class applied to the ButtonBase root element if the button is keyboard focused." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "ButtonBase root element", + "conditions": "the button is keyboard focused" }, - "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, - "content": { "description": "{{stylesApplied}}.", "nodeName": "children wrapper element" }, + "disabled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}" + }, + "content": { "description": "{{stylesApplied}}", "nodeName": "children wrapper element" }, "expandIconWrapper": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "`expandIcon`'s wrapper element" } } diff --git a/docs/translations/api-docs/accordion/accordion.json b/docs/translations/api-docs/accordion/accordion.json index 05c1b515cb5f37..8bce07dfcb7a36 100644 --- a/docs/translations/api-docs/accordion/accordion.json +++ b/docs/translations/api-docs/accordion/accordion.json @@ -12,17 +12,26 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "rounded": { "description": "{{stylesApplied}} unless {{conditions}}.", "nodeName": "root element", - "conditions": "square={true}." + "conditions": "square={true}" + }, + "expanded": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "expanded={true}" + }, + "disabled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}" }, - "expanded": { "description": "Pseudo-class applied to the root element if `expanded={true}`." }, - "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, "region": { - "description": "{{stylesApplied}}, the container of the children.", - "nodeName": "region element" + "description": "{{stylesApplied}}, {{conditions}}.", + "nodeName": "region element", + "conditions": "the container of the children" } } } diff --git a/docs/translations/api-docs/alert-title/alert-title.json b/docs/translations/api-docs/alert-title/alert-title.json index 4355e0942728d6..00156cbab4aef5 100644 --- a/docs/translations/api-docs/alert-title/alert-title.json +++ b/docs/translations/api-docs/alert-title/alert-title.json @@ -5,6 +5,6 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } } } diff --git a/docs/translations/api-docs/alert/alert.json b/docs/translations/api-docs/alert/alert.json index 9b03b718515861..5c992857059715 100644 --- a/docs/translations/api-docs/alert/alert.json +++ b/docs/translations/api-docs/alert/alert.json @@ -14,88 +14,88 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "filled": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"filled\"." + "conditions": "variant=\"filled\"" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"outlined\"." + "conditions": "variant=\"outlined\"" }, "standard": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"standard\"." + "conditions": "variant=\"standard\"" }, "standardSuccess": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"standard\" and color=\"success\"." + "conditions": "variant=\"standard\" and color=\"success\"" }, "standardInfo": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"standard\" and color=\"info\"." + "conditions": "variant=\"standard\" and color=\"info\"" }, "standardWarning": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"standard\" and color=\"warning\"." + "conditions": "variant=\"standard\" and color=\"warning\"" }, "standardError": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"standard\" and color=\"error\"." + "conditions": "variant=\"standard\" and color=\"error\"" }, "outlinedSuccess": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"outlined\" and color=\"success\"." + "conditions": "variant=\"outlined\" and color=\"success\"" }, "outlinedInfo": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"outlined\" and color=\"info\"." + "conditions": "variant=\"outlined\" and color=\"info\"" }, "outlinedWarning": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"outlined\" and color=\"warning\"." + "conditions": "variant=\"outlined\" and color=\"warning\"" }, "outlinedError": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"outlined\" and color=\"error\"." + "conditions": "variant=\"outlined\" and color=\"error\"" }, "filledSuccess": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"filled\" and color=\"success\"." + "conditions": "variant=\"filled\" and color=\"success\"" }, "filledInfo": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"filled\" and color=\"info\"." + "conditions": "variant=\"filled\" and color=\"info\"" }, "filledWarning": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"filled\" and color=\"warning\"." + "conditions": "variant=\"filled\" and color=\"warning\"" }, "filledError": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"filled\" and color=\"error\"." + "conditions": "variant=\"filled\" and color=\"error\"" }, - "icon": { "description": "{{stylesApplied}}.", "nodeName": "icon wrapper element" }, - "message": { "description": "{{stylesApplied}}.", "nodeName": "message wrapper element" }, + "icon": { "description": "{{stylesApplied}}", "nodeName": "icon wrapper element" }, + "message": { "description": "{{stylesApplied}}", "nodeName": "message wrapper element" }, "action": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "action wrapper element", - "conditions": "action is provided." + "conditions": "action is provided" } } } diff --git a/docs/translations/api-docs/app-bar/app-bar.json b/docs/translations/api-docs/app-bar/app-bar.json index 031b428612c30a..b3eab306f2a543 100644 --- a/docs/translations/api-docs/app-bar/app-bar.json +++ b/docs/translations/api-docs/app-bar/app-bar.json @@ -7,56 +7,56 @@ "position": "The positioning type. The behavior of the different options is described in the MDN web docs. Note: sticky is not universally supported and will fall back to static when unavailable." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "positionFixed": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "position=\"fixed\"." + "conditions": "position=\"fixed\"" }, "positionAbsolute": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "position=\"absolute\"." + "conditions": "position=\"absolute\"" }, "positionSticky": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "position=\"sticky\"." + "conditions": "position=\"sticky\"" }, "positionStatic": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "position=\"static\"." + "conditions": "position=\"static\"" }, "positionRelative": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "position=\"relative\"." + "conditions": "position=\"relative\"" }, "colorDefault": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"default\"." + "conditions": "color=\"default\"" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"primary\"." + "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"secondary\"." + "conditions": "color=\"secondary\"" }, "colorInherit": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"inherit\"." + "conditions": "color=\"inherit\"" }, "colorTransparent": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"transparent\"." + "conditions": "color=\"transparent\"" } } } diff --git a/docs/translations/api-docs/autocomplete/autocomplete.json b/docs/translations/api-docs/autocomplete/autocomplete.json index 3036e87eed3f21..9677e5c40f8682 100644 --- a/docs/translations/api-docs/autocomplete/autocomplete.json +++ b/docs/translations/api-docs/autocomplete/autocomplete.json @@ -61,46 +61,57 @@ "value": "The value of the autocomplete.
The value must have reference equality with the option in order to be selected. You can customize the equality behavior with the getOptionSelected prop." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "@media (pointer": { "description": "Avoid double tap issue on iOS" }, "fullWidth": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "fullWidth={true}." + "conditions": "fullWidth={true}" + }, + "focused": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "focused" + }, + "tag": { + "description": "{{stylesApplied}}, {{conditions}}.", + "nodeName": "tag elements", + "conditions": "e.g. the chips" }, - "focused": { "description": "Pseudo-class applied to the root element if focused." }, - "tag": { "description": "{{stylesApplied}}, e.g. the chips.", "nodeName": "tag elements" }, "tagSizeSmall": { - "description": "{{stylesApplied}}, e.g. the chips if `size=\"small\"`.", - "nodeName": "tag elements" + "description": "{{stylesApplied}}, {{conditions}}.", + "nodeName": "tag elements", + "conditions": "e.g. the chips if size=\"small\"" }, "hasPopupIcon": { "description": "Styles applied when the popup icon is rendered." }, "hasClearIcon": { "description": "Styles applied when the clear icon is rendered." }, - "inputRoot": { "description": "{{stylesApplied}}.", "nodeName": "Input element" }, - "input": { "description": "{{stylesApplied}}.", "nodeName": "input element" }, + "inputRoot": { "description": "{{stylesApplied}}", "nodeName": "Input element" }, + "input": { "description": "{{stylesApplied}}", "nodeName": "input element" }, "inputFocused": { - "description": "{{stylesApplied}} if tag focused.", - "nodeName": "input element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "input element", + "conditions": "tag focused" }, - "endAdornment": { "description": "{{stylesApplied}}.", "nodeName": "endAdornment element" }, - "clearIndicator": { "description": "{{stylesApplied}}.", "nodeName": "clear indicator" }, - "popupIndicator": { "description": "{{stylesApplied}}.", "nodeName": "popup indicator" }, + "endAdornment": { "description": "{{stylesApplied}}", "nodeName": "endAdornment element" }, + "clearIndicator": { "description": "{{stylesApplied}}", "nodeName": "clear indicator" }, + "popupIndicator": { "description": "{{stylesApplied}}", "nodeName": "popup indicator" }, "popupIndicatorOpen": { - "description": "{{stylesApplied}} if the popup is open.", - "nodeName": "popup indicator" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "popup indicator", + "conditions": "the popup is open" }, - "popper": { "description": "{{stylesApplied}}.", "nodeName": "popper element" }, + "popper": { "description": "{{stylesApplied}}", "nodeName": "popper element" }, "popperDisablePortal": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "popper element", - "conditions": "disablePortal={true}." + "conditions": "disablePortal={true}" }, - "paper": { "description": "{{stylesApplied}}.", "nodeName": "Paper component" }, - "listbox": { "description": "{{stylesApplied}}.", "nodeName": "listbox component" }, - "loading": { "description": "{{stylesApplied}}.", "nodeName": "loading wrapper" }, - "noOptions": { "description": "{{stylesApplied}}.", "nodeName": "no option wrapper" }, - "option": { "description": "{{stylesApplied}}.", "nodeName": "option elements" }, - "groupLabel": { "description": "{{stylesApplied}}.", "nodeName": "group's label elements" }, - "groupUl": { "description": "{{stylesApplied}}.", "nodeName": "group's ul elements" } + "paper": { "description": "{{stylesApplied}}", "nodeName": "Paper component" }, + "listbox": { "description": "{{stylesApplied}}", "nodeName": "listbox component" }, + "loading": { "description": "{{stylesApplied}}", "nodeName": "loading wrapper" }, + "noOptions": { "description": "{{stylesApplied}}", "nodeName": "no option wrapper" }, + "option": { "description": "{{stylesApplied}}", "nodeName": "option elements" }, + "groupLabel": { "description": "{{stylesApplied}}", "nodeName": "group's label elements" }, + "groupUl": { "description": "{{stylesApplied}}", "nodeName": "group's ul elements" } } } diff --git a/docs/translations/api-docs/avatar-group/avatar-group.json b/docs/translations/api-docs/avatar-group/avatar-group.json index 984b7836c87922..34e1a95f0416bb 100644 --- a/docs/translations/api-docs/avatar-group/avatar-group.json +++ b/docs/translations/api-docs/avatar-group/avatar-group.json @@ -8,7 +8,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, - "avatar": { "description": "{{stylesApplied}}.", "nodeName": "avatar elements" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "avatar": { "description": "{{stylesApplied}}", "nodeName": "avatar elements" } } } diff --git a/docs/translations/api-docs/avatar/avatar.json b/docs/translations/api-docs/avatar/avatar.json index bd67612d53a62e..a4dc68a05909fa 100644 --- a/docs/translations/api-docs/avatar/avatar.json +++ b/docs/translations/api-docs/avatar/avatar.json @@ -13,29 +13,31 @@ "variant": "The shape of the avatar." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "colorDefault": { - "description": "{{stylesApplied}} if not `src` or `srcSet`.", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "not src or srcSet" }, "circular": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"circular\"." + "conditions": "variant=\"circular\"" }, "rounded": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"rounded\"." + "conditions": "variant=\"rounded\"" }, "square": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"square\"." + "conditions": "variant=\"square\"" }, "img": { - "description": "{{stylesApplied}} if either `src` or `srcSet` is defined.", - "nodeName": "img element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "img element", + "conditions": "either src or srcSet is defined" }, "fallback": { "description": "Styles applied to the fallback icon" } } diff --git a/docs/translations/api-docs/backdrop/backdrop.json b/docs/translations/api-docs/backdrop/backdrop.json index 74a457a6f6e59c..0b17031266f927 100644 --- a/docs/translations/api-docs/backdrop/backdrop.json +++ b/docs/translations/api-docs/backdrop/backdrop.json @@ -8,11 +8,11 @@ "transitionDuration": "The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "invisible": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "invisible={true}." + "conditions": "invisible={true}" } } } diff --git a/docs/translations/api-docs/badge-unstyled/badge-unstyled.json b/docs/translations/api-docs/badge-unstyled/badge-unstyled.json index 5664500a9b5191..bd9d07acc8db6b 100644 --- a/docs/translations/api-docs/badge-unstyled/badge-unstyled.json +++ b/docs/translations/api-docs/badge-unstyled/badge-unstyled.json @@ -48,7 +48,9 @@ "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"circular\"`." }, "invisible": { - "description": "Pseudo-class to the badge `span` element if `invisible={true}`." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "invisible={true}" } } } diff --git a/docs/translations/api-docs/badge/badge.json b/docs/translations/api-docs/badge/badge.json index 04a5744522a577..57509cf684232f 100644 --- a/docs/translations/api-docs/badge/badge.json +++ b/docs/translations/api-docs/badge/badge.json @@ -50,22 +50,24 @@ "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"circular\"`." }, "invisible": { - "description": "Pseudo-class to the badge `span` element if `invisible={true}`." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "invisible={true}" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "badge `span` element", - "conditions": "color=\"primary\"." + "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "badge `span` element", - "conditions": "color=\"secondary\"." + "conditions": "color=\"secondary\"" }, "colorError": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "badge `span` element", - "conditions": "color=\"error\"." + "conditions": "color=\"error\"" } } } diff --git a/docs/translations/api-docs/bottom-navigation-action/bottom-navigation-action.json b/docs/translations/api-docs/bottom-navigation-action/bottom-navigation-action.json index 1ca65053a802c2..3f08abcf22424f 100644 --- a/docs/translations/api-docs/bottom-navigation-action/bottom-navigation-action.json +++ b/docs/translations/api-docs/bottom-navigation-action/bottom-navigation-action.json @@ -9,15 +9,21 @@ "value": "You can provide your own value. Otherwise, we fallback to the child position index." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, - "selected": { "description": "Pseudo-class applied to the root element if selected." }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "selected": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "selected" + }, "iconOnly": { - "description": "Pseudo-class applied to the root element if `showLabel={false}` and not selected." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "showLabel={false} and not selected" }, "wrapper": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "span element that wraps the icon and label" }, - "label": { "description": "{{stylesApplied}}.", "nodeName": "label's span element" } + "label": { "description": "{{stylesApplied}}", "nodeName": "label's span element" } } } diff --git a/docs/translations/api-docs/bottom-navigation/bottom-navigation.json b/docs/translations/api-docs/bottom-navigation/bottom-navigation.json index 50ffaee2874f2f..e0a58142c084f8 100644 --- a/docs/translations/api-docs/bottom-navigation/bottom-navigation.json +++ b/docs/translations/api-docs/bottom-navigation/bottom-navigation.json @@ -9,6 +9,6 @@ "value": "The value of the currently selected BottomNavigationAction." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } } } diff --git a/docs/translations/api-docs/breadcrumbs/breadcrumbs.json b/docs/translations/api-docs/breadcrumbs/breadcrumbs.json index 2981376da80de3..5bdc9375a96bd2 100644 --- a/docs/translations/api-docs/breadcrumbs/breadcrumbs.json +++ b/docs/translations/api-docs/breadcrumbs/breadcrumbs.json @@ -11,9 +11,9 @@ "separator": "Custom separator node." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, - "ol": { "description": "{{stylesApplied}}.", "nodeName": "ol element" }, - "li": { "description": "{{stylesApplied}}.", "nodeName": "li element" }, - "separator": { "description": "{{stylesApplied}}.", "nodeName": "separator element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "ol": { "description": "{{stylesApplied}}", "nodeName": "ol element" }, + "li": { "description": "{{stylesApplied}}", "nodeName": "li element" }, + "separator": { "description": "{{stylesApplied}}", "nodeName": "separator element" } } } diff --git a/docs/translations/api-docs/button-base/button-base.json b/docs/translations/api-docs/button-base/button-base.json index ff766adfe3d54a..71b72c57381fbe 100644 --- a/docs/translations/api-docs/button-base/button-base.json +++ b/docs/translations/api-docs/button-base/button-base.json @@ -16,10 +16,16 @@ "TouchRippleProps": "Props applied to the TouchRipple element." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, - "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "disabled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}" + }, "focusVisible": { - "description": "Pseudo-class applied to the root element if keyboard focused." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "keyboard focused" } } } diff --git a/docs/translations/api-docs/button-group/button-group.json b/docs/translations/api-docs/button-group/button-group.json index dc169ac791636a..5fd2d6c7ef616a 100644 --- a/docs/translations/api-docs/button-group/button-group.json +++ b/docs/translations/api-docs/button-group/button-group.json @@ -15,123 +15,123 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "contained": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"contained\"." + "conditions": "variant=\"contained\"" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"outlined\"." + "conditions": "variant=\"outlined\"" }, "text": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"text\"." + "conditions": "variant=\"text\"" }, "disableElevation": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "disableElevation={true}." + "conditions": "disableElevation={true}" }, "disabled": { "description": "Pseudo-class applied to child elements if `disabled={true}`." }, "fullWidth": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "fullWidth={true}." + "conditions": "fullWidth={true}" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "orientation=\"vertical\"." + "conditions": "orientation=\"vertical\"" }, - "grouped": { "description": "{{stylesApplied}}.", "nodeName": "children" }, + "grouped": { "description": "{{stylesApplied}}", "nodeName": "children" }, "groupedHorizontal": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "children", - "conditions": "orientation=\"horizontal\"." + "conditions": "orientation=\"horizontal\"" }, "groupedVertical": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "children", - "conditions": "orientation=\"vertical\"." + "conditions": "orientation=\"vertical\"" }, "groupedText": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "children", - "conditions": "variant=\"text\"." + "conditions": "variant=\"text\"" }, "groupedTextHorizontal": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "children", - "conditions": "variant=\"text\" and orientation=\"horizontal\"." + "conditions": "variant=\"text\" and orientation=\"horizontal\"" }, "groupedTextVertical": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "children", - "conditions": "variant=\"text\" and orientation=\"vertical\"." + "conditions": "variant=\"text\" and orientation=\"vertical\"" }, "groupedTextPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "children", - "conditions": "variant=\"text\" and color=\"primary\"." + "conditions": "variant=\"text\" and color=\"primary\"" }, "groupedTextSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "children", - "conditions": "variant=\"text\" and color=\"secondary\"." + "conditions": "variant=\"text\" and color=\"secondary\"" }, "groupedOutlined": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "children", - "conditions": "variant=\"outlined\"." + "conditions": "variant=\"outlined\"" }, "groupedOutlinedHorizontal": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "children", - "conditions": "variant=\"outlined\" and orientation=\"horizontal\"." + "conditions": "variant=\"outlined\" and orientation=\"horizontal\"" }, "groupedOutlinedVertical": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "children", - "conditions": "variant=\"outlined\" and orientation=\"vertical\"." + "conditions": "variant=\"outlined\" and orientation=\"vertical\"" }, "groupedOutlinedPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "children", - "conditions": "variant=\"outlined\" and color=\"primary\"." + "conditions": "variant=\"outlined\" and color=\"primary\"" }, "groupedOutlinedSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "children", - "conditions": "variant=\"outlined\" and color=\"secondary\"." + "conditions": "variant=\"outlined\" and color=\"secondary\"" }, "groupedContained": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "children", - "conditions": "variant=\"contained\"." + "conditions": "variant=\"contained\"" }, "groupedContainedHorizontal": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "children", - "conditions": "variant=\"contained\" and orientation=\"horizontal\"." + "conditions": "variant=\"contained\" and orientation=\"horizontal\"" }, "groupedContainedVertical": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "children", - "conditions": "variant=\"contained\" and orientation=\"vertical\"." + "conditions": "variant=\"contained\" and orientation=\"vertical\"" }, "groupedContainedPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "children", - "conditions": "variant=\"contained\" and color=\"primary\"." + "conditions": "variant=\"contained\" and color=\"primary\"" }, "groupedContainedSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "children", - "conditions": "variant=\"contained\" and color=\"secondary\"." + "conditions": "variant=\"contained\" and color=\"secondary\"" } } } diff --git a/docs/translations/api-docs/button/button.json b/docs/translations/api-docs/button/button.json index e8f28ad0c870d6..62a5e5d0c40a5a 100644 --- a/docs/translations/api-docs/button/button.json +++ b/docs/translations/api-docs/button/button.json @@ -18,166 +18,180 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "label": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "span element that wraps the children" }, "text": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"text\"." + "conditions": "variant=\"text\"" }, "textInherit": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"text\" and color=\"inherit\"." + "conditions": "variant=\"text\" and color=\"inherit\"" }, "textPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"text\" and color=\"primary\"." + "conditions": "variant=\"text\" and color=\"primary\"" }, "textSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"text\" and color=\"secondary\"." + "conditions": "variant=\"text\" and color=\"secondary\"" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"outlined\"." + "conditions": "variant=\"outlined\"" }, "outlinedInherit": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"outlined\" and color=\"inherit\"." + "conditions": "variant=\"outlined\" and color=\"inherit\"" }, "outlinedPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"outlined\" and color=\"primary\"." + "conditions": "variant=\"outlined\" and color=\"primary\"" }, "outlinedSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"outlined\" and color=\"secondary\"." + "conditions": "variant=\"outlined\" and color=\"secondary\"" }, "contained": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"contained\"." + "conditions": "variant=\"contained\"" }, "containedInherit": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"contained\" and color=\"inherit\"." + "conditions": "variant=\"contained\" and color=\"inherit\"" }, "containedPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"contained\" and color=\"primary\"." + "conditions": "variant=\"contained\" and color=\"primary\"" }, "containedSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"contained\" and color=\"secondary\"." + "conditions": "variant=\"contained\" and color=\"secondary\"" }, "disableElevation": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "disableElevation={true}." + "conditions": "disableElevation={true}" }, "focusVisible": { - "description": "Pseudo-class applied to the ButtonBase root element if the button is keyboard focused." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "ButtonBase root element", + "conditions": "the button is keyboard focused" + }, + "disabled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}" }, - "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, "colorInherit": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"inherit\"." + "conditions": "color=\"inherit\"" }, "textSizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"small\" and variant=\"text\"." + "conditions": "size=\"small\" and variant=\"text\"" }, "textSizeMedium": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"medium\" and variant=\"text\"." + "conditions": "size=\"medium\" and variant=\"text\"" }, "textSizeLarge": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"large\" and variant=\"text\"." + "conditions": "size=\"large\" and variant=\"text\"" }, "outlinedSizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"small\" and variant=\"outlined\"." + "conditions": "size=\"small\" and variant=\"outlined\"" }, "outlinedSizeMedium": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"medium\" and variant=\"outlined\"." + "conditions": "size=\"medium\" and variant=\"outlined\"" }, "outlinedSizeLarge": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"large\" and variant=\"outlined\"." + "conditions": "size=\"large\" and variant=\"outlined\"" }, "containedSizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"small\" and variant=\"contained\"." + "conditions": "size=\"small\" and variant=\"contained\"" }, "containedSizeMedium": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"small\" and variant=\"contained\"." + "conditions": "size=\"small\" and variant=\"contained\"" }, "containedSizeLarge": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"large\" and variant=\"contained\"." + "conditions": "size=\"large\" and variant=\"contained\"" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, "sizeMedium": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"medium\"." + "conditions": "size=\"medium\"" }, "sizeLarge": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"large\"." + "conditions": "size=\"large\"" }, "fullWidth": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "fullWidth={true}." + "conditions": "fullWidth={true}" }, "startIcon": { - "description": "{{stylesApplied}} if supplied.", - "nodeName": "startIcon element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "startIcon element", + "conditions": "supplied" + }, + "endIcon": { + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "endIcon element", + "conditions": "supplied" }, - "endIcon": { "description": "{{stylesApplied}} if supplied.", "nodeName": "endIcon element" }, "iconSizeSmall": { - "description": "{{stylesApplied}} if supplied and `size=\"small\"`.", - "nodeName": "icon element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "icon element", + "conditions": "supplied and size=\"small\"" }, "iconSizeMedium": { - "description": "{{stylesApplied}} if supplied and `size=\"medium\"`.", - "nodeName": "icon element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "icon element", + "conditions": "supplied and size=\"medium\"" }, "iconSizeLarge": { - "description": "{{stylesApplied}} if supplied and `size=\"large\"`.", - "nodeName": "icon element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "icon element", + "conditions": "supplied and size=\"large\"" } } } diff --git a/docs/translations/api-docs/card-action-area/card-action-area.json b/docs/translations/api-docs/card-action-area/card-action-area.json index c13633820fbd71..bb208931b3d669 100644 --- a/docs/translations/api-docs/card-action-area/card-action-area.json +++ b/docs/translations/api-docs/card-action-area/card-action-area.json @@ -5,12 +5,14 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "focusVisible": { - "description": "Pseudo-class applied to the ButtonBase root element if the action area is keyboard focused." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "ButtonBase root element", + "conditions": "the action area is keyboard focused" }, "focusHighlight": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "overlay that covers the action area when it is keyboard focused" } } diff --git a/docs/translations/api-docs/card-actions/card-actions.json b/docs/translations/api-docs/card-actions/card-actions.json index 18a7d3b9f62715..499b2afffb66c1 100644 --- a/docs/translations/api-docs/card-actions/card-actions.json +++ b/docs/translations/api-docs/card-actions/card-actions.json @@ -6,11 +6,11 @@ "disableSpacing": "If true, the actions do not have additional margin." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "spacing": { "description": "{{stylesApplied}} unless {{conditions}}.", "nodeName": "root element", - "conditions": "disableSpacing={true}." + "conditions": "disableSpacing={true}" } } } diff --git a/docs/translations/api-docs/card-content/card-content.json b/docs/translations/api-docs/card-content/card-content.json index 38d5a2037d4140..5a195fb869b910 100644 --- a/docs/translations/api-docs/card-content/card-content.json +++ b/docs/translations/api-docs/card-content/card-content.json @@ -6,6 +6,6 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } } } diff --git a/docs/translations/api-docs/card-header/card-header.json b/docs/translations/api-docs/card-header/card-header.json index 5ce51a8dd195a7..fd5ac8c86c3dce 100644 --- a/docs/translations/api-docs/card-header/card-header.json +++ b/docs/translations/api-docs/card-header/card-header.json @@ -12,11 +12,11 @@ "titleTypographyProps": "These props will be forwarded to the title (as long as disableTypography is not true)." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, - "avatar": { "description": "{{stylesApplied}}.", "nodeName": "avatar element" }, - "action": { "description": "{{stylesApplied}}.", "nodeName": "action element" }, - "content": { "description": "{{stylesApplied}}.", "nodeName": "content wrapper element" }, - "title": { "description": "{{stylesApplied}}.", "nodeName": "title Typography element" }, - "subheader": { "description": "{{stylesApplied}}.", "nodeName": "subheader Typography element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "avatar": { "description": "{{stylesApplied}}", "nodeName": "avatar element" }, + "action": { "description": "{{stylesApplied}}", "nodeName": "action element" }, + "content": { "description": "{{stylesApplied}}", "nodeName": "content wrapper element" }, + "title": { "description": "{{stylesApplied}}", "nodeName": "title Typography element" }, + "subheader": { "description": "{{stylesApplied}}", "nodeName": "subheader Typography element" } } } diff --git a/docs/translations/api-docs/card-media/card-media.json b/docs/translations/api-docs/card-media/card-media.json index 3545e2c04d1cb3..af0943b593835d 100644 --- a/docs/translations/api-docs/card-media/card-media.json +++ b/docs/translations/api-docs/card-media/card-media.json @@ -8,16 +8,16 @@ "src": "An alias for image property. Available only with media components. Media components: video, audio, picture, iframe, img." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "media": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "component=\"video, audio, picture, iframe, or img\"." + "conditions": "component=\"video, audio, picture, iframe, or img\"" }, "img": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "component=\"picture or img\"." + "conditions": "component=\"picture or img\"" } } } diff --git a/docs/translations/api-docs/card/card.json b/docs/translations/api-docs/card/card.json index 927f65e71f9dbc..1a5fadd4e8dc48 100644 --- a/docs/translations/api-docs/card/card.json +++ b/docs/translations/api-docs/card/card.json @@ -6,6 +6,6 @@ "raised": "If true, the card will use raised styling." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } } } diff --git a/docs/translations/api-docs/checkbox/checkbox.json b/docs/translations/api-docs/checkbox/checkbox.json index c5367210a8dcd6..1796160ab88ea3 100644 --- a/docs/translations/api-docs/checkbox/checkbox.json +++ b/docs/translations/api-docs/checkbox/checkbox.json @@ -19,21 +19,31 @@ "value": "The value of the component. The DOM API casts this to a string. The browser uses "on" as the default value." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, - "checked": { "description": "Pseudo-class applied to the root element if `checked={true}`." }, - "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "checked": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "checked={true}" + }, + "disabled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}" + }, "indeterminate": { - "description": "Pseudo-class applied to the root element if `indeterminate={true}`." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "indeterminate={true}" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"primary\"." + "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"secondary\"." + "conditions": "color=\"secondary\"" } } } diff --git a/docs/translations/api-docs/chip/chip.json b/docs/translations/api-docs/chip/chip.json index 69bf13db1930db..58eefd5f1dccec 100644 --- a/docs/translations/api-docs/chip/chip.json +++ b/docs/translations/api-docs/chip/chip.json @@ -16,139 +16,145 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"primary\"." + "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"secondary\"." + "conditions": "color=\"secondary\"" + }, + "disabled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}" }, - "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, "clickable": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "onClick is defined or clickable={true}." + "conditions": "onClick is defined or clickable={true}" }, "clickableColorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "onClick and color=\"primary\" is defined or clickable={true}." + "conditions": "onClick and color=\"primary\" is defined or clickable={true}" }, "clickableColorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "onClick and color=\"secondary\" is defined or clickable={true}." + "conditions": "onClick and color=\"secondary\" is defined or clickable={true}" }, "deletable": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "onDelete is defined." + "conditions": "onDelete is defined" }, "deletableColorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "onDelete and color=\"primary\" is defined." + "conditions": "onDelete and color=\"primary\" is defined" }, "deletableColorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "onDelete and color=\"secondary\" is defined." + "conditions": "onDelete and color=\"secondary\" is defined" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"outlined\"." + "conditions": "variant=\"outlined\"" }, "filled": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"filled\"." + "conditions": "variant=\"filled\"" }, "outlinedPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"outlined\" and color=\"primary\"." + "conditions": "variant=\"outlined\" and color=\"primary\"" }, "outlinedSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"outlined\" and color=\"secondary\"." + "conditions": "variant=\"outlined\" and color=\"secondary\"" }, - "avatar": { "description": "{{stylesApplied}}.", "nodeName": "avatar element" }, + "avatar": { "description": "{{stylesApplied}}", "nodeName": "avatar element" }, "avatarSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "avatar element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, "avatarColorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "avatar element", - "conditions": "color=\"primary\"." + "conditions": "color=\"primary\"" }, "avatarColorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "avatar element", - "conditions": "color=\"secondary\"." + "conditions": "color=\"secondary\"" }, - "icon": { "description": "{{stylesApplied}}.", "nodeName": "icon element" }, + "icon": { "description": "{{stylesApplied}}", "nodeName": "icon element" }, "iconSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "icon element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, "iconColorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "icon element", - "conditions": "color=\"primary\"." + "conditions": "color=\"primary\"" }, "iconColorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "icon element", - "conditions": "color=\"secondary\"." + "conditions": "color=\"secondary\"" }, - "label": { "description": "{{stylesApplied}}.", "nodeName": "label `span` element" }, + "label": { "description": "{{stylesApplied}}", "nodeName": "label `span` element" }, "labelSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "label `span` element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, - "deleteIcon": { "description": "{{stylesApplied}}.", "nodeName": "deleteIcon element" }, + "deleteIcon": { "description": "{{stylesApplied}}", "nodeName": "deleteIcon element" }, "deleteIconSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "deleteIcon element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, "deleteIconColorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "deleteIcon element", - "conditions": "color=\"primary\" and variant=\"filled\"." + "conditions": "color=\"primary\" and variant=\"filled\"" }, "deleteIconColorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "deleteIcon element", - "conditions": "color=\"secondary\" and variant=\"filled\"." + "conditions": "color=\"secondary\" and variant=\"filled\"" }, "deleteIconOutlinedColorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "deleteIcon element", - "conditions": "color=\"primary\" and variant=\"outlined\"." + "conditions": "color=\"primary\" and variant=\"outlined\"" }, "deleteIconOutlinedColorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "deleteIcon element", - "conditions": "color=\"secondary\" and variant=\"outlined\"." + "conditions": "color=\"secondary\" and variant=\"outlined\"" }, "focusVisible": { - "description": "Pseudo-class applied to the root element if keyboard focused." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "keyboard focused" } } } diff --git a/docs/translations/api-docs/circular-progress/circular-progress.json b/docs/translations/api-docs/circular-progress/circular-progress.json index 2162c9e4367014..e477d30f9412b1 100644 --- a/docs/translations/api-docs/circular-progress/circular-progress.json +++ b/docs/translations/api-docs/circular-progress/circular-progress.json @@ -10,43 +10,43 @@ "variant": "The variant to use. Use indeterminate when there is no progress value." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "determinate": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"determinate\"." + "conditions": "variant=\"determinate\"" }, "indeterminate": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"indeterminate\"." + "conditions": "variant=\"indeterminate\"" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"primary\"." + "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"secondary\"." + "conditions": "color=\"secondary\"" }, - "svg": { "description": "{{stylesApplied}}.", "nodeName": "svg element" }, - "circle": { "description": "{{stylesApplied}}.", "nodeName": "`circle` svg path" }, + "svg": { "description": "{{stylesApplied}}", "nodeName": "svg element" }, + "circle": { "description": "{{stylesApplied}}", "nodeName": "`circle` svg path" }, "circleDeterminate": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "`circle` svg path", - "conditions": "variant=\"determinate\"." + "conditions": "variant=\"determinate\"" }, "circleIndeterminate": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "`circle` svg path", - "conditions": "variant=\"indeterminate\"." + "conditions": "variant=\"indeterminate\"" }, "circleDisableShrink": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "`circle` svg path", - "conditions": "disableShrink={true}." + "conditions": "disableShrink={true}" } } } diff --git a/docs/translations/api-docs/collapse/collapse.json b/docs/translations/api-docs/collapse/collapse.json index dac39adc9d5e39..019d55cdb28499 100644 --- a/docs/translations/api-docs/collapse/collapse.json +++ b/docs/translations/api-docs/collapse/collapse.json @@ -10,19 +10,21 @@ "timeout": "The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.
Set to 'auto' to automatically calculate transition time based on height." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "horizontal": { - "description": "Pseudo-class applied to the root element if `orientation=\"horizontal\"`." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "orientation=\"horizontal\"" }, "entered": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "root element when the transition has entered" }, "hidden": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "root element when the transition has exited and `collapsedSize` = 0px" }, - "wrapper": { "description": "{{stylesApplied}}.", "nodeName": "outer wrapper element" }, - "wrapperInner": { "description": "{{stylesApplied}}.", "nodeName": "inner wrapper element" } + "wrapper": { "description": "{{stylesApplied}}", "nodeName": "outer wrapper element" }, + "wrapperInner": { "description": "{{stylesApplied}}", "nodeName": "inner wrapper element" } } } diff --git a/docs/translations/api-docs/container/container.json b/docs/translations/api-docs/container/container.json index d20f1e6a24c169..2fbacf2aa917d8 100644 --- a/docs/translations/api-docs/container/container.json +++ b/docs/translations/api-docs/container/container.json @@ -9,41 +9,41 @@ "sx": "The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "disableGutters": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "disableGutters={true}." + "conditions": "disableGutters={true}" }, "fixed": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "fixed={true}." + "conditions": "fixed={true}" }, "maxWidthXs": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "maxWidth=\"xs\"." + "conditions": "maxWidth=\"xs\"" }, "maxWidthSm": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "maxWidth=\"sm\"." + "conditions": "maxWidth=\"sm\"" }, "maxWidthMd": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "maxWidth=\"md\"." + "conditions": "maxWidth=\"md\"" }, "maxWidthLg": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "maxWidth=\"lg\"." + "conditions": "maxWidth=\"lg\"" }, "maxWidthXl": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "maxWidth=\"xl\"." + "conditions": "maxWidth=\"xl\"" } } } diff --git a/docs/translations/api-docs/dialog-actions/dialog-actions.json b/docs/translations/api-docs/dialog-actions/dialog-actions.json index 18a7d3b9f62715..499b2afffb66c1 100644 --- a/docs/translations/api-docs/dialog-actions/dialog-actions.json +++ b/docs/translations/api-docs/dialog-actions/dialog-actions.json @@ -6,11 +6,11 @@ "disableSpacing": "If true, the actions do not have additional margin." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "spacing": { "description": "{{stylesApplied}} unless {{conditions}}.", "nodeName": "root element", - "conditions": "disableSpacing={true}." + "conditions": "disableSpacing={true}" } } } diff --git a/docs/translations/api-docs/dialog-content-text/dialog-content-text.json b/docs/translations/api-docs/dialog-content-text/dialog-content-text.json index 4355e0942728d6..00156cbab4aef5 100644 --- a/docs/translations/api-docs/dialog-content-text/dialog-content-text.json +++ b/docs/translations/api-docs/dialog-content-text/dialog-content-text.json @@ -5,6 +5,6 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } } } diff --git a/docs/translations/api-docs/dialog-content/dialog-content.json b/docs/translations/api-docs/dialog-content/dialog-content.json index 75d5e49a7587f3..b5125d0bdf790d 100644 --- a/docs/translations/api-docs/dialog-content/dialog-content.json +++ b/docs/translations/api-docs/dialog-content/dialog-content.json @@ -6,11 +6,11 @@ "dividers": "Display the top and bottom dividers." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "dividers": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "dividers={true}." + "conditions": "dividers={true}" } } } diff --git a/docs/translations/api-docs/dialog-title/dialog-title.json b/docs/translations/api-docs/dialog-title/dialog-title.json index f9afb2b1b7c7a5..e53b081ad31b96 100644 --- a/docs/translations/api-docs/dialog-title/dialog-title.json +++ b/docs/translations/api-docs/dialog-title/dialog-title.json @@ -6,6 +6,6 @@ "disableTypography": "If true, the children won't be wrapped by a typography component. For instance, this can be useful to render an h4 instead of the default h2." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } } } diff --git a/docs/translations/api-docs/dialog/dialog.json b/docs/translations/api-docs/dialog/dialog.json index 5b359ce0811886..913dde53fe0a44 100644 --- a/docs/translations/api-docs/dialog/dialog.json +++ b/docs/translations/api-docs/dialog/dialog.json @@ -20,68 +20,68 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "scrollPaper": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "container element", - "conditions": "scroll=\"paper\"." + "conditions": "scroll=\"paper\"" }, "scrollBody": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "container element", - "conditions": "scroll=\"body\"." + "conditions": "scroll=\"body\"" }, - "container": { "description": "{{stylesApplied}}.", "nodeName": "container element" }, - "paper": { "description": "{{stylesApplied}}.", "nodeName": "Paper component" }, + "container": { "description": "{{stylesApplied}}", "nodeName": "container element" }, + "paper": { "description": "{{stylesApplied}}", "nodeName": "Paper component" }, "paperScrollPaper": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Paper component", - "conditions": "scroll=\"paper\"." + "conditions": "scroll=\"paper\"" }, "paperScrollBody": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Paper component", - "conditions": "scroll=\"body\"." + "conditions": "scroll=\"body\"" }, "paperWidthFalse": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Paper component", - "conditions": "maxWidth=false." + "conditions": "maxWidth=false" }, "paperWidthXs": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Paper component", - "conditions": "maxWidth=\"xs\"." + "conditions": "maxWidth=\"xs\"" }, "paperWidthSm": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Paper component", - "conditions": "maxWidth=\"sm\"." + "conditions": "maxWidth=\"sm\"" }, "paperWidthMd": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Paper component", - "conditions": "maxWidth=\"md\"." + "conditions": "maxWidth=\"md\"" }, "paperWidthLg": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Paper component", - "conditions": "maxWidth=\"lg\"." + "conditions": "maxWidth=\"lg\"" }, "paperWidthXl": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Paper component", - "conditions": "maxWidth=\"xl\"." + "conditions": "maxWidth=\"xl\"" }, "paperFullWidth": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Paper component", - "conditions": "fullWidth={true}." + "conditions": "fullWidth={true}" }, "paperFullScreen": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Paper component", - "conditions": "fullScreen={true}." + "conditions": "fullScreen={true}" } } } diff --git a/docs/translations/api-docs/divider/divider.json b/docs/translations/api-docs/divider/divider.json index 31e9d30cc0671c..7fe3fdde5107a4 100644 --- a/docs/translations/api-docs/divider/divider.json +++ b/docs/translations/api-docs/divider/divider.json @@ -12,69 +12,71 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "absolute": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "absolute={true}." + "conditions": "absolute={true}" }, "inset": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"inset\"." + "conditions": "variant=\"inset\"" }, "fullWidth": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"fullWidth\"." + "conditions": "variant=\"fullWidth\"" }, "light": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "light={true}." + "conditions": "light={true}" }, "middle": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"middle\"." + "conditions": "variant=\"middle\"" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "orientation=\"vertical\"." + "conditions": "orientation=\"vertical\"" }, "flexItem": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "flexItem={true}." + "conditions": "flexItem={true}" }, "withChildren": { - "description": "{{stylesApplied}} if divider have text.", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "divider have text" }, "withChildrenVertical": { - "description": "{{stylesApplied}} if divider have text and `orientation=\"vertical\"`.", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "divider have text and orientation=\"vertical\"" }, "textAlignRight": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "textAlign=\"right\" orientation=\"horizontal\"." + "conditions": "textAlign=\"right\" orientation=\"horizontal\"" }, "textAlignLeft": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "textAlign=\"left\" orientation=\"horizontal\"." + "conditions": "textAlign=\"left\" orientation=\"horizontal\"" }, "wrapper": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "span children element", - "conditions": "orientation=\"horizontal\"." + "conditions": "orientation=\"horizontal\"" }, "wrapperVertical": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "span children element", - "conditions": "orientation=\"vertical\"." + "conditions": "orientation=\"vertical\"" } } } diff --git a/docs/translations/api-docs/drawer/drawer.json b/docs/translations/api-docs/drawer/drawer.json index 27a9c0a10d9693..57c93d665dfdd2 100644 --- a/docs/translations/api-docs/drawer/drawer.json +++ b/docs/translations/api-docs/drawer/drawer.json @@ -14,53 +14,53 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "docked": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"permanent or persistent\"." + "conditions": "variant=\"permanent or persistent\"" }, - "paper": { "description": "{{stylesApplied}}.", "nodeName": "Paper component" }, + "paper": { "description": "{{stylesApplied}}", "nodeName": "Paper component" }, "paperAnchorLeft": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Paper component", - "conditions": "anchor=\"left\"." + "conditions": "anchor=\"left\"" }, "paperAnchorRight": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Paper component", - "conditions": "anchor=\"right\"." + "conditions": "anchor=\"right\"" }, "paperAnchorTop": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Paper component", - "conditions": "anchor=\"top\"." + "conditions": "anchor=\"top\"" }, "paperAnchorBottom": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Paper component", - "conditions": "anchor=\"bottom\"." + "conditions": "anchor=\"bottom\"" }, "paperAnchorDockedLeft": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Paper component", - "conditions": "anchor=\"left\" and variant is not \"temporary\"." + "conditions": "anchor=\"left\" and variant is not \"temporary\"" }, "paperAnchorDockedTop": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Paper component", - "conditions": "anchor=\"top\" and variant is not \"temporary\"." + "conditions": "anchor=\"top\" and variant is not \"temporary\"" }, "paperAnchorDockedRight": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Paper component", - "conditions": "anchor=\"right\" and variant is not \"temporary\"." + "conditions": "anchor=\"right\" and variant is not \"temporary\"" }, "paperAnchorDockedBottom": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Paper component", - "conditions": "anchor=\"bottom\" and variant is not \"temporary\"." + "conditions": "anchor=\"bottom\" and variant is not \"temporary\"" }, - "modal": { "description": "{{stylesApplied}}.", "nodeName": "Modal component" } + "modal": { "description": "{{stylesApplied}}", "nodeName": "Modal component" } } } diff --git a/docs/translations/api-docs/fab/fab.json b/docs/translations/api-docs/fab/fab.json index 86190a091730df..c11d3078595a60 100644 --- a/docs/translations/api-docs/fab/fab.json +++ b/docs/translations/api-docs/fab/fab.json @@ -13,49 +13,55 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "label": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "span element that wraps the children" }, "primary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"primary\"." + "conditions": "color=\"primary\"" }, "secondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"secondary\"." + "conditions": "color=\"secondary\"" }, "extended": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"extended\"." + "conditions": "variant=\"extended\"" }, "circular": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"circular\"." + "conditions": "variant=\"circular\"" }, "focusVisible": { - "description": "Pseudo-class applied to the ButtonBase root element if the button is keyboard focused." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "ButtonBase root element", + "conditions": "the button is keyboard focused" + }, + "disabled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}" }, - "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, "colorInherit": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"inherit\"." + "conditions": "color=\"inherit\"" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"small\"`." + "conditions": "size=\"small\"`" }, "sizeMedium": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"medium\"`." + "conditions": "size=\"medium\"`" } } } diff --git a/docs/translations/api-docs/filled-input/filled-input.json b/docs/translations/api-docs/filled-input/filled-input.json index 1a1b10a4a2d650..1e0f6ddcb5c66b 100644 --- a/docs/translations/api-docs/filled-input/filled-input.json +++ b/docs/translations/api-docs/filled-input/filled-input.json @@ -30,70 +30,82 @@ "value": "The value of the input element, required for a controlled component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "colorSecondary": { - "description": "{{stylesApplied}} if color secondary.", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color secondary" }, "underline": { "description": "{{stylesApplied}} unless {{conditions}}.", "nodeName": "root element", - "conditions": "disableUnderline={true}." + "conditions": "disableUnderline={true}" }, "focused": { - "description": "Pseudo-class applied to the root element if the component is focused." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "the component is focused" + }, + "disabled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}" }, - "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, "adornedStart": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "startAdornment is provided." + "conditions": "startAdornment is provided" }, "adornedEnd": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "endAdornment is provided." + "conditions": "endAdornment is provided" + }, + "error": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "error={true}" }, - "error": { "description": "Pseudo-class applied to the root element if `error={true}`." }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, "multiline": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "multiline={true}." + "conditions": "multiline={true}" }, "hiddenLabel": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "hiddenLabel={true}." + "conditions": "hiddenLabel={true}" }, - "input": { "description": "{{stylesApplied}}.", "nodeName": "input element" }, + "input": { "description": "{{stylesApplied}}", "nodeName": "input element" }, "inputSizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, "inputHiddenLabel": { - "description": "{{stylesApplied}} if in ``.", - "nodeName": "`input`" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "`input`", + "conditions": "in " }, "inputMultiline": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "multiline={true}." + "conditions": "multiline={true}" }, "inputAdornedStart": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "startAdornment is provided." + "conditions": "startAdornment is provided" }, "inputAdornedEnd": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "endAdornment is provided." + "conditions": "endAdornment is provided" } } } diff --git a/docs/translations/api-docs/form-control-label/form-control-label.json b/docs/translations/api-docs/form-control-label/form-control-label.json index 488956ab3307d6..4785ce4e9ed760 100644 --- a/docs/translations/api-docs/form-control-label/form-control-label.json +++ b/docs/translations/api-docs/form-control-label/form-control-label.json @@ -12,23 +12,27 @@ "value": "The value of the component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "labelPlacementStart": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "labelPlacement=\"start\"." + "conditions": "labelPlacement=\"start\"" }, "labelPlacementTop": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "labelPlacement=\"top\"." + "conditions": "labelPlacement=\"top\"" }, "labelPlacementBottom": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "labelPlacement=\"bottom\"." + "conditions": "labelPlacement=\"bottom\"" }, - "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, - "label": { "description": "{{stylesApplied}}.", "nodeName": "label's Typography component" } + "disabled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}" + }, + "label": { "description": "{{stylesApplied}}", "nodeName": "label's Typography component" } } } diff --git a/docs/translations/api-docs/form-control/form-control.json b/docs/translations/api-docs/form-control/form-control.json index 712c771ec569cc..e963ace57de1b7 100644 --- a/docs/translations/api-docs/form-control/form-control.json +++ b/docs/translations/api-docs/form-control/form-control.json @@ -16,21 +16,21 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "marginNormal": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "margin=\"normal\"." + "conditions": "margin=\"normal\"" }, "marginDense": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "margin=\"dense\"." + "conditions": "margin=\"dense\"" }, "fullWidth": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "fullWidth={true}." + "conditions": "fullWidth={true}" } } } diff --git a/docs/translations/api-docs/form-group/form-group.json b/docs/translations/api-docs/form-group/form-group.json index ace23ded2f2adf..bbf8f62b822f87 100644 --- a/docs/translations/api-docs/form-group/form-group.json +++ b/docs/translations/api-docs/form-group/form-group.json @@ -6,11 +6,11 @@ "row": "Display group of elements in a compact row." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "row": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "row={true}." + "conditions": "row={true}" } } } diff --git a/docs/translations/api-docs/form-helper-text/form-helper-text.json b/docs/translations/api-docs/form-helper-text/form-helper-text.json index 16a6cee19a3be7..607d4917f4280b 100644 --- a/docs/translations/api-docs/form-helper-text/form-helper-text.json +++ b/docs/translations/api-docs/form-helper-text/form-helper-text.json @@ -13,21 +13,41 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, - "error": { "description": "Pseudo-class applied to the root element if `error={true}`." }, - "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "error": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "error={true}" + }, + "disabled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}" + }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, "contained": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"filled\" or variant=\"outlined\"." + "conditions": "variant=\"filled\" or variant=\"outlined\"" }, - "focused": { "description": "Pseudo-class applied to the root element if `focused={true}`." }, - "filled": { "description": "Pseudo-class applied to the root element if `filled={true}`." }, - "required": { "description": "Pseudo-class applied to the root element if `required={true}`." } + "focused": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "focused={true}" + }, + "filled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "filled={true}" + }, + "required": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "required={true}" + } } } diff --git a/docs/translations/api-docs/form-label/form-label.json b/docs/translations/api-docs/form-label/form-label.json index 6330a9d2ac6dd2..273c4e12c8e783 100644 --- a/docs/translations/api-docs/form-label/form-label.json +++ b/docs/translations/api-docs/form-label/form-label.json @@ -12,16 +12,37 @@ "required": "If true, the label will indicate that the input is required." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "colorSecondary": { - "description": "{{stylesApplied}} if the color is secondary.", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "the color is secondary" }, - "focused": { "description": "Pseudo-class applied to the root element if `focused={true}`." }, - "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, - "error": { "description": "Pseudo-class applied to the root element if `error={true}`." }, - "filled": { "description": "Pseudo-class applied to the root element if `filled={true}`." }, - "required": { "description": "Pseudo-class applied to the root element if `required={true}`." }, - "asterisk": { "description": "{{stylesApplied}}.", "nodeName": "asterisk element" } + "focused": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "focused={true}" + }, + "disabled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}" + }, + "error": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "error={true}" + }, + "filled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "filled={true}" + }, + "required": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "required={true}" + }, + "asterisk": { "description": "{{stylesApplied}}", "nodeName": "asterisk element" } } } diff --git a/docs/translations/api-docs/grid/grid.json b/docs/translations/api-docs/grid/grid.json index a13a3cc0129272..a6467ee33f65c1 100644 --- a/docs/translations/api-docs/grid/grid.json +++ b/docs/translations/api-docs/grid/grid.json @@ -20,116 +20,116 @@ "zeroMinWidth": "If true, it sets min-width: 0 on the item. Refer to the limitations section of the documentation to better understand the use case." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "container": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "container={true}." + "conditions": "container={true}" }, "item": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "item={true}." + "conditions": "item={true}" }, "zeroMinWidth": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "zeroMinWidth={true}." + "conditions": "zeroMinWidth={true}" }, "direction-xs-column": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "direction=\"column\"." + "conditions": "direction=\"column\"" }, "direction-xs-column-reverse": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "direction=\"column-reverse\"." + "conditions": "direction=\"column-reverse\"" }, "direction-xs-row-reverse": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "direction=\"row-reverse\"." + "conditions": "direction=\"row-reverse\"" }, "wrap-xs-nowrap": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "wrap=\"nowrap\"." + "conditions": "wrap=\"nowrap\"" }, "wrap-xs-wrap-reverse": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "wrap=\"reverse\"." + "conditions": "wrap=\"reverse\"" }, "align-items-xs-center": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "alignItems=\"center\"." + "conditions": "alignItems=\"center\"" }, "align-items-xs-flex-start": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "alignItems=\"flex-start\"." + "conditions": "alignItems=\"flex-start\"" }, "align-items-xs-flex-end": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "alignItems=\"flex-end\"." + "conditions": "alignItems=\"flex-end\"" }, "align-items-xs-baseline": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "alignItems=\"baseline\"." + "conditions": "alignItems=\"baseline\"" }, "align-content-xs-center": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "alignContent=\"center\"." + "conditions": "alignContent=\"center\"" }, "align-content-xs-flex-start": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "alignContent=\"flex-start\"." + "conditions": "alignContent=\"flex-start\"" }, "align-content-xs-flex-end": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "alignContent=\"flex-end\"." + "conditions": "alignContent=\"flex-end\"" }, "align-content-xs-space-between": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "alignContent=\"space-between\"." + "conditions": "alignContent=\"space-between\"" }, "align-content-xs-space-around": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "alignContent=\"space-around\"." + "conditions": "alignContent=\"space-around\"" }, "justify-content-xs-center": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "justifyContent=\"center\"." + "conditions": "justifyContent=\"center\"" }, "justify-content-xs-flex-end": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "justifyContent=\"flex-end\"." + "conditions": "justifyContent=\"flex-end\"" }, "justify-content-xs-space-between": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "justifyContent=\"space-between\"." + "conditions": "justifyContent=\"space-between\"" }, "justify-content-xs-space-around": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "justifyContent=\"space-around\"." + "conditions": "justifyContent=\"space-around\"" }, "justify-content-xs-space-evenly": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "justifyContent=\"space-evenly\"." + "conditions": "justifyContent=\"space-evenly\"" } } } diff --git a/docs/translations/api-docs/icon-button/icon-button.json b/docs/translations/api-docs/icon-button/icon-button.json index 323a5347881ee3..5de0b8f5613990 100644 --- a/docs/translations/api-docs/icon-button/icon-button.json +++ b/docs/translations/api-docs/icon-button/icon-button.json @@ -11,38 +11,42 @@ "size": "The size of the component. small is equivalent to the dense button styling." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "edgeStart": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "edge=\"start\"." + "conditions": "edge=\"start\"" }, "edgeEnd": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "edge=\"end\"." + "conditions": "edge=\"end\"" }, "colorInherit": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"inherit\"." + "conditions": "color=\"inherit\"" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"primary\"." + "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"secondary\"." + "conditions": "color=\"secondary\"" + }, + "disabled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}" }, - "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, - "label": { "description": "{{stylesApplied}}.", "nodeName": "children container element" } + "label": { "description": "{{stylesApplied}}", "nodeName": "children container element" } } } diff --git a/docs/translations/api-docs/icon/icon.json b/docs/translations/api-docs/icon/icon.json index 9856330a35c60b..08806beeffa966 100644 --- a/docs/translations/api-docs/icon/icon.json +++ b/docs/translations/api-docs/icon/icon.json @@ -9,46 +9,46 @@ "fontSize": "The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"primary\"." + "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"secondary\"." + "conditions": "color=\"secondary\"" }, "colorAction": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"action\"." + "conditions": "color=\"action\"" }, "colorError": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"error\"." + "conditions": "color=\"error\"" }, "colorDisabled": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"disabled\"." + "conditions": "color=\"disabled\"" }, "fontSizeInherit": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "fontSize=\"inherit\"." + "conditions": "fontSize=\"inherit\"" }, "fontSizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "fontSize=\"small\"." + "conditions": "fontSize=\"small\"" }, "fontSizeLarge": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "fontSize=\"large\"." + "conditions": "fontSize=\"large\"" } } } diff --git a/docs/translations/api-docs/image-list-item-bar/image-list-item-bar.json b/docs/translations/api-docs/image-list-item-bar/image-list-item-bar.json index 113812ff5ec9b9..e5c19205134353 100644 --- a/docs/translations/api-docs/image-list-item-bar/image-list-item-bar.json +++ b/docs/translations/api-docs/image-list-item-bar/image-list-item-bar.json @@ -9,48 +9,52 @@ "title": "Title to be displayed." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "positionBottom": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "position=\"bottom\"." + "conditions": "position=\"bottom\"" }, "positionTop": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "position=\"top\"." + "conditions": "position=\"top\"" }, "positionBelow": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "position=\"below\"." + "conditions": "position=\"below\"" }, "titleWrap": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "title and subtitle container element" }, "titleWrapBelow": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "title and subtitle container element", - "conditions": "position=\"below\"." + "conditions": "position=\"below\"" }, "titleWrapActionPosLeft": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "container element", - "conditions": "actionPosition=\"left\"." + "conditions": "actionPosition=\"left\"" }, "titleWrapActionPosRight": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "container element", - "conditions": "actionPosition=\"right\"." + "conditions": "actionPosition=\"right\"" + }, + "title": { "description": "{{stylesApplied}}", "nodeName": "title container element" }, + "subtitle": { "description": "{{stylesApplied}}", "nodeName": "subtitle container element" }, + "actionIcon": { + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "actionIcon", + "conditions": "supplied" }, - "title": { "description": "{{stylesApplied}}.", "nodeName": "title container element" }, - "subtitle": { "description": "{{stylesApplied}}.", "nodeName": "subtitle container element" }, - "actionIcon": { "description": "{{stylesApplied}} if supplied.", "nodeName": "actionIcon" }, "actionIconActionPosLeft": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "actionIcon", - "conditions": "actionPosition=\"left\"." + "conditions": "actionPosition=\"left\"" } } } diff --git a/docs/translations/api-docs/image-list-item/image-list-item.json b/docs/translations/api-docs/image-list-item/image-list-item.json index f25bbe13d93100..8d6e8c0ea2c3e9 100644 --- a/docs/translations/api-docs/image-list-item/image-list-item.json +++ b/docs/translations/api-docs/image-list-item/image-list-item.json @@ -8,17 +8,17 @@ "rows": "Height of the item in number of grid rows." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "img": { "description": "Styles applied to an `img` element to ensure it covers the item." }, "standard": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"standard\"." + "conditions": "variant=\"standard\"" }, "woven": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"woven\"." + "conditions": "variant=\"woven\"" } } } diff --git a/docs/translations/api-docs/image-list/image-list.json b/docs/translations/api-docs/image-list/image-list.json index 08b5aa9812dddd..ea2b84f8943c6d 100644 --- a/docs/translations/api-docs/image-list/image-list.json +++ b/docs/translations/api-docs/image-list/image-list.json @@ -10,26 +10,26 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "masonry": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"masonry\"." + "conditions": "variant=\"masonry\"" }, "quilted": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"quilted\"." + "conditions": "variant=\"quilted\"" }, "standard": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"standard\"." + "conditions": "variant=\"standard\"" }, "woven": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"woven\"." + "conditions": "variant=\"woven\"" } } } diff --git a/docs/translations/api-docs/input-adornment/input-adornment.json b/docs/translations/api-docs/input-adornment/input-adornment.json index c4a0faa0f95895..f26551a5a7af39 100644 --- a/docs/translations/api-docs/input-adornment/input-adornment.json +++ b/docs/translations/api-docs/input-adornment/input-adornment.json @@ -10,26 +10,26 @@ "variant": "The variant to use. Note: If you are using the TextField component or the FormControl component you do not have to set this manually." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "filled": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"filled\"." + "conditions": "variant=\"filled\"" }, "positionStart": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "position=\"start\"." + "conditions": "position=\"start\"" }, "positionEnd": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "position=\"end\"." + "conditions": "position=\"end\"" }, "disablePointerEvents": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "disablePointerEvents={true}." + "conditions": "disablePointerEvents={true}" }, "hiddenLabel": { "description": "Styles applied if the adornment is used inside ." diff --git a/docs/translations/api-docs/input-base/input-base.json b/docs/translations/api-docs/input-base/input-base.json index 3672a503284576..ec2806991ebb69 100644 --- a/docs/translations/api-docs/input-base/input-base.json +++ b/docs/translations/api-docs/input-base/input-base.json @@ -31,85 +31,92 @@ "value": "The value of the input element, required for a controlled component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "formControl": { - "description": "{{stylesApplied}} if the component is a descendant of `FormControl`.", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "the component is a descendant of FormControl" }, "focused": { - "description": "{{stylesApplied}} if the component is focused.", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "the component is focused" }, "disabled": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "disabled={true}." + "conditions": "disabled={true}" }, "adornedStart": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "startAdornment is provided." + "conditions": "startAdornment is provided" }, "adornedEnd": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "endAdornment is provided." + "conditions": "endAdornment is provided" + }, + "error": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "error={true}" }, - "error": { "description": "Pseudo-class applied to the root element if `error={true}`." }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, "multiline": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "multiline={true}." + "conditions": "multiline={true}" }, "colorSecondary": { - "description": "{{stylesApplied}} if the color is secondary.", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "the color is secondary" }, "fullWidth": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "fullWidth={true}." + "conditions": "fullWidth={true}" }, "hiddenLabel": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "hiddenLabel={true}." + "conditions": "hiddenLabel={true}" }, - "input": { "description": "{{stylesApplied}}.", "nodeName": "input element" }, + "input": { "description": "{{stylesApplied}}", "nodeName": "input element" }, "inputSizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, "inputMultiline": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "multiline={true}." + "conditions": "multiline={true}" }, "inputTypeSearch": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "type=\"search\"." + "conditions": "type=\"search\"" }, "inputAdornedStart": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "startAdornment is provided." + "conditions": "startAdornment is provided" }, "inputAdornedEnd": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "endAdornment is provided." + "conditions": "endAdornment is provided" }, "inputHiddenLabel": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "hiddenLabel={true}." + "conditions": "hiddenLabel={true}" } } } diff --git a/docs/translations/api-docs/input-label/input-label.json b/docs/translations/api-docs/input-label/input-label.json index ec1fcef02c92b7..3b5d95994fe531 100644 --- a/docs/translations/api-docs/input-label/input-label.json +++ b/docs/translations/api-docs/input-label/input-label.json @@ -14,40 +14,57 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, - "focused": { "description": "Pseudo-class applied to the root element if `focused={true}`." }, - "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, - "error": { "description": "Pseudo-class applied to the root element if `error={true}`." }, - "required": { "description": "Pseudo-class applied to the root element if `required={true}`." }, - "asterisk": { "description": "Pseudo-class applied to the asterisk element." }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "focused": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "focused={true}" + }, + "disabled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}" + }, + "error": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "error={true}" + }, + "required": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "required={true}" + }, + "asterisk": { "description": "{{pseudoClassApplied}}", "nodeName": "asterisk element" }, "formControl": { - "description": "{{stylesApplied}} if the component is a descendant of `FormControl`.", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "the component is a descendant of FormControl" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, "shrink": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "shrink={true}." + "conditions": "shrink={true}" }, "animated": { "description": "{{stylesApplied}} unless {{conditions}}.", "nodeName": "input element", - "conditions": "disableAnimation={true}." + "conditions": "disableAnimation={true}" }, "filled": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"filled\"." + "conditions": "variant=\"filled\"" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"outlined\"." + "conditions": "variant=\"outlined\"" } } } diff --git a/docs/translations/api-docs/input/input.json b/docs/translations/api-docs/input/input.json index 18002c99d0a634..0ae045059c5ba2 100644 --- a/docs/translations/api-docs/input/input.json +++ b/docs/translations/api-docs/input/input.json @@ -30,60 +30,67 @@ "value": "The value of the input element, required for a controlled component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "formControl": { - "description": "{{stylesApplied}} if the component is a descendant of `FormControl`.", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "the component is a descendant of FormControl" }, "focused": { - "description": "{{stylesApplied}} if the component is focused.", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "the component is focused" }, "disabled": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "disabled={true}." + "conditions": "disabled={true}" }, "colorSecondary": { - "description": "{{stylesApplied}} if color secondary.", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color secondary" }, "underline": { "description": "{{stylesApplied}} unless {{conditions}}.", "nodeName": "root element", - "conditions": "disableUnderline={true}." + "conditions": "disableUnderline={true}" + }, + "error": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "error={true}" }, - "error": { "description": "Pseudo-class applied to the root element if `error={true}`." }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, "multiline": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "multiline={true}." + "conditions": "multiline={true}" }, "fullWidth": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "fullWidth={true}." + "conditions": "fullWidth={true}" }, - "input": { "description": "{{stylesApplied}}.", "nodeName": "input element" }, + "input": { "description": "{{stylesApplied}}", "nodeName": "input element" }, "inputSizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, "inputMultiline": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "multiline={true}." + "conditions": "multiline={true}" }, "inputTypeSearch": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "type=\"search\"." + "conditions": "type=\"search\"" } } } diff --git a/docs/translations/api-docs/linear-progress/linear-progress.json b/docs/translations/api-docs/linear-progress/linear-progress.json index 34fb4da027d80c..7b9ae2153a81bb 100644 --- a/docs/translations/api-docs/linear-progress/linear-progress.json +++ b/docs/translations/api-docs/linear-progress/linear-progress.json @@ -8,87 +8,87 @@ "variant": "The variant to use. Use indeterminate or query when there is no progress value." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root and bar2 element", - "conditions": "color=\"primary\"; bar2 if variant=\"buffer\"." + "conditions": "color=\"primary\"; bar2 if variant=\"buffer\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root and bar2 elements", - "conditions": "color=\"secondary\"; bar2 if variant=\"buffer\"." + "conditions": "color=\"secondary\"; bar2 if variant=\"buffer\"" }, "determinate": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"determinate\"." + "conditions": "variant=\"determinate\"" }, "indeterminate": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"indeterminate\"." + "conditions": "variant=\"indeterminate\"" }, "buffer": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"buffer\"." + "conditions": "variant=\"buffer\"" }, "query": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"query\"." + "conditions": "variant=\"query\"" }, "dashed": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "additional bar element", - "conditions": "variant=\"buffer\"." + "conditions": "variant=\"buffer\"" }, "dashedColorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "additional bar element", - "conditions": "variant=\"buffer\" and color=\"primary\"." + "conditions": "variant=\"buffer\" and color=\"primary\"" }, "dashedColorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "additional bar element", - "conditions": "variant=\"buffer\" and color=\"secondary\"." + "conditions": "variant=\"buffer\" and color=\"secondary\"" }, - "bar": { "description": "{{stylesApplied}}.", "nodeName": "layered bar1 and bar2 elements" }, + "bar": { "description": "{{stylesApplied}}", "nodeName": "layered bar1 and bar2 elements" }, "barColorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "bar elements", - "conditions": "color=\"primary\"; bar2 if variant not \"buffer\"." + "conditions": "color=\"primary\"; bar2 if variant not \"buffer\"" }, "barColorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "bar elements", - "conditions": "color=\"secondary\"; bar2 if variant not \"buffer\"." + "conditions": "color=\"secondary\"; bar2 if variant not \"buffer\"" }, "bar1Indeterminate": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "bar1 element", - "conditions": "variant=\"indeterminate or query\"." + "conditions": "variant=\"indeterminate or query\"" }, "bar1Determinate": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "bar1 element", - "conditions": "variant=\"determinate\"." + "conditions": "variant=\"determinate\"" }, "bar1Buffer": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "bar1 element", - "conditions": "variant=\"buffer\"." + "conditions": "variant=\"buffer\"" }, "bar2Indeterminate": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "bar2 element", - "conditions": "variant=\"indeterminate or query\"." + "conditions": "variant=\"indeterminate or query\"" }, "bar2Buffer": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "bar2 element", - "conditions": "variant=\"buffer\"." + "conditions": "variant=\"buffer\"" } } } diff --git a/docs/translations/api-docs/link/link.json b/docs/translations/api-docs/link/link.json index 26d1dad3d07d92..8314c3d841204d 100644 --- a/docs/translations/api-docs/link/link.json +++ b/docs/translations/api-docs/link/link.json @@ -10,29 +10,31 @@ "variant": "Applies the theme typography styles." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "underlineNone": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "underline=\"none\"." + "conditions": "underline=\"none\"" }, "underlineHover": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "underline=\"hover\"." + "conditions": "underline=\"hover\"" }, "underlineAlways": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "underline=\"always\"." + "conditions": "underline=\"always\"" }, "button": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "component=\"button\"." + "conditions": "component=\"button\"" }, "focusVisible": { - "description": "Pseudo-class applied to the root element if the link is keyboard focused." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "the link is keyboard focused" } } } diff --git a/docs/translations/api-docs/list-item-avatar/list-item-avatar.json b/docs/translations/api-docs/list-item-avatar/list-item-avatar.json index 91f149972457c8..0ff4d6421878e6 100644 --- a/docs/translations/api-docs/list-item-avatar/list-item-avatar.json +++ b/docs/translations/api-docs/list-item-avatar/list-item-avatar.json @@ -5,9 +5,9 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "alignItemsFlexStart": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "root element when the parent `ListItem` uses `alignItems=\"flex-start\"`" } } diff --git a/docs/translations/api-docs/list-item-icon/list-item-icon.json b/docs/translations/api-docs/list-item-icon/list-item-icon.json index fac146292aba13..2e472318fcc8c8 100644 --- a/docs/translations/api-docs/list-item-icon/list-item-icon.json +++ b/docs/translations/api-docs/list-item-icon/list-item-icon.json @@ -5,9 +5,9 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "alignItemsFlexStart": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "root element when the parent `ListItem` uses `alignItems=\"flex-start\"`" } } diff --git a/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json b/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json index 847e41c24baa1e..88188434fdbdaf 100644 --- a/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json +++ b/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json @@ -5,9 +5,9 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "disableGutters": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "root element when the parent `ListItem` has `disableGutters={true}`" } } diff --git a/docs/translations/api-docs/list-item-text/list-item-text.json b/docs/translations/api-docs/list-item-text/list-item-text.json index feb4a933f40a3b..1a3cb86f0bb45c 100644 --- a/docs/translations/api-docs/list-item-text/list-item-text.json +++ b/docs/translations/api-docs/list-item-text/list-item-text.json @@ -11,23 +11,25 @@ "secondaryTypographyProps": "These props will be forwarded to the secondary typography component (as long as disableTypography is not true)." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "multiline": { - "description": "{{stylesApplied}} if primary and secondary are set.", - "nodeName": "Typography component" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Typography component", + "conditions": "primary and secondary are set" + }, + "dense": { + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "Typography component", + "conditions": "dense" }, - "dense": { "description": "{{stylesApplied}} if dense.", "nodeName": "Typography component" }, "inset": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "inset={true}." - }, - "primary": { - "description": "{{stylesApplied}}.", - "nodeName": "primary `Typography` component" + "conditions": "inset={true}" }, + "primary": { "description": "{{stylesApplied}}", "nodeName": "primary `Typography` component" }, "secondary": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "secondary `Typography` component" } } diff --git a/docs/translations/api-docs/list-item/list-item.json b/docs/translations/api-docs/list-item/list-item.json index 65be2d75217efb..418447a40e46fd 100644 --- a/docs/translations/api-docs/list-item/list-item.json +++ b/docs/translations/api-docs/list-item/list-item.json @@ -17,46 +17,58 @@ }, "classDescriptions": { "root": { - "description": "{{stylesApplied}}. May be wrapped by a `container`.", + "description": "{{stylesApplied}} May be wrapped by a `container`.", "nodeName": "(normally root) `component` element" }, "container": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "container element", - "conditions": "children includes ListItemSecondaryAction." + "conditions": "children includes ListItemSecondaryAction" }, "focusVisible": { - "description": "Pseudo-class applied to the `component`'s `focusVisibleClassName` prop if `button={true}`." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "`component`'s `focusVisibleClassName` prop", + "conditions": "button={true}" + }, + "dense": { + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "component element", + "conditions": "dense" }, - "dense": { "description": "{{stylesApplied}} if dense.", "nodeName": "component element" }, "alignItemsFlexStart": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "component element", - "conditions": "alignItems=\"flex-start\"." + "conditions": "alignItems=\"flex-start\"" }, "disabled": { - "description": "Pseudo-class applied to the inner `component` element if `disabled={true}`." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "inner `component` element", + "conditions": "disabled={true}" }, "divider": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "inner `component` element", - "conditions": "divider={true}." + "conditions": "divider={true}" }, "gutters": { "description": "{{stylesApplied}} unless {{conditions}}.", "nodeName": "inner `component` element", - "conditions": "disableGutters={true}." + "conditions": "disableGutters={true}" }, "button": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "inner `component` element", - "conditions": "button={true}." + "conditions": "button={true}" }, "secondaryAction": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "component element", - "conditions": "children includes ListItemSecondaryAction." + "conditions": "children includes ListItemSecondaryAction" }, - "selected": { "description": "Pseudo-class applied to the root element if `selected={true}`." } + "selected": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "selected={true}" + } } } diff --git a/docs/translations/api-docs/list-subheader/list-subheader.json b/docs/translations/api-docs/list-subheader/list-subheader.json index 2cb0f6f87aa2f4..d8421070f66500 100644 --- a/docs/translations/api-docs/list-subheader/list-subheader.json +++ b/docs/translations/api-docs/list-subheader/list-subheader.json @@ -10,31 +10,31 @@ "inset": "If true, the List Subheader is indented." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"primary\"." + "conditions": "color=\"primary\"" }, "colorInherit": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"inherit\"." + "conditions": "color=\"inherit\"" }, "gutters": { "description": "{{stylesApplied}} unless {{conditions}}.", "nodeName": "inner `component` element", - "conditions": "disableGutters={true}." + "conditions": "disableGutters={true}" }, "inset": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "inset={true}." + "conditions": "inset={true}" }, "sticky": { "description": "{{stylesApplied}} unless {{conditions}}.", "nodeName": "root element", - "conditions": "disableSticky={true}." + "conditions": "disableSticky={true}" } } } diff --git a/docs/translations/api-docs/list/list.json b/docs/translations/api-docs/list/list.json index d240a7d73497fe..be01165e975a77 100644 --- a/docs/translations/api-docs/list/list.json +++ b/docs/translations/api-docs/list/list.json @@ -9,16 +9,21 @@ "subheader": "The content of the subheader, normally ListSubheader." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "padding": { "description": "{{stylesApplied}} unless {{conditions}}.", "nodeName": "root element", - "conditions": "disablePadding={true}." + "conditions": "disablePadding={true}" + }, + "dense": { + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "dense" }, - "dense": { "description": "{{stylesApplied}} if dense.", "nodeName": "root element" }, "subheader": { - "description": "{{stylesApplied}} if a `subheader` is provided.", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "a subheader is provided" } } } diff --git a/docs/translations/api-docs/loading-button/loading-button.json b/docs/translations/api-docs/loading-button/loading-button.json index 5dfa4d4623af54..05a8a7bd0346f7 100644 --- a/docs/translations/api-docs/loading-button/loading-button.json +++ b/docs/translations/api-docs/loading-button/loading-button.json @@ -9,45 +9,45 @@ "pendingPosition": "The pending indicator can be positioned on the start, end, or the center of the button." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "pending": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "pending={true}." + "conditions": "pending={true}" }, "pendingIndicator": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "pendingIndicator element" }, "pendingIndicatorCenter": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "pendingIndicator element", - "conditions": "pendingPosition=\"center\"." + "conditions": "pendingPosition=\"center\"" }, "pendingIndicatorStart": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "pendingIndicator element", - "conditions": "pendingPosition=\"start\"." + "conditions": "pendingPosition=\"start\"" }, "pendingIndicatorEnd": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "pendingIndicator element", - "conditions": "pendingPosition=\"end\"." + "conditions": "pendingPosition=\"end\"" }, "endIconPendingEnd": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "endIcon element", - "conditions": "pending={true} and pendingPosition=\"end\"." + "conditions": "pending={true} and pendingPosition=\"end\"" }, "startIconPendingStart": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "startIcon element", - "conditions": "pending={true} and pendingPosition=\"start\"." + "conditions": "pending={true} and pendingPosition=\"start\"" }, "labelPendingCenter": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "label element", - "conditions": "pending={true} and pendingPosition=\"center\"." + "conditions": "pending={true} and pendingPosition=\"center\"" } } } diff --git a/docs/translations/api-docs/menu-item/menu-item.json b/docs/translations/api-docs/menu-item/menu-item.json index ef5a78e54ae078..af07cbcbe24d76 100644 --- a/docs/translations/api-docs/menu-item/menu-item.json +++ b/docs/translations/api-docs/menu-item/menu-item.json @@ -9,17 +9,21 @@ "ListItemClasses": "classes prop applied to the ListItem element." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "gutters": { "description": "{{stylesApplied}} unless {{conditions}}.", "nodeName": "root element", - "conditions": "disableGutters={true}." + "conditions": "disableGutters={true}" }, "selected": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "selected={true}." + "conditions": "selected={true}" }, - "dense": { "description": "{{stylesApplied}} if dense.", "nodeName": "root element" } + "dense": { + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "dense" + } } } diff --git a/docs/translations/api-docs/menu/menu.json b/docs/translations/api-docs/menu/menu.json index 09e98f47e95191..e1c92cd2f245fe 100644 --- a/docs/translations/api-docs/menu/menu.json +++ b/docs/translations/api-docs/menu/menu.json @@ -15,7 +15,7 @@ "variant": "The variant to use. Use menu to prevent selected items from impacting the initial focus and the vertical alignment relative to the anchor element." }, "classDescriptions": { - "paper": { "description": "{{stylesApplied}}.", "nodeName": "Paper component" }, - "list": { "description": "{{stylesApplied}}.", "nodeName": "List component via `MenuList`" } + "paper": { "description": "{{stylesApplied}}", "nodeName": "Paper component" }, + "list": { "description": "{{stylesApplied}}", "nodeName": "List component via `MenuList`" } } } diff --git a/docs/translations/api-docs/mobile-stepper/mobile-stepper.json b/docs/translations/api-docs/mobile-stepper/mobile-stepper.json index 66391b503d8dcc..71806a1be762d5 100644 --- a/docs/translations/api-docs/mobile-stepper/mobile-stepper.json +++ b/docs/translations/api-docs/mobile-stepper/mobile-stepper.json @@ -11,26 +11,26 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "positionBottom": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "position=\"bottom\"." + "conditions": "position=\"bottom\"" }, "positionTop": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "position=\"top\"." + "conditions": "position=\"top\"" }, "positionStatic": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "position=\"static\"." + "conditions": "position=\"static\"" }, "dots": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "dots container", - "conditions": "variant=\"dots\"." + "conditions": "variant=\"dots\"" }, "dot": { "description": "Styles applied to each dot if `variant=\"dots\"`." }, "dotActive": { @@ -39,7 +39,7 @@ "progress": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Linear Progress component", - "conditions": "variant=\"progress\"." + "conditions": "variant=\"progress\"" } } } diff --git a/docs/translations/api-docs/native-select/native-select.json b/docs/translations/api-docs/native-select/native-select.json index dc45b8da0b404f..9bd7b190d76fd4 100644 --- a/docs/translations/api-docs/native-select/native-select.json +++ b/docs/translations/api-docs/native-select/native-select.json @@ -11,43 +11,44 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "select component `root` class" }, - "select": { - "description": "{{stylesApplied}}.", - "nodeName": "select component `select` class" - }, + "root": { "description": "{{stylesApplied}}", "nodeName": "select component `root` class" }, + "select": { "description": "{{stylesApplied}}", "nodeName": "select component `select` class" }, "filled": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "select component", - "conditions": "variant=\"filled\"." + "conditions": "variant=\"filled\"" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "select component", - "conditions": "variant=\"outlined\"." + "conditions": "variant=\"outlined\"" }, "selectMenu": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "select component `selectMenu` class" }, - "disabled": { "description": "Pseudo-class applied to the select component `disabled` class." }, - "icon": { "description": "{{stylesApplied}}.", "nodeName": "icon component" }, + "disabled": { + "description": "{{pseudoClassApplied}}", + "nodeName": "select component `disabled` class" + }, + "icon": { "description": "{{stylesApplied}}", "nodeName": "icon component" }, "iconOpen": { - "description": "{{stylesApplied}} if the popup is open.", - "nodeName": "icon component" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "icon component", + "conditions": "the popup is open" }, "iconFilled": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "icon component", - "conditions": "variant=\"filled\"." + "conditions": "variant=\"filled\"" }, "iconOutlined": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "icon component", - "conditions": "variant=\"outlined\"." + "conditions": "variant=\"outlined\"" }, "nativeInput": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "underlying native input component" } } diff --git a/docs/translations/api-docs/outlined-input/outlined-input.json b/docs/translations/api-docs/outlined-input/outlined-input.json index 23c51eb89de6a1..d2293d1e4b41b6 100644 --- a/docs/translations/api-docs/outlined-input/outlined-input.json +++ b/docs/translations/api-docs/outlined-input/outlined-input.json @@ -32,62 +32,68 @@ "value": "The value of the input element, required for a controlled component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "colorSecondary": { - "description": "{{stylesApplied}} if the color is secondary.", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "the color is secondary" }, "focused": { - "description": "{{stylesApplied}} if the component is focused.", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "the component is focused" }, "disabled": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "disabled={true}." + "conditions": "disabled={true}" }, "adornedStart": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "startAdornment is provided." + "conditions": "startAdornment is provided" }, "adornedEnd": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "endAdornment is provided." + "conditions": "endAdornment is provided" + }, + "error": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "error={true}" }, - "error": { "description": "Pseudo-class applied to the root element if `error={true}`." }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, "multiline": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "multiline={true}." + "conditions": "multiline={true}" }, - "notchedOutline": { "description": "{{stylesApplied}}.", "nodeName": "NotchedOutline element" }, - "input": { "description": "{{stylesApplied}}.", "nodeName": "input element" }, + "notchedOutline": { "description": "{{stylesApplied}}", "nodeName": "NotchedOutline element" }, + "input": { "description": "{{stylesApplied}}", "nodeName": "input element" }, "inputSizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, "inputMultiline": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "multiline={true}." + "conditions": "multiline={true}" }, "inputAdornedStart": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "startAdornment is provided." + "conditions": "startAdornment is provided" }, "inputAdornedEnd": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "input element", - "conditions": "endAdornment is provided." + "conditions": "endAdornment is provided" } } } diff --git a/docs/translations/api-docs/pagination-item/pagination-item.json b/docs/translations/api-docs/pagination-item/pagination-item.json index 1582b5eef3d682..b1696566be1ad4 100644 --- a/docs/translations/api-docs/pagination-item/pagination-item.json +++ b/docs/translations/api-docs/pagination-item/pagination-item.json @@ -13,11 +13,11 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "page": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "type=\"page\"." + "conditions": "type=\"page\"" }, "sizeSmall": { "description": "Styles applied applied to the root element if `size=\"small\"`." @@ -28,48 +28,58 @@ "text": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"text\"." + "conditions": "variant=\"text\"" }, "textPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"text\" and color=\"primary\"." + "conditions": "variant=\"text\" and color=\"primary\"" }, "textSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"text\" and color=\"secondary\"." + "conditions": "variant=\"text\" and color=\"secondary\"" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"outlined\"." + "conditions": "variant=\"outlined\"" }, "outlinedPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"outlined\" and color=\"primary\"." + "conditions": "variant=\"outlined\" and color=\"primary\"" }, "outlinedSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"outlined\" and color=\"secondary\"." + "conditions": "variant=\"outlined\" and color=\"secondary\"" }, "rounded": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "rounded=\"true\"." + "conditions": "rounded=\"true\"" }, "ellipsis": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "type=\"start-ellipsis\" or type=\"end-ellipsis\"." + "conditions": "type=\"start-ellipsis\" or type=\"end-ellipsis\"" }, "focusVisible": { - "description": "Pseudo-class applied to the root element if keyboard focused." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "keyboard focused" + }, + "disabled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}" + }, + "selected": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "selected={true}" }, - "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, - "selected": { "description": "Pseudo-class applied to the root element if `selected={true}`." }, "icon": { "description": "Styles applied to tThe icon to display." } } } diff --git a/docs/translations/api-docs/pagination/pagination.json b/docs/translations/api-docs/pagination/pagination.json index 694ebc965306b9..561eecb40c7c5d 100644 --- a/docs/translations/api-docs/pagination/pagination.json +++ b/docs/translations/api-docs/pagination/pagination.json @@ -21,17 +21,17 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, - "ul": { "description": "{{stylesApplied}}.", "nodeName": "ul element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "ul": { "description": "{{stylesApplied}}", "nodeName": "ul element" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"outlined\"." + "conditions": "variant=\"outlined\"" }, "text": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"text\"." + "conditions": "variant=\"text\"" } } } diff --git a/docs/translations/api-docs/paper/paper.json b/docs/translations/api-docs/paper/paper.json index ff34c709491e83..116bb635765050 100644 --- a/docs/translations/api-docs/paper/paper.json +++ b/docs/translations/api-docs/paper/paper.json @@ -9,21 +9,21 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "rounded": { "description": "{{stylesApplied}} unless {{conditions}}.", "nodeName": "root element", - "conditions": "square={true}." + "conditions": "square={true}" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"outlined\"." + "conditions": "variant=\"outlined\"" }, "elevation": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"elevation\"." + "conditions": "variant=\"elevation\"" } } } diff --git a/docs/translations/api-docs/popover/popover.json b/docs/translations/api-docs/popover/popover.json index 54c516eb383e9d..87f8dfc4345a4c 100644 --- a/docs/translations/api-docs/popover/popover.json +++ b/docs/translations/api-docs/popover/popover.json @@ -21,7 +21,7 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, - "paper": { "description": "{{stylesApplied}}.", "nodeName": "Paper component" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "paper": { "description": "{{stylesApplied}}", "nodeName": "Paper component" } } } diff --git a/docs/translations/api-docs/radio/radio.json b/docs/translations/api-docs/radio/radio.json index 744e9aa8a811d0..0d3fcd2d3a952e 100644 --- a/docs/translations/api-docs/radio/radio.json +++ b/docs/translations/api-docs/radio/radio.json @@ -18,18 +18,26 @@ "value": "The value of the component. The DOM API casts this to a string." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, - "checked": { "description": "Pseudo-class applied to the root element if `checked={true}`." }, - "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "checked": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "checked={true}" + }, + "disabled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}" + }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"primary\"." + "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"secondary\"." + "conditions": "color=\"secondary\"" } } } diff --git a/docs/translations/api-docs/rating/rating.json b/docs/translations/api-docs/rating/rating.json index 9d01a8423819be..d86413f47bc594 100644 --- a/docs/translations/api-docs/rating/rating.json +++ b/docs/translations/api-docs/rating/rating.json @@ -19,55 +19,61 @@ "value": "The rating value." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, "sizeLarge": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"large\"." + "conditions": "size=\"large\"" }, "readOnly": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "readOnly={true}." + "conditions": "readOnly={true}" + }, + "disabled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}" }, - "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, "focusVisible": { - "description": "Pseudo-class applied to the root element if keyboard focused." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "keyboard focused" }, "visuallyHidden": { "description": "Visually hide an element." }, - "label": { "description": "{{stylesApplied}}.", "nodeName": "label elements" }, + "label": { "description": "{{stylesApplied}}", "nodeName": "label elements" }, "labelEmptyValueActive": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "label of the \"no value\" input when it is active" }, - "icon": { "description": "{{stylesApplied}}.", "nodeName": "icon wrapping elements" }, + "icon": { "description": "{{stylesApplied}}", "nodeName": "icon wrapping elements" }, "iconEmpty": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "icon wrapping elements when empty" }, "iconFilled": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "icon wrapping elements when filled" }, "iconHover": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "icon wrapping elements when hover" }, "iconFocus": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "icon wrapping elements when focus" }, "iconActive": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "icon wrapping elements when active" }, "decimal": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "icon wrapping elements when decimals are necessary" } } diff --git a/docs/translations/api-docs/scoped-css-baseline/scoped-css-baseline.json b/docs/translations/api-docs/scoped-css-baseline/scoped-css-baseline.json index 4355e0942728d6..00156cbab4aef5 100644 --- a/docs/translations/api-docs/scoped-css-baseline/scoped-css-baseline.json +++ b/docs/translations/api-docs/scoped-css-baseline/scoped-css-baseline.json @@ -5,6 +5,6 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } } } diff --git a/docs/translations/api-docs/select/select.json b/docs/translations/api-docs/select/select.json index 68d9e7e3811f58..540cf5700f38fe 100644 --- a/docs/translations/api-docs/select/select.json +++ b/docs/translations/api-docs/select/select.json @@ -26,43 +26,44 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "select component `root` class" }, - "select": { - "description": "{{stylesApplied}}.", - "nodeName": "select component `select` class" - }, + "root": { "description": "{{stylesApplied}}", "nodeName": "select component `root` class" }, + "select": { "description": "{{stylesApplied}}", "nodeName": "select component `select` class" }, "filled": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "select component", - "conditions": "variant=\"filled\"." + "conditions": "variant=\"filled\"" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "select component", - "conditions": "variant=\"outlined\"." + "conditions": "variant=\"outlined\"" }, "selectMenu": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "select component `selectMenu` class" }, - "disabled": { "description": "Pseudo-class applied to the select component `disabled` class." }, - "icon": { "description": "{{stylesApplied}}.", "nodeName": "icon component" }, + "disabled": { + "description": "{{pseudoClassApplied}}", + "nodeName": "select component `disabled` class" + }, + "icon": { "description": "{{stylesApplied}}", "nodeName": "icon component" }, "iconOpen": { - "description": "{{stylesApplied}} if the popup is open.", - "nodeName": "icon component" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "icon component", + "conditions": "the popup is open" }, "iconFilled": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "icon component", - "conditions": "variant=\"filled\"." + "conditions": "variant=\"filled\"" }, "iconOutlined": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "icon component", - "conditions": "variant=\"outlined\"." + "conditions": "variant=\"outlined\"" }, "nativeInput": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "underlying native input component" } } diff --git a/docs/translations/api-docs/skeleton/skeleton.json b/docs/translations/api-docs/skeleton/skeleton.json index da2ac12007ac5e..695ee754b237d4 100644 --- a/docs/translations/api-docs/skeleton/skeleton.json +++ b/docs/translations/api-docs/skeleton/skeleton.json @@ -10,31 +10,31 @@ "width": "Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "text": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"text\"." + "conditions": "variant=\"text\"" }, "rectangular": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"rectangular\"." + "conditions": "variant=\"rectangular\"" }, "circular": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"circular\"." + "conditions": "variant=\"circular\"" }, "pulse": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "animation=\"pulse\"." + "conditions": "animation=\"pulse\"" }, "wave": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "animation=\"wave\"." + "conditions": "animation=\"wave\"" }, "withChildren": { "description": "Styles applied when the component is passed children." }, "fitContent": { diff --git a/docs/translations/api-docs/slider-unstyled/slider-unstyled.json b/docs/translations/api-docs/slider-unstyled/slider-unstyled.json index 627cccc730e170..57d155f8a42fef 100644 --- a/docs/translations/api-docs/slider-unstyled/slider-unstyled.json +++ b/docs/translations/api-docs/slider-unstyled/slider-unstyled.json @@ -36,7 +36,9 @@ "description": "Class name applied to the root element if `orientation=\"vertical\"`." }, "disabled": { - "description": "Pseudo-class applied to the root and thumb element if `disabled={true}`." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root and thumb element", + "conditions": "disabled={true}" }, "rail": { "description": "Class name applied to the rail element." }, "track": { "description": "Class name applied to the track element." }, @@ -45,9 +47,15 @@ "description": "Class name applied to the track element if `track=\"inverted\"`." }, "thumb": { "description": "Class name applied to the thumb element." }, - "active": { "description": "Pseudo-class applied to the thumb element if it's active." }, + "active": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "thumb element", + "conditions": "it's active" + }, "focusVisible": { - "description": "Pseudo-class applied to the thumb element if keyboard focused." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "thumb element", + "conditions": "keyboard focused" }, "valueLabel": { "description": "Class name applied to the thumb label element." }, "mark": { "description": "Class name applied to the mark element." }, diff --git a/docs/translations/api-docs/slider/slider.json b/docs/translations/api-docs/slider/slider.json index 4ad3863a29d96d..8814585d68a49c 100644 --- a/docs/translations/api-docs/slider/slider.json +++ b/docs/translations/api-docs/slider/slider.json @@ -38,7 +38,9 @@ "description": "Class name applied to the root element if `orientation=\"vertical\"`." }, "disabled": { - "description": "Pseudo-class applied to the root and thumb element if `disabled={true}`." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root and thumb element", + "conditions": "disabled={true}" }, "rail": { "description": "Class name applied to the rail element." }, "track": { "description": "Class name applied to the track element." }, @@ -47,9 +49,15 @@ "description": "Class name applied to the track element if `track=\"inverted\"`." }, "thumb": { "description": "Class name applied to the thumb element." }, - "active": { "description": "Pseudo-class applied to the thumb element if it's active." }, + "active": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "thumb element", + "conditions": "it's active" + }, "focusVisible": { - "description": "Pseudo-class applied to the thumb element if keyboard focused." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "thumb element", + "conditions": "keyboard focused" }, "valueLabel": { "description": "Class name applied to the thumb label element." }, "mark": { "description": "Class name applied to the mark element." }, diff --git a/docs/translations/api-docs/snackbar-content/snackbar-content.json b/docs/translations/api-docs/snackbar-content/snackbar-content.json index 562673adde3db8..61b9d42d6789d9 100644 --- a/docs/translations/api-docs/snackbar-content/snackbar-content.json +++ b/docs/translations/api-docs/snackbar-content/snackbar-content.json @@ -7,12 +7,12 @@ "role": "The ARIA role attribute of the element." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, - "message": { "description": "{{stylesApplied}}.", "nodeName": "message wrapper element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "message": { "description": "{{stylesApplied}}", "nodeName": "message wrapper element" }, "action": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "action wrapper element", - "conditions": "action is provided." + "conditions": "action is provided" } } } diff --git a/docs/translations/api-docs/snackbar/snackbar.json b/docs/translations/api-docs/snackbar/snackbar.json index be7c8ad1196f56..833f0395f5e494 100644 --- a/docs/translations/api-docs/snackbar/snackbar.json +++ b/docs/translations/api-docs/snackbar/snackbar.json @@ -19,36 +19,36 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "anchorOriginTopCenter": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "anchorOrigin={{ 'top', 'center' }}." + "conditions": "anchorOrigin={{ 'top', 'center' }}" }, "anchorOriginBottomCenter": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "anchorOrigin={{ 'bottom', 'center' }}." + "conditions": "anchorOrigin={{ 'bottom', 'center' }}" }, "anchorOriginTopRight": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "anchorOrigin={{ 'top', 'right' }}." + "conditions": "anchorOrigin={{ 'top', 'right' }}" }, "anchorOriginBottomRight": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "anchorOrigin={{ 'bottom', 'right' }}." + "conditions": "anchorOrigin={{ 'bottom', 'right' }}" }, "anchorOriginTopLeft": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "anchorOrigin={{ 'top', 'left' }}." + "conditions": "anchorOrigin={{ 'top', 'left' }}" }, "anchorOriginBottomLeft": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "anchorOrigin={{ 'bottom', 'left' }}." + "conditions": "anchorOrigin={{ 'bottom', 'left' }}" } } } diff --git a/docs/translations/api-docs/speed-dial-action/speed-dial-action.json b/docs/translations/api-docs/speed-dial-action/speed-dial-action.json index 069cf74473154b..9b30688cdc2022 100644 --- a/docs/translations/api-docs/speed-dial-action/speed-dial-action.json +++ b/docs/translations/api-docs/speed-dial-action/speed-dial-action.json @@ -13,36 +13,32 @@ "tooltipTitle": "Label to display in the tooltip." }, "classDescriptions": { - "fab": { "description": "{{stylesApplied}}.", "nodeName": "Fab component" }, + "fab": { "description": "{{stylesApplied}}", "nodeName": "Fab component" }, "fabClosed": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Fab component", - "conditions": "open={false}." + "conditions": "open={false}" }, "staticTooltip": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "tooltipOpen={true}." + "conditions": "tooltipOpen={true}" }, "staticTooltipClosed": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "tooltipOpen={true} and open={false}." + "conditions": "tooltipOpen={true} and open={false}" }, "staticTooltipLabel": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "static tooltip label", - "conditions": "tooltipOpen={true}." + "conditions": "tooltipOpen={true}" }, "tooltipPlacementLeft": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root", - "conditions": "tooltipOpen={true} and tooltipPlacement=\"left\"`" + "description": "Styles applied to the root if `tooltipOpen={true}` and `tooltipPlacement=\"left\"``" }, "tooltipPlacementRight": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root", - "conditions": "tooltipOpen={true} and tooltipPlacement=\"right\"`" + "description": "Styles applied to the root if `tooltipOpen={true}` and `tooltipPlacement=\"right\"``" } } } diff --git a/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json b/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json index 4347a45b767176..c8b0a66bd59db0 100644 --- a/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json +++ b/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json @@ -6,22 +6,27 @@ "openIcon": "The icon to display in the SpeedDial Floating Action Button when the SpeedDial is open." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, - "icon": { "description": "{{stylesApplied}}.", "nodeName": "icon component" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "icon": { "description": "{{stylesApplied}}", "nodeName": "icon component" }, "iconOpen": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "icon component", - "conditions": "open={true}." + "conditions": "open={true}" }, "iconWithOpenIconOpen": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "icon when an `openIcon` is provided and", - "conditions": "open={true}." + "conditions": "open={true}" + }, + "openIcon": { + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "`openIcon`", + "conditions": "provided" }, - "openIcon": { "description": "{{stylesApplied}} if provided.", "nodeName": "`openIcon`" }, "openIconOpen": { - "description": "{{stylesApplied}} if provided and if `open={true}`.", - "nodeName": "`openIcon`" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "`openIcon`", + "conditions": "provided and if open={true}" } } } diff --git a/docs/translations/api-docs/speed-dial/speed-dial.json b/docs/translations/api-docs/speed-dial/speed-dial.json index ce7d8067909c3a..303f0fb69054a6 100644 --- a/docs/translations/api-docs/speed-dial/speed-dial.json +++ b/docs/translations/api-docs/speed-dial/speed-dial.json @@ -17,29 +17,20 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, - "fab": { "description": "{{stylesApplied}}.", "nodeName": "Fab component" }, - "directionUp": { "description": "{{stylesApplied}} if direction=\"up\"", "nodeName": "root" }, - "directionDown": { - "description": "{{stylesApplied}} if direction=\"down\"", - "nodeName": "root" - }, - "directionLeft": { - "description": "{{stylesApplied}} if direction=\"left\"", - "nodeName": "root" - }, - "directionRight": { - "description": "{{stylesApplied}} if direction=\"right\"", - "nodeName": "root" - }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "fab": { "description": "{{stylesApplied}}", "nodeName": "Fab component" }, + "directionUp": { "description": "Styles applied to the root if direction=\"up\"" }, + "directionDown": { "description": "Styles applied to the root if direction=\"down\"" }, + "directionLeft": { "description": "Styles applied to the root if direction=\"left\"" }, + "directionRight": { "description": "Styles applied to the root if direction=\"right\"" }, "actions": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "actions (`children` wrapper) element" }, "actionsClosed": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "actions (`children` wrapper) element", - "conditions": "open={false}." + "conditions": "open={false}" } } } diff --git a/docs/translations/api-docs/step-button/step-button.json b/docs/translations/api-docs/step-button/step-button.json index 22d699c8f9aeb9..3259273251ad2c 100644 --- a/docs/translations/api-docs/step-button/step-button.json +++ b/docs/translations/api-docs/step-button/step-button.json @@ -7,17 +7,17 @@ "optional": "The optional node to display." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "horizontal": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "orientation=\"horizontal\"." + "conditions": "orientation=\"horizontal\"" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "orientation=\"vertical\"." + "conditions": "orientation=\"vertical\"" }, - "touchRipple": { "description": "{{stylesApplied}}.", "nodeName": "`ButtonBase` touch-ripple" } + "touchRipple": { "description": "{{stylesApplied}}", "nodeName": "`ButtonBase` touch-ripple" } } } diff --git a/docs/translations/api-docs/step-connector/step-connector.json b/docs/translations/api-docs/step-connector/step-connector.json index e6857d5f9443a9..e177afb0df4c1f 100644 --- a/docs/translations/api-docs/step-connector/step-connector.json +++ b/docs/translations/api-docs/step-connector/step-connector.json @@ -4,37 +4,47 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "horizontal": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "orientation=\"horizontal\"." + "conditions": "orientation=\"horizontal\"" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "orientation=\"vertical\"." + "conditions": "orientation=\"vertical\"" }, "alternativeLabel": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "alternativeLabel={true}." + "conditions": "alternativeLabel={true}" + }, + "active": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "active={true}" }, - "active": { "description": "Pseudo-class applied to the root element if `active={true}`." }, "completed": { - "description": "Pseudo-class applied to the root element if `completed={true}`." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "completed={true}" + }, + "disabled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}" }, - "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, - "line": { "description": "{{stylesApplied}}.", "nodeName": "line element" }, + "line": { "description": "{{stylesApplied}}", "nodeName": "line element" }, "lineHorizontal": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "orientation=\"horizontal\"." + "conditions": "orientation=\"horizontal\"" }, "lineVertical": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "orientation=\"vertical\"." + "conditions": "orientation=\"vertical\"" } } } diff --git a/docs/translations/api-docs/step-content/step-content.json b/docs/translations/api-docs/step-content/step-content.json index ee26841d606d31..bf501b9e526ccd 100644 --- a/docs/translations/api-docs/step-content/step-content.json +++ b/docs/translations/api-docs/step-content/step-content.json @@ -8,12 +8,12 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "last": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "last={true} (controlled by Step)." + "conditions": "last={true} (controlled by Step)" }, - "transition": { "description": "{{stylesApplied}}.", "nodeName": "Transition component" } + "transition": { "description": "{{stylesApplied}}", "nodeName": "Transition component" } } } diff --git a/docs/translations/api-docs/step-icon/step-icon.json b/docs/translations/api-docs/step-icon/step-icon.json index 9683d92f86ba3b..28ef6bf6bcc119 100644 --- a/docs/translations/api-docs/step-icon/step-icon.json +++ b/docs/translations/api-docs/step-icon/step-icon.json @@ -8,12 +8,22 @@ "icon": "The label displayed in the step icon." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, - "text": { "description": "{{stylesApplied}}.", "nodeName": "SVG text element" }, - "active": { "description": "Pseudo-class applied to the root element if `active={true}`." }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "text": { "description": "{{stylesApplied}}", "nodeName": "SVG text element" }, + "active": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "active={true}" + }, "completed": { - "description": "Pseudo-class applied to the root element if `completed={true}`." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "completed={true}" }, - "error": { "description": "Pseudo-class applied to the root element if `error={true}`." } + "error": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "error={true}" + } } } diff --git a/docs/translations/api-docs/step-label/step-label.json b/docs/translations/api-docs/step-label/step-label.json index 46baaa6d1a7fac..1760ea4d72c6e5 100644 --- a/docs/translations/api-docs/step-label/step-label.json +++ b/docs/translations/api-docs/step-label/step-label.json @@ -10,42 +10,49 @@ "StepIconProps": "Props applied to the StepIcon element." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "horizontal": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "orientation=\"horizontal\"." + "conditions": "orientation=\"horizontal\"" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "orientation=\"vertical\"." + "conditions": "orientation=\"vertical\"" }, "label": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "Typography component that wraps `children`" }, "active": { - "description": "Pseudo-class applied to the `Typography` component if `active={true}`." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "`Typography` component", + "conditions": "active={true}" }, "completed": { - "description": "Pseudo-class applied to the `Typography` component if `completed={true}`." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "`Typography` component", + "conditions": "completed={true}" }, "error": { - "description": "Pseudo-class applied to the root element and `Typography` component if `error={true}`." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element and `Typography` component", + "conditions": "error={true}" }, "disabled": { - "description": "Pseudo-class applied to the root element and `Typography` component if `disabled={true}`." - }, - "iconContainer": { - "description": "{{stylesApplied}}.", - "nodeName": "`icon` container element" + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element and `Typography` component", + "conditions": "disabled={true}" }, + "iconContainer": { "description": "{{stylesApplied}}", "nodeName": "`icon` container element" }, "alternativeLabel": { - "description": "Pseudo-class applied to the root and icon container and `Typography` if `alternativeLabel={true}`." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root and icon container and `Typography`", + "conditions": "alternativeLabel={true}" }, "labelContainer": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "container element which wraps `Typography` and `optional`" } } diff --git a/docs/translations/api-docs/step/step.json b/docs/translations/api-docs/step/step.json index 3e17b088bbc2d1..43da0e69e3f0dd 100644 --- a/docs/translations/api-docs/step/step.json +++ b/docs/translations/api-docs/step/step.json @@ -11,24 +11,26 @@ "last": "If true, the Step is displayed as rendered last. The prop defaults to the value inherited from the parent Stepper component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "horizontal": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "orientation=\"horizontal\"." + "conditions": "orientation=\"horizontal\"" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "orientation=\"vertical\"." + "conditions": "orientation=\"vertical\"" }, "alternativeLabel": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "alternativeLabel={true}." + "conditions": "alternativeLabel={true}" }, "completed": { - "description": "Pseudo-class applied to the root element if `completed={true}`." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "completed={true}" } } } diff --git a/docs/translations/api-docs/stepper/stepper.json b/docs/translations/api-docs/stepper/stepper.json index 43ad3bbef06a88..c155fb1eee4a3e 100644 --- a/docs/translations/api-docs/stepper/stepper.json +++ b/docs/translations/api-docs/stepper/stepper.json @@ -10,21 +10,21 @@ "orientation": "The component orientation (layout flow direction)." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "horizontal": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "orientation=\"horizontal\"." + "conditions": "orientation=\"horizontal\"" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "orientation=\"vertical\"." + "conditions": "orientation=\"vertical\"" }, "alternativeLabel": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "alternativeLabel={true}." + "conditions": "alternativeLabel={true}" } } } diff --git a/docs/translations/api-docs/svg-icon/svg-icon.json b/docs/translations/api-docs/svg-icon/svg-icon.json index 66c6a4eeea5cd0..a7d991ac0ee8c6 100644 --- a/docs/translations/api-docs/svg-icon/svg-icon.json +++ b/docs/translations/api-docs/svg-icon/svg-icon.json @@ -12,46 +12,46 @@ "viewBox": "Allows you to redefine what the coordinates without units mean inside an SVG element. For example, if the SVG element is 500 (width) by 200 (height), and you pass viewBox="0 0 50 20", this means that the coordinates inside the SVG will go from the top left corner (0,0) to bottom right (50,20) and each unit will be worth 10px." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"primary\"." + "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"secondary\"." + "conditions": "color=\"secondary\"" }, "colorAction": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"action\"." + "conditions": "color=\"action\"" }, "colorError": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"error\"." + "conditions": "color=\"error\"" }, "colorDisabled": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"disabled\"." + "conditions": "color=\"disabled\"" }, "fontSizeInherit": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "fontSize=\"inherit\"." + "conditions": "fontSize=\"inherit\"" }, "fontSizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "fontSize=\"small\"." + "conditions": "fontSize=\"small\"" }, "fontSizeLarge": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "fontSize=\"large\"." + "conditions": "fontSize=\"large\"" } } } diff --git a/docs/translations/api-docs/switch/switch.json b/docs/translations/api-docs/switch/switch.json index efba93768f4a78..cfd774704a5f83 100644 --- a/docs/translations/api-docs/switch/switch.json +++ b/docs/translations/api-docs/switch/switch.json @@ -18,49 +18,51 @@ "value": "The value of the component. The DOM API casts this to a string. The browser uses "on" as the default value." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "edgeStart": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "edge=\"start\"." + "conditions": "edge=\"start\"" }, "edgeEnd": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "edge=\"end\"." + "conditions": "edge=\"end\"" }, "switchBase": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "internal `SwitchBase` component's `root` class" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "internal SwitchBase component's root element", - "conditions": "color=\"primary\"." + "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "internal SwitchBase component's root element", - "conditions": "color=\"secondary\"." + "conditions": "color=\"secondary\"" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, "checked": { - "description": "Pseudo-class applied to the internal `SwitchBase` component's `checked` class." + "description": "{{pseudoClassApplied}}", + "nodeName": "internal `SwitchBase` component's `checked` class" }, "disabled": { - "description": "Pseudo-class applied to the internal SwitchBase component's disabled class." + "description": "{{pseudoClassApplied}}", + "nodeName": "internal SwitchBase component's disabled class" }, "input": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "internal SwitchBase component's input element" }, "thumb": { "description": "Styles used to create the thumb passed to the internal `SwitchBase` component `icon` prop." }, - "track": { "description": "{{stylesApplied}}.", "nodeName": "track element" } + "track": { "description": "{{stylesApplied}}", "nodeName": "track element" } } } diff --git a/docs/translations/api-docs/tab-panel/tab-panel.json b/docs/translations/api-docs/tab-panel/tab-panel.json index 014a52a64c0dfe..26d4f345cea951 100644 --- a/docs/translations/api-docs/tab-panel/tab-panel.json +++ b/docs/translations/api-docs/tab-panel/tab-panel.json @@ -6,6 +6,6 @@ "value": "The value of the corresponding Tab. Must use the index of the Tab when no value was passed to Tab." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } } } diff --git a/docs/translations/api-docs/tab-scroll-button/tab-scroll-button.json b/docs/translations/api-docs/tab-scroll-button/tab-scroll-button.json index a7708a351cc612..ae7834ac80d33d 100644 --- a/docs/translations/api-docs/tab-scroll-button/tab-scroll-button.json +++ b/docs/translations/api-docs/tab-scroll-button/tab-scroll-button.json @@ -8,12 +8,16 @@ "orientation": "The component orientation (layout flow direction)." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "orientation=\"vertical\"." + "conditions": "orientation=\"vertical\"" }, - "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." } + "disabled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}" + } } } diff --git a/docs/translations/api-docs/tab/tab.json b/docs/translations/api-docs/tab/tab.json index 7cae325801a3bf..132d1d741e539a 100644 --- a/docs/translations/api-docs/tab/tab.json +++ b/docs/translations/api-docs/tab/tab.json @@ -12,41 +12,49 @@ "wrapped": "Tab labels appear in a single row. They can use a second line if needed." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "labelIcon": { - "description": "{{stylesApplied}} if both `icon` and `label` are provided.", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "both icon and label are provided" }, "textColorInherit": { - "description": "{{stylesApplied}} if the parent [`Tabs`](/api/tabs/) has `textColor=\"inherit\"`.", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "the parent [Tabs](/api/tabs/) has textColor=\"inherit\"" }, "textColorPrimary": { - "description": "{{stylesApplied}} if the parent [`Tabs`](/api/tabs/) has `textColor=\"primary\"`.", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "the parent [Tabs](/api/tabs/) has textColor=\"primary\"" }, "textColorSecondary": { - "description": "{{stylesApplied}} if the parent [`Tabs`](/api/tabs/) has `textColor=\"secondary\"`.", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "the parent [Tabs](/api/tabs/) has textColor=\"secondary\"" }, "selected": { - "description": "Pseudo-class applied to the root element if `selected={true}` (controlled by the Tabs component)." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "selected={true} (controlled by the Tabs component)" }, "disabled": { - "description": "Pseudo-class applied to the root element if `disabled={true}` (controlled by the Tabs component)." + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true} (controlled by the Tabs component)" }, "fullWidth": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "fullWidth={true} (controlled by the Tabs component)." + "conditions": "fullWidth={true} (controlled by the Tabs component)" }, "wrapped": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "wrapped={true}." + "conditions": "wrapped={true}" }, "wrapper": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "`icon` and `label`'s wrapper element" } } diff --git a/docs/translations/api-docs/table-body/table-body.json b/docs/translations/api-docs/table-body/table-body.json index c790d854076794..e2791968b107d5 100644 --- a/docs/translations/api-docs/table-body/table-body.json +++ b/docs/translations/api-docs/table-body/table-body.json @@ -6,6 +6,6 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } } } diff --git a/docs/translations/api-docs/table-cell/table-cell.json b/docs/translations/api-docs/table-cell/table-cell.json index 52c14db328b102..05215505c46977 100644 --- a/docs/translations/api-docs/table-cell/table-cell.json +++ b/docs/translations/api-docs/table-cell/table-cell.json @@ -12,61 +12,61 @@ "variant": "Specify the cell type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "head": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"head\" or context.table.head." + "conditions": "variant=\"head\" or context.table.head" }, "body": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"body\" or context.table.body." + "conditions": "variant=\"body\" or context.table.body" }, "footer": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"footer\" or context.table.footer." + "conditions": "variant=\"footer\" or context.table.footer" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, "paddingCheckbox": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "padding=\"checkbox\"." + "conditions": "padding=\"checkbox\"" }, "paddingNone": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "padding=\"none\"." + "conditions": "padding=\"none\"" }, "alignLeft": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "align=\"left\"." + "conditions": "align=\"left\"" }, "alignCenter": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "align=\"center\"." + "conditions": "align=\"center\"" }, "alignRight": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "align=\"right\"." + "conditions": "align=\"right\"" }, "alignJustify": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "align=\"justify\"." + "conditions": "align=\"justify\"" }, "stickyHeader": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "context.table.stickyHeader={true}." + "conditions": "context.table.stickyHeader={true}" } } } diff --git a/docs/translations/api-docs/table-container/table-container.json b/docs/translations/api-docs/table-container/table-container.json index 0f7ad622af40fd..17dee7619fba34 100644 --- a/docs/translations/api-docs/table-container/table-container.json +++ b/docs/translations/api-docs/table-container/table-container.json @@ -6,6 +6,6 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } } } diff --git a/docs/translations/api-docs/table-footer/table-footer.json b/docs/translations/api-docs/table-footer/table-footer.json index c790d854076794..e2791968b107d5 100644 --- a/docs/translations/api-docs/table-footer/table-footer.json +++ b/docs/translations/api-docs/table-footer/table-footer.json @@ -6,6 +6,6 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } } } diff --git a/docs/translations/api-docs/table-head/table-head.json b/docs/translations/api-docs/table-head/table-head.json index c790d854076794..e2791968b107d5 100644 --- a/docs/translations/api-docs/table-head/table-head.json +++ b/docs/translations/api-docs/table-head/table-head.json @@ -6,6 +6,6 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } } } diff --git a/docs/translations/api-docs/table-pagination/table-pagination.json b/docs/translations/api-docs/table-pagination/table-pagination.json index dce819e0597d13..fc788796f482a6 100644 --- a/docs/translations/api-docs/table-pagination/table-pagination.json +++ b/docs/translations/api-docs/table-pagination/table-pagination.json @@ -20,30 +20,27 @@ "showLastButton": "If true, show the last-page button." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, - "toolbar": { "description": "{{stylesApplied}}.", "nodeName": "Toolbar component" }, - "spacer": { "description": "{{stylesApplied}}.", "nodeName": "spacer element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "toolbar": { "description": "{{stylesApplied}}", "nodeName": "Toolbar component" }, + "spacer": { "description": "{{stylesApplied}}", "nodeName": "spacer element" }, "caption": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "caption Typography component", - "conditions": "variant=\"caption\"." + "conditions": "variant=\"caption\"" }, "selectRoot": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "Select component root element" }, - "select": { - "description": "{{stylesApplied}}.", - "nodeName": "Select component `select` class" - }, + "select": { "description": "{{stylesApplied}}", "nodeName": "Select component `select` class" }, "selectIcon": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "Select component `icon` class" }, - "input": { "description": "{{stylesApplied}}.", "nodeName": "InputBase component" }, - "menuItem": { "description": "{{stylesApplied}}.", "nodeName": "MenuItem component" }, + "input": { "description": "{{stylesApplied}}", "nodeName": "InputBase component" }, + "menuItem": { "description": "{{stylesApplied}}", "nodeName": "MenuItem component" }, "actions": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "internal `TablePaginationActions` component" } } diff --git a/docs/translations/api-docs/table-row/table-row.json b/docs/translations/api-docs/table-row/table-row.json index ff190c0cb92612..25f8205b31594f 100644 --- a/docs/translations/api-docs/table-row/table-row.json +++ b/docs/translations/api-docs/table-row/table-row.json @@ -8,16 +8,26 @@ "selected": "If true, the table row will have the selected shading." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, - "selected": { "description": "Pseudo-class applied to the root element if `selected={true}`." }, - "hover": { "description": "Pseudo-class applied to the root element if `hover={true}`." }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "selected": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "selected={true}" + }, + "hover": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "hover={true}" + }, "head": { - "description": "{{stylesApplied}} if table variant=\"head\".", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "table variant=\"head\"" }, "footer": { - "description": "{{stylesApplied}} if table variant=\"footer\".", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "table variant=\"footer\"" } } } diff --git a/docs/translations/api-docs/table-sort-label/table-sort-label.json b/docs/translations/api-docs/table-sort-label/table-sort-label.json index 82addf3cc76c62..f67ae8f00e2fc2 100644 --- a/docs/translations/api-docs/table-sort-label/table-sort-label.json +++ b/docs/translations/api-docs/table-sort-label/table-sort-label.json @@ -9,18 +9,22 @@ "IconComponent": "Sort icon to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, - "active": { "description": "Pseudo-class applied to the root element if `active={true}`." }, - "icon": { "description": "{{stylesApplied}}.", "nodeName": "icon component" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "active": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "active={true}" + }, + "icon": { "description": "{{stylesApplied}}", "nodeName": "icon component" }, "iconDirectionDesc": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "icon component", - "conditions": "direction=\"desc\"." + "conditions": "direction=\"desc\"" }, "iconDirectionAsc": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "icon component", - "conditions": "direction=\"asc\"." + "conditions": "direction=\"asc\"" } } } diff --git a/docs/translations/api-docs/table/table.json b/docs/translations/api-docs/table/table.json index 0c704f6e5f6e6f..1003906b6b0dc6 100644 --- a/docs/translations/api-docs/table/table.json +++ b/docs/translations/api-docs/table/table.json @@ -9,11 +9,11 @@ "stickyHeader": "Set the header sticky.
⚠️ It doesn't work with IE11." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "stickyHeader": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "stickyHeader={true}." + "conditions": "stickyHeader={true}" } } } diff --git a/docs/translations/api-docs/tabs/tabs.json b/docs/translations/api-docs/tabs/tabs.json index d5beb08f94b540..e803c001162455 100644 --- a/docs/translations/api-docs/tabs/tabs.json +++ b/docs/translations/api-docs/tabs/tabs.json @@ -23,53 +23,53 @@ "visibleScrollbar": "If true, the scrollbar is visible. It can be useful when displaying a long vertical list of tabs." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "orientation=\"vertical\"." + "conditions": "orientation=\"vertical\"" }, - "flexContainer": { "description": "{{stylesApplied}}.", "nodeName": "flex container element" }, + "flexContainer": { "description": "{{stylesApplied}}", "nodeName": "flex container element" }, "flexContainerVertical": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "flex container element", - "conditions": "orientation=\"vertical\"." + "conditions": "orientation=\"vertical\"" }, "centered": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "flex container element", - "conditions": "centered={true} & !variant=\"scrollable\"." + "conditions": "centered={true} & !variant=\"scrollable\"" }, - "scroller": { "description": "{{stylesApplied}}.", "nodeName": "tablist element" }, + "scroller": { "description": "{{stylesApplied}}", "nodeName": "tablist element" }, "fixed": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "tablist element", - "conditions": "!variant=\"scrollable\"\b\b\b." + "conditions": "!variant=\"scrollable\"\b\b\b" }, "scrollableX": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "tablist element", - "conditions": "variant=\"scrollable\" and orientation=\"horizontal\"." + "conditions": "variant=\"scrollable\" and orientation=\"horizontal\"" }, "scrollableY": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "tablist element", - "conditions": "variant=\"scrollable\" and orientation=\"vertical\"." + "conditions": "variant=\"scrollable\" and orientation=\"vertical\"" }, "hideScrollbar": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "tablist element", - "conditions": "variant=\"scrollable\" and visibleScrollbar={false}." + "conditions": "variant=\"scrollable\" and visibleScrollbar={false}" }, "scrollButtons": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "ScrollButtonComponent component" }, "scrollButtonsHideMobile": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "ScrollButtonComponent component", - "conditions": "allowScrollButtonsMobile={true}." + "conditions": "allowScrollButtonsMobile={true}" }, - "indicator": { "description": "{{stylesApplied}}.", "nodeName": "TabIndicator component" } + "indicator": { "description": "{{stylesApplied}}", "nodeName": "TabIndicator component" } } } diff --git a/docs/translations/api-docs/text-field/text-field.json b/docs/translations/api-docs/text-field/text-field.json index cfb8f8c08cfb38..458b97fc6061c9 100644 --- a/docs/translations/api-docs/text-field/text-field.json +++ b/docs/translations/api-docs/text-field/text-field.json @@ -34,6 +34,6 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } } } diff --git a/docs/translations/api-docs/timeline-connector/timeline-connector.json b/docs/translations/api-docs/timeline-connector/timeline-connector.json index 4355e0942728d6..00156cbab4aef5 100644 --- a/docs/translations/api-docs/timeline-connector/timeline-connector.json +++ b/docs/translations/api-docs/timeline-connector/timeline-connector.json @@ -5,6 +5,6 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } } } diff --git a/docs/translations/api-docs/timeline-content/timeline-content.json b/docs/translations/api-docs/timeline-content/timeline-content.json index f2d527168c3917..8e9946626960c4 100644 --- a/docs/translations/api-docs/timeline-content/timeline-content.json +++ b/docs/translations/api-docs/timeline-content/timeline-content.json @@ -5,11 +5,11 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "alignRight": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "align=\"right\"." + "conditions": "align=\"right\"" } } } diff --git a/docs/translations/api-docs/timeline-dot/timeline-dot.json b/docs/translations/api-docs/timeline-dot/timeline-dot.json index 0073a3c6354b36..4e1c057dab1587 100644 --- a/docs/translations/api-docs/timeline-dot/timeline-dot.json +++ b/docs/translations/api-docs/timeline-dot/timeline-dot.json @@ -7,46 +7,46 @@ "variant": "The dot can appear filled or outlined." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "filled": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"filled\"." + "conditions": "variant=\"filled\"" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"outlined\"." + "conditions": "variant=\"outlined\"" }, "filledGrey": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"grey\" and variant=\"filled\"." + "conditions": "color=\"grey\" and variant=\"filled\"" }, "outlinedGrey": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"grey\" and variant=\"outlined\"." + "conditions": "color=\"grey\" and variant=\"outlined\"" }, "filledPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"primary\" and variant=\"filled\"." + "conditions": "color=\"primary\" and variant=\"filled\"" }, "outlinedPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"primary\" and variant=\"outlined\"." + "conditions": "color=\"primary\" and variant=\"outlined\"" }, "filledSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"secondary\" and variant=\"filled\"." + "conditions": "color=\"secondary\" and variant=\"filled\"" }, "outlinedSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"secondary\" and variant=\"outlined\"." + "conditions": "color=\"secondary\" and variant=\"outlined\"" } } } diff --git a/docs/translations/api-docs/timeline-item/timeline-item.json b/docs/translations/api-docs/timeline-item/timeline-item.json index 4529a053b8b82d..e77e70d3cb63dd 100644 --- a/docs/translations/api-docs/timeline-item/timeline-item.json +++ b/docs/translations/api-docs/timeline-item/timeline-item.json @@ -5,29 +5,30 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "alignLeft": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "align=\"left\"." + "conditions": "align=\"left\"" }, "alignRight": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "align=\"right\"." + "conditions": "align=\"right\"" }, "alignAlternate": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "align=\"alternate\"." + "conditions": "align=\"alternate\"" }, "missingOppositeContent": { - "description": "{{stylesApplied}} if TimelineOppositeContent isn't provided.", - "nodeName": "root element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "TimelineOppositeContent isn't provided" }, - "content": { "description": "{{stylesApplied}}.", "nodeName": "timeline content node" }, + "content": { "description": "{{stylesApplied}}", "nodeName": "timeline content node" }, "oppositeContent": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "timeline opposite content node" } } diff --git a/docs/translations/api-docs/timeline-opposite-content/timeline-opposite-content.json b/docs/translations/api-docs/timeline-opposite-content/timeline-opposite-content.json index f2d527168c3917..8e9946626960c4 100644 --- a/docs/translations/api-docs/timeline-opposite-content/timeline-opposite-content.json +++ b/docs/translations/api-docs/timeline-opposite-content/timeline-opposite-content.json @@ -5,11 +5,11 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "alignRight": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "align=\"right\"." + "conditions": "align=\"right\"" } } } diff --git a/docs/translations/api-docs/timeline-separator/timeline-separator.json b/docs/translations/api-docs/timeline-separator/timeline-separator.json index 4355e0942728d6..00156cbab4aef5 100644 --- a/docs/translations/api-docs/timeline-separator/timeline-separator.json +++ b/docs/translations/api-docs/timeline-separator/timeline-separator.json @@ -5,6 +5,6 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } } } diff --git a/docs/translations/api-docs/timeline/timeline.json b/docs/translations/api-docs/timeline/timeline.json index 2346dd1f00cda2..b1d80658178939 100644 --- a/docs/translations/api-docs/timeline/timeline.json +++ b/docs/translations/api-docs/timeline/timeline.json @@ -6,21 +6,21 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "alignLeft": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "align=\"left\"." + "conditions": "align=\"left\"" }, "alignRight": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "align=\"right\"." + "conditions": "align=\"right\"" }, "alignAlternate": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "align=\"alternate\"." + "conditions": "align=\"alternate\"" } } } diff --git a/docs/translations/api-docs/toggle-button-group/toggle-button-group.json b/docs/translations/api-docs/toggle-button-group/toggle-button-group.json index afa50b8989ce92..a3bf06d95730f9 100644 --- a/docs/translations/api-docs/toggle-button-group/toggle-button-group.json +++ b/docs/translations/api-docs/toggle-button-group/toggle-button-group.json @@ -10,22 +10,22 @@ "value": "The currently selected value within the group or an array of selected values when exclusive is false.
The value must have reference equality with the option in order to be selected." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "orientation=\"vertical\"." + "conditions": "orientation=\"vertical\"" }, - "grouped": { "description": "{{stylesApplied}}.", "nodeName": "children" }, + "grouped": { "description": "{{stylesApplied}}", "nodeName": "children" }, "groupedHorizontal": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "children", - "conditions": "orientation=\"horizontal\"." + "conditions": "orientation=\"horizontal\"" }, "groupedVertical": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "children", - "conditions": "orientation=\"vertical\"." + "conditions": "orientation=\"vertical\"" } } } diff --git a/docs/translations/api-docs/toggle-button/toggle-button.json b/docs/translations/api-docs/toggle-button/toggle-button.json index af2162f4cd870b..7de26e6989a638 100644 --- a/docs/translations/api-docs/toggle-button/toggle-button.json +++ b/docs/translations/api-docs/toggle-button/toggle-button.json @@ -11,19 +11,27 @@ "value": "The value to associate with the button when selected in a ToggleButtonGroup." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, - "disabled": { "description": "Pseudo-class applied to the root element if `disabled={true}`." }, - "selected": { "description": "Pseudo-class applied to the root element if `selected={true}`." }, - "label": { "description": "{{stylesApplied}}.", "nodeName": "`label` wrapper element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "disabled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "disabled={true}" + }, + "selected": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "selected={true}" + }, + "label": { "description": "{{stylesApplied}}", "nodeName": "`label` wrapper element" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"small\"." + "conditions": "size=\"small\"" }, "sizeLarge": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "size=\"large\"." + "conditions": "size=\"large\"" } } } diff --git a/docs/translations/api-docs/toolbar/toolbar.json b/docs/translations/api-docs/toolbar/toolbar.json index a415ea10862997..419474ef7c1097 100644 --- a/docs/translations/api-docs/toolbar/toolbar.json +++ b/docs/translations/api-docs/toolbar/toolbar.json @@ -8,21 +8,21 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "gutters": { "description": "{{stylesApplied}} unless {{conditions}}.", "nodeName": "root element", - "conditions": "disableGutters={true}." + "conditions": "disableGutters={true}" }, "regular": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"regular\"." + "conditions": "variant=\"regular\"" }, "dense": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"dense\"." + "conditions": "variant=\"dense\"" } } } diff --git a/docs/translations/api-docs/tooltip/tooltip.json b/docs/translations/api-docs/tooltip/tooltip.json index 3f56a12ef53c2b..c7944205ca011b 100644 --- a/docs/translations/api-docs/tooltip/tooltip.json +++ b/docs/translations/api-docs/tooltip/tooltip.json @@ -27,50 +27,51 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "popper": { "description": "{{stylesApplied}}.", "nodeName": "Popper component" }, + "popper": { "description": "{{stylesApplied}}", "nodeName": "Popper component" }, "popperInteractive": { "description": "{{stylesApplied}} unless {{conditions}}.", "nodeName": "Popper component", - "conditions": "disableInteractive={true}." + "conditions": "disableInteractive={true}" }, "popperArrow": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "Popper component", - "conditions": "arrow={true}." + "conditions": "arrow={true}" }, "tooltip": { - "description": "{{stylesApplied}}.", + "description": "{{stylesApplied}}", "nodeName": "tooltip (label wrapper) element" }, "tooltipArrow": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "tooltip (label wrapper) element", - "conditions": "arrow={true}." + "conditions": "arrow={true}" }, - "arrow": { "description": "{{stylesApplied}}.", "nodeName": "arrow element" }, + "arrow": { "description": "{{stylesApplied}}", "nodeName": "arrow element" }, "touch": { - "description": "{{stylesApplied}} if the tooltip is opened by touch.", - "nodeName": "tooltip (label wrapper) element" + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "tooltip (label wrapper) element", + "conditions": "the tooltip is opened by touch" }, "tooltipPlacementLeft": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "tooltip (label wrapper) element", - "conditions": "placement contains \"left\"." + "conditions": "placement contains \"left\"" }, "tooltipPlacementRight": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "tooltip (label wrapper) element", - "conditions": "placement contains \"right\"." + "conditions": "placement contains \"right\"" }, "tooltipPlacementTop": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "tooltip (label wrapper) element", - "conditions": "placement contains \"top\"." + "conditions": "placement contains \"top\"" }, "tooltipPlacementBottom": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "tooltip (label wrapper) element", - "conditions": "placement contains \"bottom\"." + "conditions": "placement contains \"bottom\"" } } } diff --git a/docs/translations/api-docs/tree-item/tree-item.json b/docs/translations/api-docs/tree-item/tree-item.json index 72c707dde0022c..56fee378aa0aa2 100644 --- a/docs/translations/api-docs/tree-item/tree-item.json +++ b/docs/translations/api-docs/tree-item/tree-item.json @@ -17,14 +17,23 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, - "group": { "description": "{{stylesApplied}}.", "nodeName": "transition component" }, - "content": { "description": "{{stylesApplied}}.", "nodeName": "content element" }, - "expanded": { "description": "Pseudo-class applied to the content element when expanded." }, - "selected": { "description": "Pseudo-class applied to the content element when selected." }, - "focused": { "description": "Pseudo-class applied to the content element when focused." }, - "disabled": { "description": "Pseudo-class applied to the element when disabled." }, - "iconContainer": { "description": "{{stylesApplied}}.", "nodeName": "tree node icon" }, - "label": { "description": "{{stylesApplied}}.", "nodeName": "label element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "group": { "description": "{{stylesApplied}}", "nodeName": "transition component" }, + "content": { "description": "{{stylesApplied}}", "nodeName": "content element" }, + "expanded": { + "description": "{{pseudoClassApplied}}", + "nodeName": "content element when expanded" + }, + "selected": { + "description": "{{pseudoClassApplied}}", + "nodeName": "content element when selected" + }, + "focused": { + "description": "{{pseudoClassApplied}}", + "nodeName": "content element when focused" + }, + "disabled": { "description": "{{pseudoClassApplied}}", "nodeName": "element when disabled" }, + "iconContainer": { "description": "{{stylesApplied}}", "nodeName": "tree node icon" }, + "label": { "description": "{{stylesApplied}}", "nodeName": "label element" } } } diff --git a/docs/translations/api-docs/tree-view/tree-view.json b/docs/translations/api-docs/tree-view/tree-view.json index 405731a9fbe8f5..7d7678bb0bd9e0 100644 --- a/docs/translations/api-docs/tree-view/tree-view.json +++ b/docs/translations/api-docs/tree-view/tree-view.json @@ -20,6 +20,6 @@ "selected": "Selected node ids. (Controlled) When multiSelect is true this takes an array of strings; when false (default) a string." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } } } diff --git a/docs/translations/api-docs/typography/typography.json b/docs/translations/api-docs/typography/typography.json index 74be9523112f06..69c97d3e212e69 100644 --- a/docs/translations/api-docs/typography/typography.json +++ b/docs/translations/api-docs/typography/typography.json @@ -15,151 +15,151 @@ "variantMapping": "The component maps the variant prop to a range of different HTML element types. For instance, subtitle1 to <h6>. If you wish to change that mapping, you can provide your own. Alternatively, you can use the component prop." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}.", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "body2": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"body2\"." + "conditions": "variant=\"body2\"" }, "body1": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"body1\"." + "conditions": "variant=\"body1\"" }, "caption": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"caption\"." + "conditions": "variant=\"caption\"" }, "button": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"button\"." + "conditions": "variant=\"button\"" }, "h1": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"h1\"." + "conditions": "variant=\"h1\"" }, "h2": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"h2\"." + "conditions": "variant=\"h2\"" }, "h3": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"h3\"." + "conditions": "variant=\"h3\"" }, "h4": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"h4\"." + "conditions": "variant=\"h4\"" }, "h5": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"h5\"." + "conditions": "variant=\"h5\"" }, "h6": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"h6\"." + "conditions": "variant=\"h6\"" }, "subtitle1": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"subtitle1\"." + "conditions": "variant=\"subtitle1\"" }, "subtitle2": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"subtitle2\"." + "conditions": "variant=\"subtitle2\"" }, "overline": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"overline\"." + "conditions": "variant=\"overline\"" }, "inherit": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "variant=\"inherit\"." + "conditions": "variant=\"inherit\"" }, "alignLeft": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "align=\"left\"." + "conditions": "align=\"left\"" }, "alignCenter": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "align=\"center\"." + "conditions": "align=\"center\"" }, "alignRight": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "align=\"right\"." + "conditions": "align=\"right\"" }, "alignJustify": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "align=\"justify\"." + "conditions": "align=\"justify\"" }, "noWrap": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "nowrap={true}." + "conditions": "nowrap={true}" }, "gutterBottom": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "gutterBottom={true}." + "conditions": "gutterBottom={true}" }, "paragraph": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "paragraph={true}." + "conditions": "paragraph={true}" }, "colorInherit": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"inherit\"." + "conditions": "color=\"inherit\"" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"primary\"." + "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"secondary\"." + "conditions": "color=\"secondary\"" }, "colorTextPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"textPrimary\"." + "conditions": "color=\"textPrimary\"" }, "colorTextSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"textSecondary\"." + "conditions": "color=\"textSecondary\"" }, "colorError": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "color=\"error\"." + "conditions": "color=\"error\"" }, "displayInline": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "display=\"inline\"." + "conditions": "display=\"inline\"" }, "displayBlock": { "description": "{{stylesApplied}} if {{conditions}}.", "nodeName": "root element", - "conditions": "display=\"block\"." + "conditions": "display=\"block\"" } } } diff --git a/docs/translations/translations.json b/docs/translations/translations.json index 6454a7d4c9a54e..0e88fed37cbd5e 100644 --- a/docs/translations/translations.json +++ b/docs/translations/translations.json @@ -18,6 +18,7 @@ "overrideStylesStyledComponent": "", "pageDescription": "API documentation for the React {{name}} component. Learn about the available props, and the CSS API.", "props": "Props", + "pseudoClassApplied": "Pseudo-class applied to the {{nodeName}}", "refNotHeld": "The component cannot hold a ref.", "refRootElement": "The ref is forwarded to the root element.", "ruleName": "Rule name", diff --git a/packages/material-ui-unstyled/src/BadgeUnstyled/BadgeUnstyled.d.ts b/packages/material-ui-unstyled/src/BadgeUnstyled/BadgeUnstyled.d.ts index a2b86fba175094..2a1c59a97c8fab 100644 --- a/packages/material-ui-unstyled/src/BadgeUnstyled/BadgeUnstyled.d.ts +++ b/packages/material-ui-unstyled/src/BadgeUnstyled/BadgeUnstyled.d.ts @@ -81,7 +81,7 @@ export interface BadgeUnstyledTypeMap

Date: Mon, 11 Jan 2021 00:59:56 +0000 Subject: [PATCH 03/10] Class name -> Styles --- docs/scripts/buildApi.ts | 2 +- .../badge-unstyled/badge-unstyled.json | 44 +++++++++++---- docs/translations/api-docs/badge/badge.json | 44 +++++++++++---- .../card-action-area/card-action-area.json | 5 +- .../api-docs/collapse/collapse.json | 10 ++-- .../list-item-avatar/list-item-avatar.json | 5 +- .../list-item-icon/list-item-icon.json | 5 +- .../list-item-secondary-action.json | 5 +- docs/translations/api-docs/rating/rating.json | 35 +++++++----- .../slider-unstyled/slider-unstyled.json | 40 ++++++++----- docs/translations/api-docs/slider/slider.json | 56 +++++++++++++------ .../speed-dial-icon/speed-dial-icon.json | 6 +- .../api-docs/tree-item/tree-item.json | 21 ++++--- .../src/BadgeUnstyled/BadgeUnstyled.d.ts | 24 ++++---- .../src/SliderUnstyled/SliderUnstyled.d.ts | 26 ++++----- packages/material-ui/src/Slider/Slider.d.ts | 8 +-- 16 files changed, 216 insertions(+), 120 deletions(-) diff --git a/docs/scripts/buildApi.ts b/docs/scripts/buildApi.ts index 23353c707a247d..62fb4ddf6f718e 100644 --- a/docs/scripts/buildApi.ts +++ b/docs/scripts/buildApi.ts @@ -804,7 +804,7 @@ function extractClassConditions(descriptions: any) { const classConditions: { [key: string]: { description: string; conditions?: string; nodeName?: string }; } = {}; - const stylesRegex = /(Styles|Pseudo-class) applied to the (.*?)(( if | unless |, ){1}(.*))?\./; + const stylesRegex = /(Styles|Pseudo-class) applied to the (.*?)(( if | unless | when |, ){1}(.*))?\./; Object.entries(descriptions).forEach(([className, classDescription]: any) => { if (className) { diff --git a/docs/translations/api-docs/badge-unstyled/badge-unstyled.json b/docs/translations/api-docs/badge-unstyled/badge-unstyled.json index bd9d07acc8db6b..de08ea937167fd 100644 --- a/docs/translations/api-docs/badge-unstyled/badge-unstyled.json +++ b/docs/translations/api-docs/badge-unstyled/badge-unstyled.json @@ -15,37 +15,57 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Class name applied to the root element." }, - "badge": { "description": "Class name applied to the badge `span` element." }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "badge": { "description": "{{stylesApplied}}", "nodeName": "badge `span` element" }, "dot": { - "description": "Class name applied to the badge `span` element if `variant=\"dot\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "variant=\"dot\"" }, "standard": { - "description": "Class name applied to the badge `span` element if `variant=\"standard\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "variant=\"standard\"" }, "anchorOriginTopRightRectangular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap=\"rectangular\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "anchorOrigin={{ 'top', 'right' }} overlap=\"rectangular\"" }, "anchorOriginBottomRightRectangular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap=\"rectangular\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "anchorOrigin={{ 'bottom', 'right' }} overlap=\"rectangular\"" }, "anchorOriginTopLeftRectangular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap=\"rectangular\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "anchorOrigin={{ 'top', 'left' }} overlap=\"rectangular\"" }, "anchorOriginBottomLeftRectangular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"rectangular\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "anchorOrigin={{ 'bottom', 'left' }} overlap=\"rectangular\"" }, "anchorOriginTopRightCircular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap=\"circular\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "anchorOrigin={{ 'top', 'right' }} overlap=\"circular\"" }, "anchorOriginBottomRightCircular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap=\"circular\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "anchorOrigin={{ 'bottom', 'right' }} overlap=\"circular\"" }, "anchorOriginTopLeftCircular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap=\"circular\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "anchorOrigin={{ 'top', 'left' }} overlap=\"circular\"" }, "anchorOriginBottomLeftCircular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"circular\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "anchorOrigin={{ 'bottom', 'left' }} overlap=\"circular\"" }, "invisible": { "description": "{{pseudoClassApplied}} if {{conditions}}.", diff --git a/docs/translations/api-docs/badge/badge.json b/docs/translations/api-docs/badge/badge.json index 57509cf684232f..264f1c6bb2612e 100644 --- a/docs/translations/api-docs/badge/badge.json +++ b/docs/translations/api-docs/badge/badge.json @@ -17,37 +17,57 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "Class name applied to the root element." }, - "badge": { "description": "Class name applied to the badge `span` element." }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "badge": { "description": "{{stylesApplied}}", "nodeName": "badge `span` element" }, "dot": { - "description": "Class name applied to the badge `span` element if `variant=\"dot\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "variant=\"dot\"" }, "standard": { - "description": "Class name applied to the badge `span` element if `variant=\"standard\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "variant=\"standard\"" }, "anchorOriginTopRightRectangular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap=\"rectangular\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "anchorOrigin={{ 'top', 'right' }} overlap=\"rectangular\"" }, "anchorOriginBottomRightRectangular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap=\"rectangular\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "anchorOrigin={{ 'bottom', 'right' }} overlap=\"rectangular\"" }, "anchorOriginTopLeftRectangular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap=\"rectangular\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "anchorOrigin={{ 'top', 'left' }} overlap=\"rectangular\"" }, "anchorOriginBottomLeftRectangular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"rectangular\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "anchorOrigin={{ 'bottom', 'left' }} overlap=\"rectangular\"" }, "anchorOriginTopRightCircular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap=\"circular\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "anchorOrigin={{ 'top', 'right' }} overlap=\"circular\"" }, "anchorOriginBottomRightCircular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap=\"circular\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "anchorOrigin={{ 'bottom', 'right' }} overlap=\"circular\"" }, "anchorOriginTopLeftCircular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap=\"circular\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "anchorOrigin={{ 'top', 'left' }} overlap=\"circular\"" }, "anchorOriginBottomLeftCircular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"circular\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "badge `span` element", + "conditions": "anchorOrigin={{ 'bottom', 'left' }} overlap=\"circular\"" }, "invisible": { "description": "{{pseudoClassApplied}} if {{conditions}}.", diff --git a/docs/translations/api-docs/card-action-area/card-action-area.json b/docs/translations/api-docs/card-action-area/card-action-area.json index bb208931b3d669..2debd6d10ac4e2 100644 --- a/docs/translations/api-docs/card-action-area/card-action-area.json +++ b/docs/translations/api-docs/card-action-area/card-action-area.json @@ -12,8 +12,9 @@ "conditions": "the action area is keyboard focused" }, "focusHighlight": { - "description": "{{stylesApplied}}", - "nodeName": "overlay that covers the action area when it is keyboard focused" + "description": "{{stylesApplied}} when {{conditions}}.", + "nodeName": "overlay that covers the action area", + "conditions": "it is keyboard focused" } } } diff --git a/docs/translations/api-docs/collapse/collapse.json b/docs/translations/api-docs/collapse/collapse.json index 019d55cdb28499..24fbaa2e3355d3 100644 --- a/docs/translations/api-docs/collapse/collapse.json +++ b/docs/translations/api-docs/collapse/collapse.json @@ -17,12 +17,14 @@ "conditions": "orientation=\"horizontal\"" }, "entered": { - "description": "{{stylesApplied}}", - "nodeName": "root element when the transition has entered" + "description": "{{stylesApplied}} when {{conditions}}.", + "nodeName": "root element", + "conditions": "the transition has entered" }, "hidden": { - "description": "{{stylesApplied}}", - "nodeName": "root element when the transition has exited and `collapsedSize` = 0px" + "description": "{{stylesApplied}} when {{conditions}}.", + "nodeName": "root element", + "conditions": "the transition has exited and collapsedSize = 0px" }, "wrapper": { "description": "{{stylesApplied}}", "nodeName": "outer wrapper element" }, "wrapperInner": { "description": "{{stylesApplied}}", "nodeName": "inner wrapper element" } diff --git a/docs/translations/api-docs/list-item-avatar/list-item-avatar.json b/docs/translations/api-docs/list-item-avatar/list-item-avatar.json index 0ff4d6421878e6..4f2fdd1d44ee08 100644 --- a/docs/translations/api-docs/list-item-avatar/list-item-avatar.json +++ b/docs/translations/api-docs/list-item-avatar/list-item-avatar.json @@ -7,8 +7,9 @@ "classDescriptions": { "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "alignItemsFlexStart": { - "description": "{{stylesApplied}}", - "nodeName": "root element when the parent `ListItem` uses `alignItems=\"flex-start\"`" + "description": "{{stylesApplied}} when {{conditions}}.", + "nodeName": "root element", + "conditions": "the parent ListItem uses alignItems=\"flex-start\"" } } } diff --git a/docs/translations/api-docs/list-item-icon/list-item-icon.json b/docs/translations/api-docs/list-item-icon/list-item-icon.json index 2e472318fcc8c8..854a309e37a4b3 100644 --- a/docs/translations/api-docs/list-item-icon/list-item-icon.json +++ b/docs/translations/api-docs/list-item-icon/list-item-icon.json @@ -7,8 +7,9 @@ "classDescriptions": { "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "alignItemsFlexStart": { - "description": "{{stylesApplied}}", - "nodeName": "root element when the parent `ListItem` uses `alignItems=\"flex-start\"`" + "description": "{{stylesApplied}} when {{conditions}}.", + "nodeName": "root element", + "conditions": "the parent ListItem uses alignItems=\"flex-start\"" } } } diff --git a/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json b/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json index 88188434fdbdaf..e0bdadcf71a914 100644 --- a/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json +++ b/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json @@ -7,8 +7,9 @@ "classDescriptions": { "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "disableGutters": { - "description": "{{stylesApplied}}", - "nodeName": "root element when the parent `ListItem` has `disableGutters={true}`" + "description": "{{stylesApplied}} when {{conditions}}.", + "nodeName": "root element", + "conditions": "the parent ListItem has disableGutters={true}" } } } diff --git a/docs/translations/api-docs/rating/rating.json b/docs/translations/api-docs/rating/rating.json index d86413f47bc594..3e9719d80aa334 100644 --- a/docs/translations/api-docs/rating/rating.json +++ b/docs/translations/api-docs/rating/rating.json @@ -48,33 +48,40 @@ "visuallyHidden": { "description": "Visually hide an element." }, "label": { "description": "{{stylesApplied}}", "nodeName": "label elements" }, "labelEmptyValueActive": { - "description": "{{stylesApplied}}", - "nodeName": "label of the \"no value\" input when it is active" + "description": "{{stylesApplied}} when {{conditions}}.", + "nodeName": "label of the \"no value\" input", + "conditions": "it is active" }, "icon": { "description": "{{stylesApplied}}", "nodeName": "icon wrapping elements" }, "iconEmpty": { - "description": "{{stylesApplied}}", - "nodeName": "icon wrapping elements when empty" + "description": "{{stylesApplied}} when {{conditions}}.", + "nodeName": "icon wrapping elements", + "conditions": "empty" }, "iconFilled": { - "description": "{{stylesApplied}}", - "nodeName": "icon wrapping elements when filled" + "description": "{{stylesApplied}} when {{conditions}}.", + "nodeName": "icon wrapping elements", + "conditions": "filled" }, "iconHover": { - "description": "{{stylesApplied}}", - "nodeName": "icon wrapping elements when hover" + "description": "{{stylesApplied}} when {{conditions}}.", + "nodeName": "icon wrapping elements", + "conditions": "hover" }, "iconFocus": { - "description": "{{stylesApplied}}", - "nodeName": "icon wrapping elements when focus" + "description": "{{stylesApplied}} when {{conditions}}.", + "nodeName": "icon wrapping elements", + "conditions": "focus" }, "iconActive": { - "description": "{{stylesApplied}}", - "nodeName": "icon wrapping elements when active" + "description": "{{stylesApplied}} when {{conditions}}.", + "nodeName": "icon wrapping elements", + "conditions": "active" }, "decimal": { - "description": "{{stylesApplied}}", - "nodeName": "icon wrapping elements when decimals are necessary" + "description": "{{stylesApplied}} when {{conditions}}.", + "nodeName": "icon wrapping elements", + "conditions": "decimals are necessary" } } } diff --git a/docs/translations/api-docs/slider-unstyled/slider-unstyled.json b/docs/translations/api-docs/slider-unstyled/slider-unstyled.json index 57d155f8a42fef..91cf5a79a0caa5 100644 --- a/docs/translations/api-docs/slider-unstyled/slider-unstyled.json +++ b/docs/translations/api-docs/slider-unstyled/slider-unstyled.json @@ -28,25 +28,35 @@ "valueLabelFormat": "The format function the value label's value.
When a function is provided, it should have the following signature:
- {number} value The value label's value to format - {number} index The value label's index to format" }, "classDescriptions": { - "root": { "description": "Class name applied to the root element." }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "marked": { - "description": "Class name applied to the root element if `marks` is provided with at least one label." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "marks is provided with at least one label" }, "vertical": { - "description": "Class name applied to the root element if `orientation=\"vertical\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "orientation=\"vertical\"" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", "nodeName": "root and thumb element", "conditions": "disabled={true}" }, - "rail": { "description": "Class name applied to the rail element." }, - "track": { "description": "Class name applied to the track element." }, - "trackFalse": { "description": "Class name applied to the track element if `track={false}`." }, + "rail": { "description": "{{stylesApplied}}", "nodeName": "rail element" }, + "track": { "description": "{{stylesApplied}}", "nodeName": "track element" }, + "trackFalse": { + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "track element", + "conditions": "track={false}" + }, "trackInverted": { - "description": "Class name applied to the track element if `track=\"inverted\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "track element", + "conditions": "track=\"inverted\"" }, - "thumb": { "description": "Class name applied to the thumb element." }, + "thumb": { "description": "{{stylesApplied}}", "nodeName": "thumb element" }, "active": { "description": "{{pseudoClassApplied}} if {{conditions}}.", "nodeName": "thumb element", @@ -57,14 +67,18 @@ "nodeName": "thumb element", "conditions": "keyboard focused" }, - "valueLabel": { "description": "Class name applied to the thumb label element." }, - "mark": { "description": "Class name applied to the mark element." }, + "valueLabel": { "description": "{{stylesApplied}}", "nodeName": "thumb label element" }, + "mark": { "description": "{{stylesApplied}}", "nodeName": "mark element" }, "markActive": { - "description": "Class name applied to the mark element if active (depending on the value)." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "mark element", + "conditions": "active (depending on the value)" }, - "markLabel": { "description": "Class name applied to the mark label element." }, + "markLabel": { "description": "{{stylesApplied}}", "nodeName": "mark label element" }, "markLabelActive": { - "description": "Class name applied to the mark label element if active (depending on the value)." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "mark label element", + "conditions": "active (depending on the value)" } } } diff --git a/docs/translations/api-docs/slider/slider.json b/docs/translations/api-docs/slider/slider.json index 8814585d68a49c..ce8e4ac6a62dda 100644 --- a/docs/translations/api-docs/slider/slider.json +++ b/docs/translations/api-docs/slider/slider.json @@ -30,25 +30,35 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "Class name applied to the root element." }, + "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, "marked": { - "description": "Class name applied to the root element if `marks` is provided with at least one label." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "marks is provided with at least one label" }, "vertical": { - "description": "Class name applied to the root element if `orientation=\"vertical\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "orientation=\"vertical\"" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", "nodeName": "root and thumb element", "conditions": "disabled={true}" }, - "rail": { "description": "Class name applied to the rail element." }, - "track": { "description": "Class name applied to the track element." }, - "trackFalse": { "description": "Class name applied to the track element if `track={false}`." }, + "rail": { "description": "{{stylesApplied}}", "nodeName": "rail element" }, + "track": { "description": "{{stylesApplied}}", "nodeName": "track element" }, + "trackFalse": { + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "track element", + "conditions": "track={false}" + }, "trackInverted": { - "description": "Class name applied to the track element if `track=\"inverted\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "track element", + "conditions": "track=\"inverted\"" }, - "thumb": { "description": "Class name applied to the thumb element." }, + "thumb": { "description": "{{stylesApplied}}", "nodeName": "thumb element" }, "active": { "description": "{{pseudoClassApplied}} if {{conditions}}.", "nodeName": "thumb element", @@ -59,26 +69,38 @@ "nodeName": "thumb element", "conditions": "keyboard focused" }, - "valueLabel": { "description": "Class name applied to the thumb label element." }, - "mark": { "description": "Class name applied to the mark element." }, + "valueLabel": { "description": "{{stylesApplied}}", "nodeName": "thumb label element" }, + "mark": { "description": "{{stylesApplied}}", "nodeName": "mark element" }, "markActive": { - "description": "Class name applied to the mark element if active (depending on the value)." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "mark element", + "conditions": "active (depending on the value)" }, - "markLabel": { "description": "Class name applied to the mark label element." }, + "markLabel": { "description": "{{stylesApplied}}", "nodeName": "mark label element" }, "markLabelActive": { - "description": "Class name applied to the mark label element if active (depending on the value)." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "mark label element", + "conditions": "active (depending on the value)" }, "colorPrimary": { - "description": "Class name applied to the root element if `color=\"primary\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"primary\"" }, "colorSecondary": { - "description": "Class name applied to the root element if `color=\"secondary\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "root element", + "conditions": "color=\"secondary\"" }, "thumbColorPrimary": { - "description": "Class name applied to the thumb element if `color=\"primary\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "thumb element", + "conditions": "color=\"primary\"" }, "thumbColorSecondary": { - "description": "Class name applied to the thumb element if `color=\"secondary\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "thumb element", + "conditions": "color=\"secondary\"" } } } diff --git a/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json b/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json index c8b0a66bd59db0..a58f79bc36080a 100644 --- a/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json +++ b/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json @@ -14,9 +14,9 @@ "conditions": "open={true}" }, "iconWithOpenIconOpen": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "icon when an `openIcon` is provided and", - "conditions": "open={true}" + "description": "{{stylesApplied}} when {{conditions}}.", + "nodeName": "icon", + "conditions": "an openIcon is provided and if open={true}" }, "openIcon": { "description": "{{stylesApplied}} if {{conditions}}.", diff --git a/docs/translations/api-docs/tree-item/tree-item.json b/docs/translations/api-docs/tree-item/tree-item.json index 56fee378aa0aa2..65fb3ca6676462 100644 --- a/docs/translations/api-docs/tree-item/tree-item.json +++ b/docs/translations/api-docs/tree-item/tree-item.json @@ -21,18 +21,25 @@ "group": { "description": "{{stylesApplied}}", "nodeName": "transition component" }, "content": { "description": "{{stylesApplied}}", "nodeName": "content element" }, "expanded": { - "description": "{{pseudoClassApplied}}", - "nodeName": "content element when expanded" + "description": "{{pseudoClassApplied}} when {{conditions}}.", + "nodeName": "content element", + "conditions": "expanded" }, "selected": { - "description": "{{pseudoClassApplied}}", - "nodeName": "content element when selected" + "description": "{{pseudoClassApplied}} when {{conditions}}.", + "nodeName": "content element", + "conditions": "selected" }, "focused": { - "description": "{{pseudoClassApplied}}", - "nodeName": "content element when focused" + "description": "{{pseudoClassApplied}} when {{conditions}}.", + "nodeName": "content element", + "conditions": "focused" + }, + "disabled": { + "description": "{{pseudoClassApplied}} when {{conditions}}.", + "nodeName": "element", + "conditions": "disabled" }, - "disabled": { "description": "{{pseudoClassApplied}}", "nodeName": "element when disabled" }, "iconContainer": { "description": "{{stylesApplied}}", "nodeName": "tree node icon" }, "label": { "description": "{{stylesApplied}}", "nodeName": "label element" } } diff --git a/packages/material-ui-unstyled/src/BadgeUnstyled/BadgeUnstyled.d.ts b/packages/material-ui-unstyled/src/BadgeUnstyled/BadgeUnstyled.d.ts index 2a1c59a97c8fab..1254d6cb2b2589 100644 --- a/packages/material-ui-unstyled/src/BadgeUnstyled/BadgeUnstyled.d.ts +++ b/packages/material-ui-unstyled/src/BadgeUnstyled/BadgeUnstyled.d.ts @@ -57,29 +57,29 @@ export interface BadgeUnstyledTypeMap

Date: Mon, 11 Jan 2021 01:04:45 +0000 Subject: [PATCH 04/10] keep article with node name --- docs/scripts/buildApi.ts | 2 +- .../accordion-actions/accordion-actions.json | 4 +- .../accordion-details/accordion-details.json | 2 +- .../accordion-summary/accordion-summary.json | 12 ++-- .../api-docs/accordion/accordion.json | 10 +-- .../api-docs/alert-title/alert-title.json | 2 +- docs/translations/api-docs/alert/alert.json | 38 +++++----- .../api-docs/app-bar/app-bar.json | 22 +++--- .../api-docs/autocomplete/autocomplete.json | 42 +++++------ .../api-docs/avatar-group/avatar-group.json | 4 +- docs/translations/api-docs/avatar/avatar.json | 12 ++-- .../api-docs/backdrop/backdrop.json | 4 +- .../badge-unstyled/badge-unstyled.json | 26 +++---- docs/translations/api-docs/badge/badge.json | 32 ++++----- .../bottom-navigation-action.json | 10 +-- .../bottom-navigation/bottom-navigation.json | 2 +- .../api-docs/breadcrumbs/breadcrumbs.json | 8 +-- .../api-docs/button-base/button-base.json | 6 +- .../api-docs/button-group/button-group.json | 56 ++++++++------- docs/translations/api-docs/button/button.json | 72 +++++++++---------- .../card-action-area/card-action-area.json | 6 +- .../api-docs/card-actions/card-actions.json | 4 +- .../api-docs/card-content/card-content.json | 2 +- .../api-docs/card-header/card-header.json | 15 ++-- .../api-docs/card-media/card-media.json | 6 +- docs/translations/api-docs/card/card.json | 2 +- .../api-docs/checkbox/checkbox.json | 12 ++-- docs/translations/api-docs/chip/chip.json | 64 ++++++++--------- .../circular-progress/circular-progress.json | 20 +++--- .../api-docs/collapse/collapse.json | 12 ++-- .../api-docs/container/container.json | 16 ++--- .../dialog-actions/dialog-actions.json | 4 +- .../dialog-content-text.json | 2 +- .../dialog-content/dialog-content.json | 4 +- .../api-docs/dialog-title/dialog-title.json | 2 +- docs/translations/api-docs/dialog/dialog.json | 30 ++++---- .../api-docs/divider/divider.json | 28 ++++---- docs/translations/api-docs/drawer/drawer.json | 24 +++---- docs/translations/api-docs/fab/fab.json | 22 +++--- .../api-docs/filled-input/filled-input.json | 34 ++++----- .../form-control-label.json | 12 ++-- .../api-docs/form-control/form-control.json | 8 +-- .../api-docs/form-group/form-group.json | 4 +- .../form-helper-text/form-helper-text.json | 16 ++--- .../api-docs/form-label/form-label.json | 16 ++--- docs/translations/api-docs/grid/grid.json | 46 ++++++------ .../api-docs/icon-button/icon-button.json | 18 ++--- docs/translations/api-docs/icon/icon.json | 18 ++--- .../image-list-item-bar.json | 27 +++---- .../image-list-item/image-list-item.json | 11 +-- .../api-docs/image-list/image-list.json | 10 +-- .../input-adornment/input-adornment.json | 10 +-- .../api-docs/input-base/input-base.json | 38 +++++----- .../api-docs/input-label/input-label.json | 24 +++---- docs/translations/api-docs/input/input.json | 28 ++++---- .../linear-progress/linear-progress.json | 36 +++++----- docs/translations/api-docs/link/link.json | 12 ++-- .../list-item-avatar/list-item-avatar.json | 4 +- .../list-item-icon/list-item-icon.json | 4 +- .../list-item-secondary-action.json | 4 +- .../list-item-text/list-item-text.json | 15 ++-- .../api-docs/list-item/list-item.json | 22 +++--- .../list-subheader/list-subheader.json | 12 ++-- docs/translations/api-docs/list/list.json | 8 +-- .../loading-button/loading-button.json | 18 ++--- .../api-docs/menu-item/menu-item.json | 8 +-- docs/translations/api-docs/menu/menu.json | 4 +- .../mobile-stepper/mobile-stepper.json | 22 +++--- .../api-docs/native-select/native-select.json | 25 ++++--- .../outlined-input/outlined-input.json | 33 +++++---- .../pagination-item/pagination-item.json | 28 ++++---- .../api-docs/pagination/pagination.json | 8 +-- docs/translations/api-docs/paper/paper.json | 8 +-- .../api-docs/popover/popover.json | 4 +- docs/translations/api-docs/radio/radio.json | 10 +-- docs/translations/api-docs/rating/rating.json | 30 ++++---- .../scoped-css-baseline.json | 2 +- docs/translations/api-docs/select/select.json | 25 ++++--- .../api-docs/skeleton/skeleton.json | 12 ++-- .../slider-unstyled/slider-unstyled.json | 32 ++++----- docs/translations/api-docs/slider/slider.json | 40 +++++------ .../snackbar-content/snackbar-content.json | 6 +- .../api-docs/snackbar/snackbar.json | 14 ++-- .../speed-dial-action/speed-dial-action.json | 10 +-- .../speed-dial-icon/speed-dial-icon.json | 12 ++-- .../api-docs/speed-dial/speed-dial.json | 8 +-- .../api-docs/step-button/step-button.json | 11 +-- .../step-connector/step-connector.json | 20 +++--- .../api-docs/step-content/step-content.json | 6 +- .../api-docs/step-icon/step-icon.json | 10 +-- .../api-docs/step-label/step-label.json | 25 ++++--- docs/translations/api-docs/step/step.json | 10 +-- .../api-docs/stepper/stepper.json | 8 +-- .../api-docs/svg-icon/svg-icon.json | 18 ++--- docs/translations/api-docs/switch/switch.json | 22 +++--- .../api-docs/tab-panel/tab-panel.json | 2 +- .../tab-scroll-button/tab-scroll-button.json | 6 +- docs/translations/api-docs/tab/tab.json | 20 +++--- .../api-docs/table-body/table-body.json | 2 +- .../api-docs/table-cell/table-cell.json | 24 +++---- .../table-container/table-container.json | 2 +- .../api-docs/table-footer/table-footer.json | 2 +- .../api-docs/table-head/table-head.json | 2 +- .../table-pagination/table-pagination.json | 23 +++--- .../api-docs/table-row/table-row.json | 10 +-- .../table-sort-label/table-sort-label.json | 10 +-- docs/translations/api-docs/table/table.json | 4 +- docs/translations/api-docs/tabs/tabs.json | 29 ++++---- .../api-docs/text-field/text-field.json | 2 +- .../timeline-connector.json | 2 +- .../timeline-content/timeline-content.json | 4 +- .../api-docs/timeline-dot/timeline-dot.json | 18 ++--- .../api-docs/timeline-item/timeline-item.json | 14 ++-- .../timeline-opposite-content.json | 4 +- .../timeline-separator.json | 2 +- .../api-docs/timeline/timeline.json | 8 +-- .../toggle-button-group.json | 10 +-- .../api-docs/toggle-button/toggle-button.json | 12 ++-- .../api-docs/toolbar/toolbar.json | 8 +-- .../api-docs/tooltip/tooltip.json | 22 +++--- .../api-docs/tree-item/tree-item.json | 18 ++--- .../api-docs/tree-view/tree-view.json | 2 +- .../api-docs/typography/typography.json | 60 ++++++++-------- .../src/ButtonGroup/ButtonGroup.d.ts | 2 +- .../src/ButtonGroup/ButtonGroup.js | 2 +- 125 files changed, 968 insertions(+), 925 deletions(-) diff --git a/docs/scripts/buildApi.ts b/docs/scripts/buildApi.ts index 62fb4ddf6f718e..1fce76d6efbe4c 100644 --- a/docs/scripts/buildApi.ts +++ b/docs/scripts/buildApi.ts @@ -804,7 +804,7 @@ function extractClassConditions(descriptions: any) { const classConditions: { [key: string]: { description: string; conditions?: string; nodeName?: string }; } = {}; - const stylesRegex = /(Styles|Pseudo-class) applied to the (.*?)(( if | unless | when |, ){1}(.*))?\./; + const stylesRegex = /(Styles|Pseudo-class) applied to (.*?)(( if | unless | when |, ){1}(.*))?\./; Object.entries(descriptions).forEach(([className, classDescription]: any) => { if (className) { diff --git a/docs/translations/api-docs/accordion-actions/accordion-actions.json b/docs/translations/api-docs/accordion-actions/accordion-actions.json index 499b2afffb66c1..c3c883214ac83d 100644 --- a/docs/translations/api-docs/accordion-actions/accordion-actions.json +++ b/docs/translations/api-docs/accordion-actions/accordion-actions.json @@ -6,10 +6,10 @@ "disableSpacing": "If true, the actions do not have additional margin." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "spacing": { "description": "{{stylesApplied}} unless {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disableSpacing={true}" } } diff --git a/docs/translations/api-docs/accordion-details/accordion-details.json b/docs/translations/api-docs/accordion-details/accordion-details.json index 00156cbab4aef5..831be86773f91c 100644 --- a/docs/translations/api-docs/accordion-details/accordion-details.json +++ b/docs/translations/api-docs/accordion-details/accordion-details.json @@ -5,6 +5,6 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/accordion-summary/accordion-summary.json b/docs/translations/api-docs/accordion-summary/accordion-summary.json index cf792f085987b7..7e14f9ace21272 100644 --- a/docs/translations/api-docs/accordion-summary/accordion-summary.json +++ b/docs/translations/api-docs/accordion-summary/accordion-summary.json @@ -7,26 +7,26 @@ "focusVisibleClassName": "This prop can help identify which element has keyboard focus. The class name will be applied when the element gains the focus through keyboard interaction. It's a polyfill for the CSS :focus-visible selector. The rationale for using this feature is explained here. A polyfill can be used to apply a focus-visible class to other components if needed." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "expanded": { "description": "{{pseudoClassApplied}}, {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "children wrapper element and IconButton component if expanded={true}" }, "focusVisible": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "ButtonBase root element", + "nodeName": "the ButtonBase root element", "conditions": "the button is keyboard focused" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, - "content": { "description": "{{stylesApplied}}", "nodeName": "children wrapper element" }, + "content": { "description": "{{stylesApplied}}", "nodeName": "the children wrapper element" }, "expandIconWrapper": { "description": "{{stylesApplied}}", - "nodeName": "`expandIcon`'s wrapper element" + "nodeName": "the `expandIcon`'s wrapper element" } } } diff --git a/docs/translations/api-docs/accordion/accordion.json b/docs/translations/api-docs/accordion/accordion.json index 8bce07dfcb7a36..3ab9eb3dbff6a8 100644 --- a/docs/translations/api-docs/accordion/accordion.json +++ b/docs/translations/api-docs/accordion/accordion.json @@ -12,25 +12,25 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "rounded": { "description": "{{stylesApplied}} unless {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "square={true}" }, "expanded": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "expanded={true}" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, "region": { "description": "{{stylesApplied}}, {{conditions}}.", - "nodeName": "region element", + "nodeName": "the region element", "conditions": "the container of the children" } } diff --git a/docs/translations/api-docs/alert-title/alert-title.json b/docs/translations/api-docs/alert-title/alert-title.json index 00156cbab4aef5..831be86773f91c 100644 --- a/docs/translations/api-docs/alert-title/alert-title.json +++ b/docs/translations/api-docs/alert-title/alert-title.json @@ -5,6 +5,6 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/alert/alert.json b/docs/translations/api-docs/alert/alert.json index 5c992857059715..a049a71245e06a 100644 --- a/docs/translations/api-docs/alert/alert.json +++ b/docs/translations/api-docs/alert/alert.json @@ -14,87 +14,87 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "filled": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"filled\"" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"outlined\"" }, "standard": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"standard\"" }, "standardSuccess": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"standard\" and color=\"success\"" }, "standardInfo": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"standard\" and color=\"info\"" }, "standardWarning": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"standard\" and color=\"warning\"" }, "standardError": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"standard\" and color=\"error\"" }, "outlinedSuccess": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"success\"" }, "outlinedInfo": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"info\"" }, "outlinedWarning": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"warning\"" }, "outlinedError": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"error\"" }, "filledSuccess": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"filled\" and color=\"success\"" }, "filledInfo": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"filled\" and color=\"info\"" }, "filledWarning": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"filled\" and color=\"warning\"" }, "filledError": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"filled\" and color=\"error\"" }, - "icon": { "description": "{{stylesApplied}}", "nodeName": "icon wrapper element" }, - "message": { "description": "{{stylesApplied}}", "nodeName": "message wrapper element" }, + "icon": { "description": "{{stylesApplied}}", "nodeName": "the icon wrapper element" }, + "message": { "description": "{{stylesApplied}}", "nodeName": "the message wrapper element" }, "action": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "action wrapper element", + "nodeName": "the action wrapper element", "conditions": "action is provided" } } diff --git a/docs/translations/api-docs/app-bar/app-bar.json b/docs/translations/api-docs/app-bar/app-bar.json index b3eab306f2a543..e1dcff7e065af0 100644 --- a/docs/translations/api-docs/app-bar/app-bar.json +++ b/docs/translations/api-docs/app-bar/app-bar.json @@ -7,55 +7,55 @@ "position": "The positioning type. The behavior of the different options is described in the MDN web docs. Note: sticky is not universally supported and will fall back to static when unavailable." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "positionFixed": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "position=\"fixed\"" }, "positionAbsolute": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "position=\"absolute\"" }, "positionSticky": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "position=\"sticky\"" }, "positionStatic": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "position=\"static\"" }, "positionRelative": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "position=\"relative\"" }, "colorDefault": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"default\"" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"secondary\"" }, "colorInherit": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"inherit\"" }, "colorTransparent": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"transparent\"" } } diff --git a/docs/translations/api-docs/autocomplete/autocomplete.json b/docs/translations/api-docs/autocomplete/autocomplete.json index 9677e5c40f8682..ee0c37816f41a1 100644 --- a/docs/translations/api-docs/autocomplete/autocomplete.json +++ b/docs/translations/api-docs/autocomplete/autocomplete.json @@ -61,57 +61,57 @@ "value": "The value of the autocomplete.
The value must have reference equality with the option in order to be selected. You can customize the equality behavior with the getOptionSelected prop." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "@media (pointer": { "description": "Avoid double tap issue on iOS" }, "fullWidth": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "fullWidth={true}" }, "focused": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "focused" }, "tag": { "description": "{{stylesApplied}}, {{conditions}}.", - "nodeName": "tag elements", + "nodeName": "the tag elements", "conditions": "e.g. the chips" }, "tagSizeSmall": { "description": "{{stylesApplied}}, {{conditions}}.", - "nodeName": "tag elements", + "nodeName": "the tag elements", "conditions": "e.g. the chips if size=\"small\"" }, "hasPopupIcon": { "description": "Styles applied when the popup icon is rendered." }, "hasClearIcon": { "description": "Styles applied when the clear icon is rendered." }, - "inputRoot": { "description": "{{stylesApplied}}", "nodeName": "Input element" }, - "input": { "description": "{{stylesApplied}}", "nodeName": "input element" }, + "inputRoot": { "description": "{{stylesApplied}}", "nodeName": "the Input element" }, + "input": { "description": "{{stylesApplied}}", "nodeName": "the input element" }, "inputFocused": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "tag focused" }, - "endAdornment": { "description": "{{stylesApplied}}", "nodeName": "endAdornment element" }, - "clearIndicator": { "description": "{{stylesApplied}}", "nodeName": "clear indicator" }, - "popupIndicator": { "description": "{{stylesApplied}}", "nodeName": "popup indicator" }, + "endAdornment": { "description": "{{stylesApplied}}", "nodeName": "the endAdornment element" }, + "clearIndicator": { "description": "{{stylesApplied}}", "nodeName": "the clear indicator" }, + "popupIndicator": { "description": "{{stylesApplied}}", "nodeName": "the popup indicator" }, "popupIndicatorOpen": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "popup indicator", + "nodeName": "the popup indicator", "conditions": "the popup is open" }, - "popper": { "description": "{{stylesApplied}}", "nodeName": "popper element" }, + "popper": { "description": "{{stylesApplied}}", "nodeName": "the popper element" }, "popperDisablePortal": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "popper element", + "nodeName": "the popper element", "conditions": "disablePortal={true}" }, - "paper": { "description": "{{stylesApplied}}", "nodeName": "Paper component" }, - "listbox": { "description": "{{stylesApplied}}", "nodeName": "listbox component" }, - "loading": { "description": "{{stylesApplied}}", "nodeName": "loading wrapper" }, - "noOptions": { "description": "{{stylesApplied}}", "nodeName": "no option wrapper" }, - "option": { "description": "{{stylesApplied}}", "nodeName": "option elements" }, - "groupLabel": { "description": "{{stylesApplied}}", "nodeName": "group's label elements" }, - "groupUl": { "description": "{{stylesApplied}}", "nodeName": "group's ul elements" } + "paper": { "description": "{{stylesApplied}}", "nodeName": "the Paper component" }, + "listbox": { "description": "{{stylesApplied}}", "nodeName": "the listbox component" }, + "loading": { "description": "{{stylesApplied}}", "nodeName": "the loading wrapper" }, + "noOptions": { "description": "{{stylesApplied}}", "nodeName": "the no option wrapper" }, + "option": { "description": "{{stylesApplied}}", "nodeName": "the option elements" }, + "groupLabel": { "description": "{{stylesApplied}}", "nodeName": "the group's label elements" }, + "groupUl": { "description": "{{stylesApplied}}", "nodeName": "the group's ul elements" } } } diff --git a/docs/translations/api-docs/avatar-group/avatar-group.json b/docs/translations/api-docs/avatar-group/avatar-group.json index 34e1a95f0416bb..a940eb8819c460 100644 --- a/docs/translations/api-docs/avatar-group/avatar-group.json +++ b/docs/translations/api-docs/avatar-group/avatar-group.json @@ -8,7 +8,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, - "avatar": { "description": "{{stylesApplied}}", "nodeName": "avatar elements" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "avatar": { "description": "{{stylesApplied}}", "nodeName": "the avatar elements" } } } diff --git a/docs/translations/api-docs/avatar/avatar.json b/docs/translations/api-docs/avatar/avatar.json index a4dc68a05909fa..784a4a8ce58c03 100644 --- a/docs/translations/api-docs/avatar/avatar.json +++ b/docs/translations/api-docs/avatar/avatar.json @@ -13,30 +13,30 @@ "variant": "The shape of the avatar." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "colorDefault": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "not src or srcSet" }, "circular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"circular\"" }, "rounded": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"rounded\"" }, "square": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"square\"" }, "img": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "img element", + "nodeName": "the img element", "conditions": "either src or srcSet is defined" }, "fallback": { "description": "Styles applied to the fallback icon" } diff --git a/docs/translations/api-docs/backdrop/backdrop.json b/docs/translations/api-docs/backdrop/backdrop.json index 0b17031266f927..6d80384195b1a0 100644 --- a/docs/translations/api-docs/backdrop/backdrop.json +++ b/docs/translations/api-docs/backdrop/backdrop.json @@ -8,10 +8,10 @@ "transitionDuration": "The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "invisible": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "invisible={true}" } } diff --git a/docs/translations/api-docs/badge-unstyled/badge-unstyled.json b/docs/translations/api-docs/badge-unstyled/badge-unstyled.json index de08ea937167fd..b6dd7bb3e774fa 100644 --- a/docs/translations/api-docs/badge-unstyled/badge-unstyled.json +++ b/docs/translations/api-docs/badge-unstyled/badge-unstyled.json @@ -15,61 +15,61 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, - "badge": { "description": "{{stylesApplied}}", "nodeName": "badge `span` element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "badge": { "description": "{{stylesApplied}}", "nodeName": "the badge `span` element" }, "dot": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "variant=\"dot\"" }, "standard": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "variant=\"standard\"" }, "anchorOriginTopRightRectangular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "anchorOrigin={{ 'top', 'right' }} overlap=\"rectangular\"" }, "anchorOriginBottomRightRectangular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "anchorOrigin={{ 'bottom', 'right' }} overlap=\"rectangular\"" }, "anchorOriginTopLeftRectangular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "anchorOrigin={{ 'top', 'left' }} overlap=\"rectangular\"" }, "anchorOriginBottomLeftRectangular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "anchorOrigin={{ 'bottom', 'left' }} overlap=\"rectangular\"" }, "anchorOriginTopRightCircular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "anchorOrigin={{ 'top', 'right' }} overlap=\"circular\"" }, "anchorOriginBottomRightCircular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "anchorOrigin={{ 'bottom', 'right' }} overlap=\"circular\"" }, "anchorOriginTopLeftCircular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "anchorOrigin={{ 'top', 'left' }} overlap=\"circular\"" }, "anchorOriginBottomLeftCircular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "anchorOrigin={{ 'bottom', 'left' }} overlap=\"circular\"" }, "invisible": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "invisible={true}" } } diff --git a/docs/translations/api-docs/badge/badge.json b/docs/translations/api-docs/badge/badge.json index 264f1c6bb2612e..de794c19e74af1 100644 --- a/docs/translations/api-docs/badge/badge.json +++ b/docs/translations/api-docs/badge/badge.json @@ -17,76 +17,76 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, - "badge": { "description": "{{stylesApplied}}", "nodeName": "badge `span` element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "badge": { "description": "{{stylesApplied}}", "nodeName": "the badge `span` element" }, "dot": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "variant=\"dot\"" }, "standard": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "variant=\"standard\"" }, "anchorOriginTopRightRectangular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "anchorOrigin={{ 'top', 'right' }} overlap=\"rectangular\"" }, "anchorOriginBottomRightRectangular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "anchorOrigin={{ 'bottom', 'right' }} overlap=\"rectangular\"" }, "anchorOriginTopLeftRectangular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "anchorOrigin={{ 'top', 'left' }} overlap=\"rectangular\"" }, "anchorOriginBottomLeftRectangular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "anchorOrigin={{ 'bottom', 'left' }} overlap=\"rectangular\"" }, "anchorOriginTopRightCircular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "anchorOrigin={{ 'top', 'right' }} overlap=\"circular\"" }, "anchorOriginBottomRightCircular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "anchorOrigin={{ 'bottom', 'right' }} overlap=\"circular\"" }, "anchorOriginTopLeftCircular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "anchorOrigin={{ 'top', 'left' }} overlap=\"circular\"" }, "anchorOriginBottomLeftCircular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "anchorOrigin={{ 'bottom', 'left' }} overlap=\"circular\"" }, "invisible": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "invisible={true}" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "color=\"secondary\"" }, "colorError": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "badge `span` element", + "nodeName": "the badge `span` element", "conditions": "color=\"error\"" } } diff --git a/docs/translations/api-docs/bottom-navigation-action/bottom-navigation-action.json b/docs/translations/api-docs/bottom-navigation-action/bottom-navigation-action.json index 3f08abcf22424f..962ed1b440a81c 100644 --- a/docs/translations/api-docs/bottom-navigation-action/bottom-navigation-action.json +++ b/docs/translations/api-docs/bottom-navigation-action/bottom-navigation-action.json @@ -9,21 +9,21 @@ "value": "You can provide your own value. Otherwise, we fallback to the child position index." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "selected": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "selected" }, "iconOnly": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "showLabel={false} and not selected" }, "wrapper": { "description": "{{stylesApplied}}", - "nodeName": "span element that wraps the icon and label" + "nodeName": "the span element that wraps the icon and label" }, - "label": { "description": "{{stylesApplied}}", "nodeName": "label's span element" } + "label": { "description": "{{stylesApplied}}", "nodeName": "the label's span element" } } } diff --git a/docs/translations/api-docs/bottom-navigation/bottom-navigation.json b/docs/translations/api-docs/bottom-navigation/bottom-navigation.json index e0a58142c084f8..4426c504e263ad 100644 --- a/docs/translations/api-docs/bottom-navigation/bottom-navigation.json +++ b/docs/translations/api-docs/bottom-navigation/bottom-navigation.json @@ -9,6 +9,6 @@ "value": "The value of the currently selected BottomNavigationAction." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/breadcrumbs/breadcrumbs.json b/docs/translations/api-docs/breadcrumbs/breadcrumbs.json index 5bdc9375a96bd2..f2076da09e609e 100644 --- a/docs/translations/api-docs/breadcrumbs/breadcrumbs.json +++ b/docs/translations/api-docs/breadcrumbs/breadcrumbs.json @@ -11,9 +11,9 @@ "separator": "Custom separator node." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, - "ol": { "description": "{{stylesApplied}}", "nodeName": "ol element" }, - "li": { "description": "{{stylesApplied}}", "nodeName": "li element" }, - "separator": { "description": "{{stylesApplied}}", "nodeName": "separator element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "ol": { "description": "{{stylesApplied}}", "nodeName": "the ol element" }, + "li": { "description": "{{stylesApplied}}", "nodeName": "the li element" }, + "separator": { "description": "{{stylesApplied}}", "nodeName": "the separator element" } } } diff --git a/docs/translations/api-docs/button-base/button-base.json b/docs/translations/api-docs/button-base/button-base.json index 71b72c57381fbe..17cab9de29383d 100644 --- a/docs/translations/api-docs/button-base/button-base.json +++ b/docs/translations/api-docs/button-base/button-base.json @@ -16,15 +16,15 @@ "TouchRippleProps": "Props applied to the TouchRipple element." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, "focusVisible": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "keyboard focused" } } diff --git a/docs/translations/api-docs/button-group/button-group.json b/docs/translations/api-docs/button-group/button-group.json index 5fd2d6c7ef616a..4546e5c86d12b3 100644 --- a/docs/translations/api-docs/button-group/button-group.json +++ b/docs/translations/api-docs/button-group/button-group.json @@ -15,122 +15,126 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "contained": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"contained\"" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"outlined\"" }, "text": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"text\"" }, "disableElevation": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disableElevation={true}" }, - "disabled": { "description": "Pseudo-class applied to child elements if `disabled={true}`." }, + "disabled": { + "description": "{{pseudoClassApplied}} if {{conditions}}.", + "nodeName": "the child elements", + "conditions": "disabled={true}" + }, "fullWidth": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "fullWidth={true}" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, - "grouped": { "description": "{{stylesApplied}}", "nodeName": "children" }, + "grouped": { "description": "{{stylesApplied}}", "nodeName": "the children" }, "groupedHorizontal": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "children", + "nodeName": "the children", "conditions": "orientation=\"horizontal\"" }, "groupedVertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "children", + "nodeName": "the children", "conditions": "orientation=\"vertical\"" }, "groupedText": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "children", + "nodeName": "the children", "conditions": "variant=\"text\"" }, "groupedTextHorizontal": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "children", + "nodeName": "the children", "conditions": "variant=\"text\" and orientation=\"horizontal\"" }, "groupedTextVertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "children", + "nodeName": "the children", "conditions": "variant=\"text\" and orientation=\"vertical\"" }, "groupedTextPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "children", + "nodeName": "the children", "conditions": "variant=\"text\" and color=\"primary\"" }, "groupedTextSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "children", + "nodeName": "the children", "conditions": "variant=\"text\" and color=\"secondary\"" }, "groupedOutlined": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "children", + "nodeName": "the children", "conditions": "variant=\"outlined\"" }, "groupedOutlinedHorizontal": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "children", + "nodeName": "the children", "conditions": "variant=\"outlined\" and orientation=\"horizontal\"" }, "groupedOutlinedVertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "children", + "nodeName": "the children", "conditions": "variant=\"outlined\" and orientation=\"vertical\"" }, "groupedOutlinedPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "children", + "nodeName": "the children", "conditions": "variant=\"outlined\" and color=\"primary\"" }, "groupedOutlinedSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "children", + "nodeName": "the children", "conditions": "variant=\"outlined\" and color=\"secondary\"" }, "groupedContained": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "children", + "nodeName": "the children", "conditions": "variant=\"contained\"" }, "groupedContainedHorizontal": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "children", + "nodeName": "the children", "conditions": "variant=\"contained\" and orientation=\"horizontal\"" }, "groupedContainedVertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "children", + "nodeName": "the children", "conditions": "variant=\"contained\" and orientation=\"vertical\"" }, "groupedContainedPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "children", + "nodeName": "the children", "conditions": "variant=\"contained\" and color=\"primary\"" }, "groupedContainedSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "children", + "nodeName": "the children", "conditions": "variant=\"contained\" and color=\"secondary\"" } } diff --git a/docs/translations/api-docs/button/button.json b/docs/translations/api-docs/button/button.json index 62a5e5d0c40a5a..1215bef9cb7e80 100644 --- a/docs/translations/api-docs/button/button.json +++ b/docs/translations/api-docs/button/button.json @@ -18,179 +18,179 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "label": { "description": "{{stylesApplied}}", - "nodeName": "span element that wraps the children" + "nodeName": "the span element that wraps the children" }, "text": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"text\"" }, "textInherit": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"text\" and color=\"inherit\"" }, "textPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"text\" and color=\"primary\"" }, "textSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"text\" and color=\"secondary\"" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"outlined\"" }, "outlinedInherit": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"inherit\"" }, "outlinedPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"primary\"" }, "outlinedSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"secondary\"" }, "contained": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"contained\"" }, "containedInherit": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"contained\" and color=\"inherit\"" }, "containedPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"contained\" and color=\"primary\"" }, "containedSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"contained\" and color=\"secondary\"" }, "disableElevation": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disableElevation={true}" }, "focusVisible": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "ButtonBase root element", + "nodeName": "the ButtonBase root element", "conditions": "the button is keyboard focused" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, "colorInherit": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"inherit\"" }, "textSizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"small\" and variant=\"text\"" }, "textSizeMedium": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"medium\" and variant=\"text\"" }, "textSizeLarge": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"large\" and variant=\"text\"" }, "outlinedSizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"small\" and variant=\"outlined\"" }, "outlinedSizeMedium": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"medium\" and variant=\"outlined\"" }, "outlinedSizeLarge": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"large\" and variant=\"outlined\"" }, "containedSizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"small\" and variant=\"contained\"" }, "containedSizeMedium": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"small\" and variant=\"contained\"" }, "containedSizeLarge": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"large\" and variant=\"contained\"" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"small\"" }, "sizeMedium": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"medium\"" }, "sizeLarge": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"large\"" }, "fullWidth": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "fullWidth={true}" }, "startIcon": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "startIcon element", + "nodeName": "the startIcon element", "conditions": "supplied" }, "endIcon": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "endIcon element", + "nodeName": "the endIcon element", "conditions": "supplied" }, "iconSizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "icon element", + "nodeName": "the icon element", "conditions": "supplied and size=\"small\"" }, "iconSizeMedium": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "icon element", + "nodeName": "the icon element", "conditions": "supplied and size=\"medium\"" }, "iconSizeLarge": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "icon element", + "nodeName": "the icon element", "conditions": "supplied and size=\"large\"" } } diff --git a/docs/translations/api-docs/card-action-area/card-action-area.json b/docs/translations/api-docs/card-action-area/card-action-area.json index 2debd6d10ac4e2..329a3e9ae9b0e6 100644 --- a/docs/translations/api-docs/card-action-area/card-action-area.json +++ b/docs/translations/api-docs/card-action-area/card-action-area.json @@ -5,15 +5,15 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "focusVisible": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "ButtonBase root element", + "nodeName": "the ButtonBase root element", "conditions": "the action area is keyboard focused" }, "focusHighlight": { "description": "{{stylesApplied}} when {{conditions}}.", - "nodeName": "overlay that covers the action area", + "nodeName": "the overlay that covers the action area", "conditions": "it is keyboard focused" } } diff --git a/docs/translations/api-docs/card-actions/card-actions.json b/docs/translations/api-docs/card-actions/card-actions.json index 499b2afffb66c1..c3c883214ac83d 100644 --- a/docs/translations/api-docs/card-actions/card-actions.json +++ b/docs/translations/api-docs/card-actions/card-actions.json @@ -6,10 +6,10 @@ "disableSpacing": "If true, the actions do not have additional margin." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "spacing": { "description": "{{stylesApplied}} unless {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disableSpacing={true}" } } diff --git a/docs/translations/api-docs/card-content/card-content.json b/docs/translations/api-docs/card-content/card-content.json index 5a195fb869b910..7b62bcbc050521 100644 --- a/docs/translations/api-docs/card-content/card-content.json +++ b/docs/translations/api-docs/card-content/card-content.json @@ -6,6 +6,6 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/card-header/card-header.json b/docs/translations/api-docs/card-header/card-header.json index fd5ac8c86c3dce..cfc31ce2699b75 100644 --- a/docs/translations/api-docs/card-header/card-header.json +++ b/docs/translations/api-docs/card-header/card-header.json @@ -12,11 +12,14 @@ "titleTypographyProps": "These props will be forwarded to the title (as long as disableTypography is not true)." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, - "avatar": { "description": "{{stylesApplied}}", "nodeName": "avatar element" }, - "action": { "description": "{{stylesApplied}}", "nodeName": "action element" }, - "content": { "description": "{{stylesApplied}}", "nodeName": "content wrapper element" }, - "title": { "description": "{{stylesApplied}}", "nodeName": "title Typography element" }, - "subheader": { "description": "{{stylesApplied}}", "nodeName": "subheader Typography element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "avatar": { "description": "{{stylesApplied}}", "nodeName": "the avatar element" }, + "action": { "description": "{{stylesApplied}}", "nodeName": "the action element" }, + "content": { "description": "{{stylesApplied}}", "nodeName": "the content wrapper element" }, + "title": { "description": "{{stylesApplied}}", "nodeName": "the title Typography element" }, + "subheader": { + "description": "{{stylesApplied}}", + "nodeName": "the subheader Typography element" + } } } diff --git a/docs/translations/api-docs/card-media/card-media.json b/docs/translations/api-docs/card-media/card-media.json index af0943b593835d..4feedf70649918 100644 --- a/docs/translations/api-docs/card-media/card-media.json +++ b/docs/translations/api-docs/card-media/card-media.json @@ -8,15 +8,15 @@ "src": "An alias for image property. Available only with media components. Media components: video, audio, picture, iframe, img." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "media": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "component=\"video, audio, picture, iframe, or img\"" }, "img": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "component=\"picture or img\"" } } diff --git a/docs/translations/api-docs/card/card.json b/docs/translations/api-docs/card/card.json index 1a5fadd4e8dc48..8a7b705ac27cce 100644 --- a/docs/translations/api-docs/card/card.json +++ b/docs/translations/api-docs/card/card.json @@ -6,6 +6,6 @@ "raised": "If true, the card will use raised styling." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/checkbox/checkbox.json b/docs/translations/api-docs/checkbox/checkbox.json index 1796160ab88ea3..cb60213300e18b 100644 --- a/docs/translations/api-docs/checkbox/checkbox.json +++ b/docs/translations/api-docs/checkbox/checkbox.json @@ -19,30 +19,30 @@ "value": "The value of the component. The DOM API casts this to a string. The browser uses "on" as the default value." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "checked": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "checked={true}" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, "indeterminate": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "indeterminate={true}" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"secondary\"" } } diff --git a/docs/translations/api-docs/chip/chip.json b/docs/translations/api-docs/chip/chip.json index 58eefd5f1dccec..995c35eab5482b 100644 --- a/docs/translations/api-docs/chip/chip.json +++ b/docs/translations/api-docs/chip/chip.json @@ -16,144 +16,144 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"small\"" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"secondary\"" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, "clickable": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "onClick is defined or clickable={true}" }, "clickableColorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "onClick and color=\"primary\" is defined or clickable={true}" }, "clickableColorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "onClick and color=\"secondary\" is defined or clickable={true}" }, "deletable": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "onDelete is defined" }, "deletableColorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "onDelete and color=\"primary\" is defined" }, "deletableColorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "onDelete and color=\"secondary\" is defined" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"outlined\"" }, "filled": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"filled\"" }, "outlinedPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"primary\"" }, "outlinedSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"secondary\"" }, - "avatar": { "description": "{{stylesApplied}}", "nodeName": "avatar element" }, + "avatar": { "description": "{{stylesApplied}}", "nodeName": "the avatar element" }, "avatarSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "avatar element", + "nodeName": "the avatar element", "conditions": "size=\"small\"" }, "avatarColorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "avatar element", + "nodeName": "the avatar element", "conditions": "color=\"primary\"" }, "avatarColorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "avatar element", + "nodeName": "the avatar element", "conditions": "color=\"secondary\"" }, - "icon": { "description": "{{stylesApplied}}", "nodeName": "icon element" }, + "icon": { "description": "{{stylesApplied}}", "nodeName": "the icon element" }, "iconSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "icon element", + "nodeName": "the icon element", "conditions": "size=\"small\"" }, "iconColorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "icon element", + "nodeName": "the icon element", "conditions": "color=\"primary\"" }, "iconColorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "icon element", + "nodeName": "the icon element", "conditions": "color=\"secondary\"" }, - "label": { "description": "{{stylesApplied}}", "nodeName": "label `span` element" }, + "label": { "description": "{{stylesApplied}}", "nodeName": "the label `span` element" }, "labelSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "label `span` element", + "nodeName": "the label `span` element", "conditions": "size=\"small\"" }, - "deleteIcon": { "description": "{{stylesApplied}}", "nodeName": "deleteIcon element" }, + "deleteIcon": { "description": "{{stylesApplied}}", "nodeName": "the deleteIcon element" }, "deleteIconSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "deleteIcon element", + "nodeName": "the deleteIcon element", "conditions": "size=\"small\"" }, "deleteIconColorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "deleteIcon element", + "nodeName": "the deleteIcon element", "conditions": "color=\"primary\" and variant=\"filled\"" }, "deleteIconColorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "deleteIcon element", + "nodeName": "the deleteIcon element", "conditions": "color=\"secondary\" and variant=\"filled\"" }, "deleteIconOutlinedColorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "deleteIcon element", + "nodeName": "the deleteIcon element", "conditions": "color=\"primary\" and variant=\"outlined\"" }, "deleteIconOutlinedColorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "deleteIcon element", + "nodeName": "the deleteIcon element", "conditions": "color=\"secondary\" and variant=\"outlined\"" }, "focusVisible": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "keyboard focused" } } diff --git a/docs/translations/api-docs/circular-progress/circular-progress.json b/docs/translations/api-docs/circular-progress/circular-progress.json index e477d30f9412b1..8d6cc511a0d5b4 100644 --- a/docs/translations/api-docs/circular-progress/circular-progress.json +++ b/docs/translations/api-docs/circular-progress/circular-progress.json @@ -10,42 +10,42 @@ "variant": "The variant to use. Use indeterminate when there is no progress value." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "determinate": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"determinate\"" }, "indeterminate": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"indeterminate\"" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"secondary\"" }, - "svg": { "description": "{{stylesApplied}}", "nodeName": "svg element" }, - "circle": { "description": "{{stylesApplied}}", "nodeName": "`circle` svg path" }, + "svg": { "description": "{{stylesApplied}}", "nodeName": "the svg element" }, + "circle": { "description": "{{stylesApplied}}", "nodeName": "the `circle` svg path" }, "circleDeterminate": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "`circle` svg path", + "nodeName": "the `circle` svg path", "conditions": "variant=\"determinate\"" }, "circleIndeterminate": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "`circle` svg path", + "nodeName": "the `circle` svg path", "conditions": "variant=\"indeterminate\"" }, "circleDisableShrink": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "`circle` svg path", + "nodeName": "the `circle` svg path", "conditions": "disableShrink={true}" } } diff --git a/docs/translations/api-docs/collapse/collapse.json b/docs/translations/api-docs/collapse/collapse.json index 24fbaa2e3355d3..0a982261ebdac5 100644 --- a/docs/translations/api-docs/collapse/collapse.json +++ b/docs/translations/api-docs/collapse/collapse.json @@ -10,23 +10,23 @@ "timeout": "The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.
Set to 'auto' to automatically calculate transition time based on height." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "horizontal": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "orientation=\"horizontal\"" }, "entered": { "description": "{{stylesApplied}} when {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "the transition has entered" }, "hidden": { "description": "{{stylesApplied}} when {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "the transition has exited and collapsedSize = 0px" }, - "wrapper": { "description": "{{stylesApplied}}", "nodeName": "outer wrapper element" }, - "wrapperInner": { "description": "{{stylesApplied}}", "nodeName": "inner wrapper element" } + "wrapper": { "description": "{{stylesApplied}}", "nodeName": "the outer wrapper element" }, + "wrapperInner": { "description": "{{stylesApplied}}", "nodeName": "the inner wrapper element" } } } diff --git a/docs/translations/api-docs/container/container.json b/docs/translations/api-docs/container/container.json index 2fbacf2aa917d8..6c5873b07c802e 100644 --- a/docs/translations/api-docs/container/container.json +++ b/docs/translations/api-docs/container/container.json @@ -9,40 +9,40 @@ "sx": "The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "disableGutters": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disableGutters={true}" }, "fixed": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "fixed={true}" }, "maxWidthXs": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "maxWidth=\"xs\"" }, "maxWidthSm": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "maxWidth=\"sm\"" }, "maxWidthMd": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "maxWidth=\"md\"" }, "maxWidthLg": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "maxWidth=\"lg\"" }, "maxWidthXl": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "maxWidth=\"xl\"" } } diff --git a/docs/translations/api-docs/dialog-actions/dialog-actions.json b/docs/translations/api-docs/dialog-actions/dialog-actions.json index 499b2afffb66c1..c3c883214ac83d 100644 --- a/docs/translations/api-docs/dialog-actions/dialog-actions.json +++ b/docs/translations/api-docs/dialog-actions/dialog-actions.json @@ -6,10 +6,10 @@ "disableSpacing": "If true, the actions do not have additional margin." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "spacing": { "description": "{{stylesApplied}} unless {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disableSpacing={true}" } } diff --git a/docs/translations/api-docs/dialog-content-text/dialog-content-text.json b/docs/translations/api-docs/dialog-content-text/dialog-content-text.json index 00156cbab4aef5..831be86773f91c 100644 --- a/docs/translations/api-docs/dialog-content-text/dialog-content-text.json +++ b/docs/translations/api-docs/dialog-content-text/dialog-content-text.json @@ -5,6 +5,6 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/dialog-content/dialog-content.json b/docs/translations/api-docs/dialog-content/dialog-content.json index b5125d0bdf790d..a21fa57fe67139 100644 --- a/docs/translations/api-docs/dialog-content/dialog-content.json +++ b/docs/translations/api-docs/dialog-content/dialog-content.json @@ -6,10 +6,10 @@ "dividers": "Display the top and bottom dividers." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "dividers": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "dividers={true}" } } diff --git a/docs/translations/api-docs/dialog-title/dialog-title.json b/docs/translations/api-docs/dialog-title/dialog-title.json index e53b081ad31b96..8bac9858df3fdc 100644 --- a/docs/translations/api-docs/dialog-title/dialog-title.json +++ b/docs/translations/api-docs/dialog-title/dialog-title.json @@ -6,6 +6,6 @@ "disableTypography": "If true, the children won't be wrapped by a typography component. For instance, this can be useful to render an h4 instead of the default h2." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/dialog/dialog.json b/docs/translations/api-docs/dialog/dialog.json index 913dde53fe0a44..002f10c78a7006 100644 --- a/docs/translations/api-docs/dialog/dialog.json +++ b/docs/translations/api-docs/dialog/dialog.json @@ -20,67 +20,67 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "scrollPaper": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "container element", + "nodeName": "the container element", "conditions": "scroll=\"paper\"" }, "scrollBody": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "container element", + "nodeName": "the container element", "conditions": "scroll=\"body\"" }, - "container": { "description": "{{stylesApplied}}", "nodeName": "container element" }, - "paper": { "description": "{{stylesApplied}}", "nodeName": "Paper component" }, + "container": { "description": "{{stylesApplied}}", "nodeName": "the container element" }, + "paper": { "description": "{{stylesApplied}}", "nodeName": "the Paper component" }, "paperScrollPaper": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Paper component", + "nodeName": "the Paper component", "conditions": "scroll=\"paper\"" }, "paperScrollBody": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Paper component", + "nodeName": "the Paper component", "conditions": "scroll=\"body\"" }, "paperWidthFalse": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Paper component", + "nodeName": "the Paper component", "conditions": "maxWidth=false" }, "paperWidthXs": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Paper component", + "nodeName": "the Paper component", "conditions": "maxWidth=\"xs\"" }, "paperWidthSm": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Paper component", + "nodeName": "the Paper component", "conditions": "maxWidth=\"sm\"" }, "paperWidthMd": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Paper component", + "nodeName": "the Paper component", "conditions": "maxWidth=\"md\"" }, "paperWidthLg": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Paper component", + "nodeName": "the Paper component", "conditions": "maxWidth=\"lg\"" }, "paperWidthXl": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Paper component", + "nodeName": "the Paper component", "conditions": "maxWidth=\"xl\"" }, "paperFullWidth": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Paper component", + "nodeName": "the Paper component", "conditions": "fullWidth={true}" }, "paperFullScreen": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Paper component", + "nodeName": "the Paper component", "conditions": "fullScreen={true}" } } diff --git a/docs/translations/api-docs/divider/divider.json b/docs/translations/api-docs/divider/divider.json index 7fe3fdde5107a4..b1eb67e8a70196 100644 --- a/docs/translations/api-docs/divider/divider.json +++ b/docs/translations/api-docs/divider/divider.json @@ -12,70 +12,70 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "absolute": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "absolute={true}" }, "inset": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"inset\"" }, "fullWidth": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"fullWidth\"" }, "light": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "light={true}" }, "middle": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"middle\"" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, "flexItem": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "flexItem={true}" }, "withChildren": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "divider have text" }, "withChildrenVertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "divider have text and orientation=\"vertical\"" }, "textAlignRight": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "textAlign=\"right\" orientation=\"horizontal\"" }, "textAlignLeft": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "textAlign=\"left\" orientation=\"horizontal\"" }, "wrapper": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "span children element", + "nodeName": "the span children element", "conditions": "orientation=\"horizontal\"" }, "wrapperVertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "span children element", + "nodeName": "the span children element", "conditions": "orientation=\"vertical\"" } } diff --git a/docs/translations/api-docs/drawer/drawer.json b/docs/translations/api-docs/drawer/drawer.json index 57c93d665dfdd2..12c887d0f7352c 100644 --- a/docs/translations/api-docs/drawer/drawer.json +++ b/docs/translations/api-docs/drawer/drawer.json @@ -14,53 +14,53 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "docked": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"permanent or persistent\"" }, - "paper": { "description": "{{stylesApplied}}", "nodeName": "Paper component" }, + "paper": { "description": "{{stylesApplied}}", "nodeName": "the Paper component" }, "paperAnchorLeft": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Paper component", + "nodeName": "the Paper component", "conditions": "anchor=\"left\"" }, "paperAnchorRight": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Paper component", + "nodeName": "the Paper component", "conditions": "anchor=\"right\"" }, "paperAnchorTop": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Paper component", + "nodeName": "the Paper component", "conditions": "anchor=\"top\"" }, "paperAnchorBottom": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Paper component", + "nodeName": "the Paper component", "conditions": "anchor=\"bottom\"" }, "paperAnchorDockedLeft": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Paper component", + "nodeName": "the Paper component", "conditions": "anchor=\"left\" and variant is not \"temporary\"" }, "paperAnchorDockedTop": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Paper component", + "nodeName": "the Paper component", "conditions": "anchor=\"top\" and variant is not \"temporary\"" }, "paperAnchorDockedRight": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Paper component", + "nodeName": "the Paper component", "conditions": "anchor=\"right\" and variant is not \"temporary\"" }, "paperAnchorDockedBottom": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Paper component", + "nodeName": "the Paper component", "conditions": "anchor=\"bottom\" and variant is not \"temporary\"" }, - "modal": { "description": "{{stylesApplied}}", "nodeName": "Modal component" } + "modal": { "description": "{{stylesApplied}}", "nodeName": "the Modal component" } } } diff --git a/docs/translations/api-docs/fab/fab.json b/docs/translations/api-docs/fab/fab.json index c11d3078595a60..42bdf4ccfdbe92 100644 --- a/docs/translations/api-docs/fab/fab.json +++ b/docs/translations/api-docs/fab/fab.json @@ -13,54 +13,54 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "label": { "description": "{{stylesApplied}}", - "nodeName": "span element that wraps the children" + "nodeName": "the span element that wraps the children" }, "primary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"primary\"" }, "secondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"secondary\"" }, "extended": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"extended\"" }, "circular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"circular\"" }, "focusVisible": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "ButtonBase root element", + "nodeName": "the ButtonBase root element", "conditions": "the button is keyboard focused" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, "colorInherit": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"inherit\"" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"small\"`" }, "sizeMedium": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"medium\"`" } } diff --git a/docs/translations/api-docs/filled-input/filled-input.json b/docs/translations/api-docs/filled-input/filled-input.json index 1e0f6ddcb5c66b..cbf6eb6f5b07e7 100644 --- a/docs/translations/api-docs/filled-input/filled-input.json +++ b/docs/translations/api-docs/filled-input/filled-input.json @@ -30,81 +30,81 @@ "value": "The value of the input element, required for a controlled component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color secondary" }, "underline": { "description": "{{stylesApplied}} unless {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disableUnderline={true}" }, "focused": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "the component is focused" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, "adornedStart": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "startAdornment is provided" }, "adornedEnd": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "endAdornment is provided" }, "error": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "error={true}" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "size=\"small\"" }, "multiline": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "multiline={true}" }, "hiddenLabel": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "hiddenLabel={true}" }, - "input": { "description": "{{stylesApplied}}", "nodeName": "input element" }, + "input": { "description": "{{stylesApplied}}", "nodeName": "the input element" }, "inputSizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "size=\"small\"" }, "inputHiddenLabel": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "`input`", + "nodeName": "the `input`", "conditions": "in " }, "inputMultiline": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "multiline={true}" }, "inputAdornedStart": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "startAdornment is provided" }, "inputAdornedEnd": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "endAdornment is provided" } } diff --git a/docs/translations/api-docs/form-control-label/form-control-label.json b/docs/translations/api-docs/form-control-label/form-control-label.json index 4785ce4e9ed760..2b351f37c51e9c 100644 --- a/docs/translations/api-docs/form-control-label/form-control-label.json +++ b/docs/translations/api-docs/form-control-label/form-control-label.json @@ -12,27 +12,27 @@ "value": "The value of the component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "labelPlacementStart": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "labelPlacement=\"start\"" }, "labelPlacementTop": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "labelPlacement=\"top\"" }, "labelPlacementBottom": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "labelPlacement=\"bottom\"" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, - "label": { "description": "{{stylesApplied}}", "nodeName": "label's Typography component" } + "label": { "description": "{{stylesApplied}}", "nodeName": "the label's Typography component" } } } diff --git a/docs/translations/api-docs/form-control/form-control.json b/docs/translations/api-docs/form-control/form-control.json index e963ace57de1b7..56f8ccb1aa6e8a 100644 --- a/docs/translations/api-docs/form-control/form-control.json +++ b/docs/translations/api-docs/form-control/form-control.json @@ -16,20 +16,20 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "marginNormal": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "margin=\"normal\"" }, "marginDense": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "margin=\"dense\"" }, "fullWidth": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "fullWidth={true}" } } diff --git a/docs/translations/api-docs/form-group/form-group.json b/docs/translations/api-docs/form-group/form-group.json index bbf8f62b822f87..210ba41afec395 100644 --- a/docs/translations/api-docs/form-group/form-group.json +++ b/docs/translations/api-docs/form-group/form-group.json @@ -6,10 +6,10 @@ "row": "Display group of elements in a compact row." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "row": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "row={true}" } } diff --git a/docs/translations/api-docs/form-helper-text/form-helper-text.json b/docs/translations/api-docs/form-helper-text/form-helper-text.json index 607d4917f4280b..5ab3ef3a822735 100644 --- a/docs/translations/api-docs/form-helper-text/form-helper-text.json +++ b/docs/translations/api-docs/form-helper-text/form-helper-text.json @@ -13,40 +13,40 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "error": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "error={true}" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"small\"" }, "contained": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"filled\" or variant=\"outlined\"" }, "focused": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "focused={true}" }, "filled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "filled={true}" }, "required": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "required={true}" } } diff --git a/docs/translations/api-docs/form-label/form-label.json b/docs/translations/api-docs/form-label/form-label.json index 273c4e12c8e783..87bd880951b267 100644 --- a/docs/translations/api-docs/form-label/form-label.json +++ b/docs/translations/api-docs/form-label/form-label.json @@ -12,37 +12,37 @@ "required": "If true, the label will indicate that the input is required." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "the color is secondary" }, "focused": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "focused={true}" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, "error": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "error={true}" }, "filled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "filled={true}" }, "required": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "required={true}" }, - "asterisk": { "description": "{{stylesApplied}}", "nodeName": "asterisk element" } + "asterisk": { "description": "{{stylesApplied}}", "nodeName": "the asterisk element" } } } diff --git a/docs/translations/api-docs/grid/grid.json b/docs/translations/api-docs/grid/grid.json index a6467ee33f65c1..d452e3ed4b05ee 100644 --- a/docs/translations/api-docs/grid/grid.json +++ b/docs/translations/api-docs/grid/grid.json @@ -20,115 +20,115 @@ "zeroMinWidth": "If true, it sets min-width: 0 on the item. Refer to the limitations section of the documentation to better understand the use case." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "container": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "container={true}" }, "item": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "item={true}" }, "zeroMinWidth": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "zeroMinWidth={true}" }, "direction-xs-column": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "direction=\"column\"" }, "direction-xs-column-reverse": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "direction=\"column-reverse\"" }, "direction-xs-row-reverse": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "direction=\"row-reverse\"" }, "wrap-xs-nowrap": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "wrap=\"nowrap\"" }, "wrap-xs-wrap-reverse": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "wrap=\"reverse\"" }, "align-items-xs-center": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "alignItems=\"center\"" }, "align-items-xs-flex-start": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "alignItems=\"flex-start\"" }, "align-items-xs-flex-end": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "alignItems=\"flex-end\"" }, "align-items-xs-baseline": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "alignItems=\"baseline\"" }, "align-content-xs-center": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "alignContent=\"center\"" }, "align-content-xs-flex-start": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "alignContent=\"flex-start\"" }, "align-content-xs-flex-end": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "alignContent=\"flex-end\"" }, "align-content-xs-space-between": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "alignContent=\"space-between\"" }, "align-content-xs-space-around": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "alignContent=\"space-around\"" }, "justify-content-xs-center": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "justifyContent=\"center\"" }, "justify-content-xs-flex-end": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "justifyContent=\"flex-end\"" }, "justify-content-xs-space-between": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "justifyContent=\"space-between\"" }, "justify-content-xs-space-around": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "justifyContent=\"space-around\"" }, "justify-content-xs-space-evenly": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "justifyContent=\"space-evenly\"" } } diff --git a/docs/translations/api-docs/icon-button/icon-button.json b/docs/translations/api-docs/icon-button/icon-button.json index 5de0b8f5613990..df9eb7f7375c50 100644 --- a/docs/translations/api-docs/icon-button/icon-button.json +++ b/docs/translations/api-docs/icon-button/icon-button.json @@ -11,42 +11,42 @@ "size": "The size of the component. small is equivalent to the dense button styling." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "edgeStart": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "edge=\"start\"" }, "edgeEnd": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "edge=\"end\"" }, "colorInherit": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"inherit\"" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"secondary\"" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"small\"" }, - "label": { "description": "{{stylesApplied}}", "nodeName": "children container element" } + "label": { "description": "{{stylesApplied}}", "nodeName": "the children container element" } } } diff --git a/docs/translations/api-docs/icon/icon.json b/docs/translations/api-docs/icon/icon.json index 08806beeffa966..3be31465b10850 100644 --- a/docs/translations/api-docs/icon/icon.json +++ b/docs/translations/api-docs/icon/icon.json @@ -9,45 +9,45 @@ "fontSize": "The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"secondary\"" }, "colorAction": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"action\"" }, "colorError": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"error\"" }, "colorDisabled": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"disabled\"" }, "fontSizeInherit": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "fontSize=\"inherit\"" }, "fontSizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "fontSize=\"small\"" }, "fontSizeLarge": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "fontSize=\"large\"" } } diff --git a/docs/translations/api-docs/image-list-item-bar/image-list-item-bar.json b/docs/translations/api-docs/image-list-item-bar/image-list-item-bar.json index e5c19205134353..2bb2b5c64121df 100644 --- a/docs/translations/api-docs/image-list-item-bar/image-list-item-bar.json +++ b/docs/translations/api-docs/image-list-item-bar/image-list-item-bar.json @@ -9,51 +9,54 @@ "title": "Title to be displayed." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "positionBottom": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "position=\"bottom\"" }, "positionTop": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "position=\"top\"" }, "positionBelow": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "position=\"below\"" }, "titleWrap": { "description": "{{stylesApplied}}", - "nodeName": "title and subtitle container element" + "nodeName": "the title and subtitle container element" }, "titleWrapBelow": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "title and subtitle container element", + "nodeName": "the title and subtitle container element", "conditions": "position=\"below\"" }, "titleWrapActionPosLeft": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "container element", + "nodeName": "the container element", "conditions": "actionPosition=\"left\"" }, "titleWrapActionPosRight": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "container element", + "nodeName": "the container element", "conditions": "actionPosition=\"right\"" }, - "title": { "description": "{{stylesApplied}}", "nodeName": "title container element" }, - "subtitle": { "description": "{{stylesApplied}}", "nodeName": "subtitle container element" }, + "title": { "description": "{{stylesApplied}}", "nodeName": "the title container element" }, + "subtitle": { + "description": "{{stylesApplied}}", + "nodeName": "the subtitle container element" + }, "actionIcon": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "actionIcon", + "nodeName": "the actionIcon", "conditions": "supplied" }, "actionIconActionPosLeft": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "actionIcon", + "nodeName": "the actionIcon", "conditions": "actionPosition=\"left\"" } } diff --git a/docs/translations/api-docs/image-list-item/image-list-item.json b/docs/translations/api-docs/image-list-item/image-list-item.json index 8d6e8c0ea2c3e9..31c13ecf1e789e 100644 --- a/docs/translations/api-docs/image-list-item/image-list-item.json +++ b/docs/translations/api-docs/image-list-item/image-list-item.json @@ -8,16 +8,19 @@ "rows": "Height of the item in number of grid rows." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, - "img": { "description": "Styles applied to an `img` element to ensure it covers the item." }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "img": { + "description": "{{stylesApplied}}", + "nodeName": "an `img` element to ensure it covers the item" + }, "standard": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"standard\"" }, "woven": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"woven\"" } } diff --git a/docs/translations/api-docs/image-list/image-list.json b/docs/translations/api-docs/image-list/image-list.json index ea2b84f8943c6d..871e57e0a4d82a 100644 --- a/docs/translations/api-docs/image-list/image-list.json +++ b/docs/translations/api-docs/image-list/image-list.json @@ -10,25 +10,25 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "masonry": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"masonry\"" }, "quilted": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"quilted\"" }, "standard": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"standard\"" }, "woven": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"woven\"" } } diff --git a/docs/translations/api-docs/input-adornment/input-adornment.json b/docs/translations/api-docs/input-adornment/input-adornment.json index f26551a5a7af39..4863509f2d8f52 100644 --- a/docs/translations/api-docs/input-adornment/input-adornment.json +++ b/docs/translations/api-docs/input-adornment/input-adornment.json @@ -10,25 +10,25 @@ "variant": "The variant to use. Note: If you are using the TextField component or the FormControl component you do not have to set this manually." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "filled": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"filled\"" }, "positionStart": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "position=\"start\"" }, "positionEnd": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "position=\"end\"" }, "disablePointerEvents": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disablePointerEvents={true}" }, "hiddenLabel": { diff --git a/docs/translations/api-docs/input-base/input-base.json b/docs/translations/api-docs/input-base/input-base.json index ec2806991ebb69..025400d4b1b5a3 100644 --- a/docs/translations/api-docs/input-base/input-base.json +++ b/docs/translations/api-docs/input-base/input-base.json @@ -31,91 +31,91 @@ "value": "The value of the input element, required for a controlled component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "formControl": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "the component is a descendant of FormControl" }, "focused": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "the component is focused" }, "disabled": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, "adornedStart": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "startAdornment is provided" }, "adornedEnd": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "endAdornment is provided" }, "error": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "error={true}" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "size=\"small\"" }, "multiline": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "multiline={true}" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "the color is secondary" }, "fullWidth": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "fullWidth={true}" }, "hiddenLabel": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "hiddenLabel={true}" }, - "input": { "description": "{{stylesApplied}}", "nodeName": "input element" }, + "input": { "description": "{{stylesApplied}}", "nodeName": "the input element" }, "inputSizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "size=\"small\"" }, "inputMultiline": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "multiline={true}" }, "inputTypeSearch": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "type=\"search\"" }, "inputAdornedStart": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "startAdornment is provided" }, "inputAdornedEnd": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "endAdornment is provided" }, "inputHiddenLabel": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "hiddenLabel={true}" } } diff --git a/docs/translations/api-docs/input-label/input-label.json b/docs/translations/api-docs/input-label/input-label.json index 3b5d95994fe531..f6561a37b27d66 100644 --- a/docs/translations/api-docs/input-label/input-label.json +++ b/docs/translations/api-docs/input-label/input-label.json @@ -14,56 +14,56 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "focused": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "focused={true}" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, "error": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "error={true}" }, "required": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "required={true}" }, - "asterisk": { "description": "{{pseudoClassApplied}}", "nodeName": "asterisk element" }, + "asterisk": { "description": "{{pseudoClassApplied}}", "nodeName": "the asterisk element" }, "formControl": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "the component is a descendant of FormControl" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"small\"" }, "shrink": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "shrink={true}" }, "animated": { "description": "{{stylesApplied}} unless {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "disableAnimation={true}" }, "filled": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"filled\"" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"outlined\"" } } diff --git a/docs/translations/api-docs/input/input.json b/docs/translations/api-docs/input/input.json index 0ae045059c5ba2..18fa4ae0940e95 100644 --- a/docs/translations/api-docs/input/input.json +++ b/docs/translations/api-docs/input/input.json @@ -30,66 +30,66 @@ "value": "The value of the input element, required for a controlled component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "formControl": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "the component is a descendant of FormControl" }, "focused": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "the component is focused" }, "disabled": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color secondary" }, "underline": { "description": "{{stylesApplied}} unless {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disableUnderline={true}" }, "error": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "error={true}" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "size=\"small\"" }, "multiline": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "multiline={true}" }, "fullWidth": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "fullWidth={true}" }, - "input": { "description": "{{stylesApplied}}", "nodeName": "input element" }, + "input": { "description": "{{stylesApplied}}", "nodeName": "the input element" }, "inputSizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "size=\"small\"" }, "inputMultiline": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "multiline={true}" }, "inputTypeSearch": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "type=\"search\"" } } diff --git a/docs/translations/api-docs/linear-progress/linear-progress.json b/docs/translations/api-docs/linear-progress/linear-progress.json index 7b9ae2153a81bb..dff625acbfeeb3 100644 --- a/docs/translations/api-docs/linear-progress/linear-progress.json +++ b/docs/translations/api-docs/linear-progress/linear-progress.json @@ -8,86 +8,86 @@ "variant": "The variant to use. Use indeterminate or query when there is no progress value." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root and bar2 element", + "nodeName": "the root and bar2 element", "conditions": "color=\"primary\"; bar2 if variant=\"buffer\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root and bar2 elements", + "nodeName": "the root and bar2 elements", "conditions": "color=\"secondary\"; bar2 if variant=\"buffer\"" }, "determinate": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"determinate\"" }, "indeterminate": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"indeterminate\"" }, "buffer": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"buffer\"" }, "query": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"query\"" }, "dashed": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "additional bar element", + "nodeName": "the additional bar element", "conditions": "variant=\"buffer\"" }, "dashedColorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "additional bar element", + "nodeName": "the additional bar element", "conditions": "variant=\"buffer\" and color=\"primary\"" }, "dashedColorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "additional bar element", + "nodeName": "the additional bar element", "conditions": "variant=\"buffer\" and color=\"secondary\"" }, - "bar": { "description": "{{stylesApplied}}", "nodeName": "layered bar1 and bar2 elements" }, + "bar": { "description": "{{stylesApplied}}", "nodeName": "the layered bar1 and bar2 elements" }, "barColorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "bar elements", + "nodeName": "the bar elements", "conditions": "color=\"primary\"; bar2 if variant not \"buffer\"" }, "barColorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "bar elements", + "nodeName": "the bar elements", "conditions": "color=\"secondary\"; bar2 if variant not \"buffer\"" }, "bar1Indeterminate": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "bar1 element", + "nodeName": "the bar1 element", "conditions": "variant=\"indeterminate or query\"" }, "bar1Determinate": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "bar1 element", + "nodeName": "the bar1 element", "conditions": "variant=\"determinate\"" }, "bar1Buffer": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "bar1 element", + "nodeName": "the bar1 element", "conditions": "variant=\"buffer\"" }, "bar2Indeterminate": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "bar2 element", + "nodeName": "the bar2 element", "conditions": "variant=\"indeterminate or query\"" }, "bar2Buffer": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "bar2 element", + "nodeName": "the bar2 element", "conditions": "variant=\"buffer\"" } } diff --git a/docs/translations/api-docs/link/link.json b/docs/translations/api-docs/link/link.json index 8314c3d841204d..76a2c752e9c31b 100644 --- a/docs/translations/api-docs/link/link.json +++ b/docs/translations/api-docs/link/link.json @@ -10,30 +10,30 @@ "variant": "Applies the theme typography styles." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "underlineNone": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "underline=\"none\"" }, "underlineHover": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "underline=\"hover\"" }, "underlineAlways": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "underline=\"always\"" }, "button": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "component=\"button\"" }, "focusVisible": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "the link is keyboard focused" } } diff --git a/docs/translations/api-docs/list-item-avatar/list-item-avatar.json b/docs/translations/api-docs/list-item-avatar/list-item-avatar.json index 4f2fdd1d44ee08..82407a9b723377 100644 --- a/docs/translations/api-docs/list-item-avatar/list-item-avatar.json +++ b/docs/translations/api-docs/list-item-avatar/list-item-avatar.json @@ -5,10 +5,10 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "alignItemsFlexStart": { "description": "{{stylesApplied}} when {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "the parent ListItem uses alignItems=\"flex-start\"" } } diff --git a/docs/translations/api-docs/list-item-icon/list-item-icon.json b/docs/translations/api-docs/list-item-icon/list-item-icon.json index 854a309e37a4b3..03795010fbe18a 100644 --- a/docs/translations/api-docs/list-item-icon/list-item-icon.json +++ b/docs/translations/api-docs/list-item-icon/list-item-icon.json @@ -5,10 +5,10 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "alignItemsFlexStart": { "description": "{{stylesApplied}} when {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "the parent ListItem uses alignItems=\"flex-start\"" } } diff --git a/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json b/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json index e0bdadcf71a914..b48fb8ecdb77a3 100644 --- a/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json +++ b/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json @@ -5,10 +5,10 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "disableGutters": { "description": "{{stylesApplied}} when {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "the parent ListItem has disableGutters={true}" } } diff --git a/docs/translations/api-docs/list-item-text/list-item-text.json b/docs/translations/api-docs/list-item-text/list-item-text.json index 1a3cb86f0bb45c..a3e83501fef149 100644 --- a/docs/translations/api-docs/list-item-text/list-item-text.json +++ b/docs/translations/api-docs/list-item-text/list-item-text.json @@ -11,26 +11,29 @@ "secondaryTypographyProps": "These props will be forwarded to the secondary typography component (as long as disableTypography is not true)." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "multiline": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Typography component", + "nodeName": "the Typography component", "conditions": "primary and secondary are set" }, "dense": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Typography component", + "nodeName": "the Typography component", "conditions": "dense" }, "inset": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "inset={true}" }, - "primary": { "description": "{{stylesApplied}}", "nodeName": "primary `Typography` component" }, + "primary": { + "description": "{{stylesApplied}}", + "nodeName": "the primary `Typography` component" + }, "secondary": { "description": "{{stylesApplied}}", - "nodeName": "secondary `Typography` component" + "nodeName": "the secondary `Typography` component" } } } diff --git a/docs/translations/api-docs/list-item/list-item.json b/docs/translations/api-docs/list-item/list-item.json index 418447a40e46fd..ce973391e89a54 100644 --- a/docs/translations/api-docs/list-item/list-item.json +++ b/docs/translations/api-docs/list-item/list-item.json @@ -18,56 +18,56 @@ "classDescriptions": { "root": { "description": "{{stylesApplied}} May be wrapped by a `container`.", - "nodeName": "(normally root) `component` element" + "nodeName": "the (normally root) `component` element" }, "container": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "container element", + "nodeName": "the container element", "conditions": "children includes ListItemSecondaryAction" }, "focusVisible": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "`component`'s `focusVisibleClassName` prop", + "nodeName": "the `component`'s `focusVisibleClassName` prop", "conditions": "button={true}" }, "dense": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "component element", + "nodeName": "the component element", "conditions": "dense" }, "alignItemsFlexStart": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "component element", + "nodeName": "the component element", "conditions": "alignItems=\"flex-start\"" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "inner `component` element", + "nodeName": "the inner `component` element", "conditions": "disabled={true}" }, "divider": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "inner `component` element", + "nodeName": "the inner `component` element", "conditions": "divider={true}" }, "gutters": { "description": "{{stylesApplied}} unless {{conditions}}.", - "nodeName": "inner `component` element", + "nodeName": "the inner `component` element", "conditions": "disableGutters={true}" }, "button": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "inner `component` element", + "nodeName": "the inner `component` element", "conditions": "button={true}" }, "secondaryAction": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "component element", + "nodeName": "the component element", "conditions": "children includes ListItemSecondaryAction" }, "selected": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "selected={true}" } } diff --git a/docs/translations/api-docs/list-subheader/list-subheader.json b/docs/translations/api-docs/list-subheader/list-subheader.json index d8421070f66500..a515554502c365 100644 --- a/docs/translations/api-docs/list-subheader/list-subheader.json +++ b/docs/translations/api-docs/list-subheader/list-subheader.json @@ -10,30 +10,30 @@ "inset": "If true, the List Subheader is indented." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorInherit": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"inherit\"" }, "gutters": { "description": "{{stylesApplied}} unless {{conditions}}.", - "nodeName": "inner `component` element", + "nodeName": "the inner `component` element", "conditions": "disableGutters={true}" }, "inset": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "inset={true}" }, "sticky": { "description": "{{stylesApplied}} unless {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disableSticky={true}" } } diff --git a/docs/translations/api-docs/list/list.json b/docs/translations/api-docs/list/list.json index be01165e975a77..6c2c60c43a0c0d 100644 --- a/docs/translations/api-docs/list/list.json +++ b/docs/translations/api-docs/list/list.json @@ -9,20 +9,20 @@ "subheader": "The content of the subheader, normally ListSubheader." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "padding": { "description": "{{stylesApplied}} unless {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disablePadding={true}" }, "dense": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "dense" }, "subheader": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "a subheader is provided" } } diff --git a/docs/translations/api-docs/loading-button/loading-button.json b/docs/translations/api-docs/loading-button/loading-button.json index 05a8a7bd0346f7..9ddd6ead990d8e 100644 --- a/docs/translations/api-docs/loading-button/loading-button.json +++ b/docs/translations/api-docs/loading-button/loading-button.json @@ -9,44 +9,44 @@ "pendingPosition": "The pending indicator can be positioned on the start, end, or the center of the button." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "pending": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "pending={true}" }, "pendingIndicator": { "description": "{{stylesApplied}}", - "nodeName": "pendingIndicator element" + "nodeName": "the pendingIndicator element" }, "pendingIndicatorCenter": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "pendingIndicator element", + "nodeName": "the pendingIndicator element", "conditions": "pendingPosition=\"center\"" }, "pendingIndicatorStart": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "pendingIndicator element", + "nodeName": "the pendingIndicator element", "conditions": "pendingPosition=\"start\"" }, "pendingIndicatorEnd": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "pendingIndicator element", + "nodeName": "the pendingIndicator element", "conditions": "pendingPosition=\"end\"" }, "endIconPendingEnd": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "endIcon element", + "nodeName": "the endIcon element", "conditions": "pending={true} and pendingPosition=\"end\"" }, "startIconPendingStart": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "startIcon element", + "nodeName": "the startIcon element", "conditions": "pending={true} and pendingPosition=\"start\"" }, "labelPendingCenter": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "label element", + "nodeName": "the label element", "conditions": "pending={true} and pendingPosition=\"center\"" } } diff --git a/docs/translations/api-docs/menu-item/menu-item.json b/docs/translations/api-docs/menu-item/menu-item.json index af07cbcbe24d76..ddcdd81247dc29 100644 --- a/docs/translations/api-docs/menu-item/menu-item.json +++ b/docs/translations/api-docs/menu-item/menu-item.json @@ -9,20 +9,20 @@ "ListItemClasses": "classes prop applied to the ListItem element." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "gutters": { "description": "{{stylesApplied}} unless {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disableGutters={true}" }, "selected": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "selected={true}" }, "dense": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "dense" } } diff --git a/docs/translations/api-docs/menu/menu.json b/docs/translations/api-docs/menu/menu.json index e1c92cd2f245fe..4c4a2e7517ba45 100644 --- a/docs/translations/api-docs/menu/menu.json +++ b/docs/translations/api-docs/menu/menu.json @@ -15,7 +15,7 @@ "variant": "The variant to use. Use menu to prevent selected items from impacting the initial focus and the vertical alignment relative to the anchor element." }, "classDescriptions": { - "paper": { "description": "{{stylesApplied}}", "nodeName": "Paper component" }, - "list": { "description": "{{stylesApplied}}", "nodeName": "List component via `MenuList`" } + "paper": { "description": "{{stylesApplied}}", "nodeName": "the Paper component" }, + "list": { "description": "{{stylesApplied}}", "nodeName": "the List component via `MenuList`" } } } diff --git a/docs/translations/api-docs/mobile-stepper/mobile-stepper.json b/docs/translations/api-docs/mobile-stepper/mobile-stepper.json index 71806a1be762d5..3e9374e4d0e175 100644 --- a/docs/translations/api-docs/mobile-stepper/mobile-stepper.json +++ b/docs/translations/api-docs/mobile-stepper/mobile-stepper.json @@ -11,34 +11,40 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "positionBottom": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "position=\"bottom\"" }, "positionTop": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "position=\"top\"" }, "positionStatic": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "position=\"static\"" }, "dots": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "dots container", + "nodeName": "the dots container", + "conditions": "variant=\"dots\"" + }, + "dot": { + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "each dot", "conditions": "variant=\"dots\"" }, - "dot": { "description": "Styles applied to each dot if `variant=\"dots\"`." }, "dotActive": { - "description": "Styles applied to a dot if `variant=\"dots\"` and this is the active step." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "a dot", + "conditions": "variant=\"dots\" and this is the active step" }, "progress": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Linear Progress component", + "nodeName": "the Linear Progress component", "conditions": "variant=\"progress\"" } } diff --git a/docs/translations/api-docs/native-select/native-select.json b/docs/translations/api-docs/native-select/native-select.json index 9bd7b190d76fd4..a8fb0aae5a5315 100644 --- a/docs/translations/api-docs/native-select/native-select.json +++ b/docs/translations/api-docs/native-select/native-select.json @@ -11,45 +11,48 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "select component `root` class" }, - "select": { "description": "{{stylesApplied}}", "nodeName": "select component `select` class" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the select component `root` class" }, + "select": { + "description": "{{stylesApplied}}", + "nodeName": "the select component `select` class" + }, "filled": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "select component", + "nodeName": "the select component", "conditions": "variant=\"filled\"" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "select component", + "nodeName": "the select component", "conditions": "variant=\"outlined\"" }, "selectMenu": { "description": "{{stylesApplied}}", - "nodeName": "select component `selectMenu` class" + "nodeName": "the select component `selectMenu` class" }, "disabled": { "description": "{{pseudoClassApplied}}", - "nodeName": "select component `disabled` class" + "nodeName": "the select component `disabled` class" }, - "icon": { "description": "{{stylesApplied}}", "nodeName": "icon component" }, + "icon": { "description": "{{stylesApplied}}", "nodeName": "the icon component" }, "iconOpen": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "icon component", + "nodeName": "the icon component", "conditions": "the popup is open" }, "iconFilled": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "icon component", + "nodeName": "the icon component", "conditions": "variant=\"filled\"" }, "iconOutlined": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "icon component", + "nodeName": "the icon component", "conditions": "variant=\"outlined\"" }, "nativeInput": { "description": "{{stylesApplied}}", - "nodeName": "underlying native input component" + "nodeName": "the underlying native input component" } } } diff --git a/docs/translations/api-docs/outlined-input/outlined-input.json b/docs/translations/api-docs/outlined-input/outlined-input.json index d2293d1e4b41b6..4fb01d585c6479 100644 --- a/docs/translations/api-docs/outlined-input/outlined-input.json +++ b/docs/translations/api-docs/outlined-input/outlined-input.json @@ -32,67 +32,70 @@ "value": "The value of the input element, required for a controlled component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "the color is secondary" }, "focused": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "the component is focused" }, "disabled": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, "adornedStart": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "startAdornment is provided" }, "adornedEnd": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "endAdornment is provided" }, "error": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "error={true}" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "size=\"small\"" }, "multiline": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "multiline={true}" }, - "notchedOutline": { "description": "{{stylesApplied}}", "nodeName": "NotchedOutline element" }, - "input": { "description": "{{stylesApplied}}", "nodeName": "input element" }, + "notchedOutline": { + "description": "{{stylesApplied}}", + "nodeName": "the NotchedOutline element" + }, + "input": { "description": "{{stylesApplied}}", "nodeName": "the input element" }, "inputSizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "size=\"small\"" }, "inputMultiline": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "multiline={true}" }, "inputAdornedStart": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "startAdornment is provided" }, "inputAdornedEnd": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "input element", + "nodeName": "the input element", "conditions": "endAdornment is provided" } } diff --git a/docs/translations/api-docs/pagination-item/pagination-item.json b/docs/translations/api-docs/pagination-item/pagination-item.json index b1696566be1ad4..84faa66cbf0e29 100644 --- a/docs/translations/api-docs/pagination-item/pagination-item.json +++ b/docs/translations/api-docs/pagination-item/pagination-item.json @@ -13,10 +13,10 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "page": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "type=\"page\"" }, "sizeSmall": { @@ -27,59 +27,59 @@ }, "text": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"text\"" }, "textPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"text\" and color=\"primary\"" }, "textSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"text\" and color=\"secondary\"" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"outlined\"" }, "outlinedPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"primary\"" }, "outlinedSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"secondary\"" }, "rounded": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "rounded=\"true\"" }, "ellipsis": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "type=\"start-ellipsis\" or type=\"end-ellipsis\"" }, "focusVisible": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "keyboard focused" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, "selected": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "selected={true}" }, - "icon": { "description": "Styles applied to tThe icon to display." } + "icon": { "description": "{{stylesApplied}}", "nodeName": "tThe icon to display" } } } diff --git a/docs/translations/api-docs/pagination/pagination.json b/docs/translations/api-docs/pagination/pagination.json index 561eecb40c7c5d..3e640563de0d12 100644 --- a/docs/translations/api-docs/pagination/pagination.json +++ b/docs/translations/api-docs/pagination/pagination.json @@ -21,16 +21,16 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, - "ul": { "description": "{{stylesApplied}}", "nodeName": "ul element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "ul": { "description": "{{stylesApplied}}", "nodeName": "the ul element" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"outlined\"" }, "text": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"text\"" } } diff --git a/docs/translations/api-docs/paper/paper.json b/docs/translations/api-docs/paper/paper.json index 116bb635765050..ee52fcb458aeaa 100644 --- a/docs/translations/api-docs/paper/paper.json +++ b/docs/translations/api-docs/paper/paper.json @@ -9,20 +9,20 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "rounded": { "description": "{{stylesApplied}} unless {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "square={true}" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"outlined\"" }, "elevation": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"elevation\"" } } diff --git a/docs/translations/api-docs/popover/popover.json b/docs/translations/api-docs/popover/popover.json index 87f8dfc4345a4c..0ea004d20446c9 100644 --- a/docs/translations/api-docs/popover/popover.json +++ b/docs/translations/api-docs/popover/popover.json @@ -21,7 +21,7 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, - "paper": { "description": "{{stylesApplied}}", "nodeName": "Paper component" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "paper": { "description": "{{stylesApplied}}", "nodeName": "the Paper component" } } } diff --git a/docs/translations/api-docs/radio/radio.json b/docs/translations/api-docs/radio/radio.json index 0d3fcd2d3a952e..f7f76d4634f16e 100644 --- a/docs/translations/api-docs/radio/radio.json +++ b/docs/translations/api-docs/radio/radio.json @@ -18,25 +18,25 @@ "value": "The value of the component. The DOM API casts this to a string." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "checked": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "checked={true}" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"secondary\"" } } diff --git a/docs/translations/api-docs/rating/rating.json b/docs/translations/api-docs/rating/rating.json index 3e9719d80aa334..75dd64d306f283 100644 --- a/docs/translations/api-docs/rating/rating.json +++ b/docs/translations/api-docs/rating/rating.json @@ -19,68 +19,68 @@ "value": "The rating value." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"small\"" }, "sizeLarge": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"large\"" }, "readOnly": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "readOnly={true}" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, "focusVisible": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "keyboard focused" }, "visuallyHidden": { "description": "Visually hide an element." }, - "label": { "description": "{{stylesApplied}}", "nodeName": "label elements" }, + "label": { "description": "{{stylesApplied}}", "nodeName": "the label elements" }, "labelEmptyValueActive": { "description": "{{stylesApplied}} when {{conditions}}.", - "nodeName": "label of the \"no value\" input", + "nodeName": "the label of the \"no value\" input", "conditions": "it is active" }, - "icon": { "description": "{{stylesApplied}}", "nodeName": "icon wrapping elements" }, + "icon": { "description": "{{stylesApplied}}", "nodeName": "the icon wrapping elements" }, "iconEmpty": { "description": "{{stylesApplied}} when {{conditions}}.", - "nodeName": "icon wrapping elements", + "nodeName": "the icon wrapping elements", "conditions": "empty" }, "iconFilled": { "description": "{{stylesApplied}} when {{conditions}}.", - "nodeName": "icon wrapping elements", + "nodeName": "the icon wrapping elements", "conditions": "filled" }, "iconHover": { "description": "{{stylesApplied}} when {{conditions}}.", - "nodeName": "icon wrapping elements", + "nodeName": "the icon wrapping elements", "conditions": "hover" }, "iconFocus": { "description": "{{stylesApplied}} when {{conditions}}.", - "nodeName": "icon wrapping elements", + "nodeName": "the icon wrapping elements", "conditions": "focus" }, "iconActive": { "description": "{{stylesApplied}} when {{conditions}}.", - "nodeName": "icon wrapping elements", + "nodeName": "the icon wrapping elements", "conditions": "active" }, "decimal": { "description": "{{stylesApplied}} when {{conditions}}.", - "nodeName": "icon wrapping elements", + "nodeName": "the icon wrapping elements", "conditions": "decimals are necessary" } } diff --git a/docs/translations/api-docs/scoped-css-baseline/scoped-css-baseline.json b/docs/translations/api-docs/scoped-css-baseline/scoped-css-baseline.json index 00156cbab4aef5..831be86773f91c 100644 --- a/docs/translations/api-docs/scoped-css-baseline/scoped-css-baseline.json +++ b/docs/translations/api-docs/scoped-css-baseline/scoped-css-baseline.json @@ -5,6 +5,6 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/select/select.json b/docs/translations/api-docs/select/select.json index 540cf5700f38fe..e24887f4d55fc6 100644 --- a/docs/translations/api-docs/select/select.json +++ b/docs/translations/api-docs/select/select.json @@ -26,45 +26,48 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "select component `root` class" }, - "select": { "description": "{{stylesApplied}}", "nodeName": "select component `select` class" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the select component `root` class" }, + "select": { + "description": "{{stylesApplied}}", + "nodeName": "the select component `select` class" + }, "filled": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "select component", + "nodeName": "the select component", "conditions": "variant=\"filled\"" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "select component", + "nodeName": "the select component", "conditions": "variant=\"outlined\"" }, "selectMenu": { "description": "{{stylesApplied}}", - "nodeName": "select component `selectMenu` class" + "nodeName": "the select component `selectMenu` class" }, "disabled": { "description": "{{pseudoClassApplied}}", - "nodeName": "select component `disabled` class" + "nodeName": "the select component `disabled` class" }, - "icon": { "description": "{{stylesApplied}}", "nodeName": "icon component" }, + "icon": { "description": "{{stylesApplied}}", "nodeName": "the icon component" }, "iconOpen": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "icon component", + "nodeName": "the icon component", "conditions": "the popup is open" }, "iconFilled": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "icon component", + "nodeName": "the icon component", "conditions": "variant=\"filled\"" }, "iconOutlined": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "icon component", + "nodeName": "the icon component", "conditions": "variant=\"outlined\"" }, "nativeInput": { "description": "{{stylesApplied}}", - "nodeName": "underlying native input component" + "nodeName": "the underlying native input component" } } } diff --git a/docs/translations/api-docs/skeleton/skeleton.json b/docs/translations/api-docs/skeleton/skeleton.json index 695ee754b237d4..92b79119aec7d5 100644 --- a/docs/translations/api-docs/skeleton/skeleton.json +++ b/docs/translations/api-docs/skeleton/skeleton.json @@ -10,30 +10,30 @@ "width": "Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "text": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"text\"" }, "rectangular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"rectangular\"" }, "circular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"circular\"" }, "pulse": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "animation=\"pulse\"" }, "wave": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "animation=\"wave\"" }, "withChildren": { "description": "Styles applied when the component is passed children." }, diff --git a/docs/translations/api-docs/slider-unstyled/slider-unstyled.json b/docs/translations/api-docs/slider-unstyled/slider-unstyled.json index 91cf5a79a0caa5..6e51dc8f9b2bb7 100644 --- a/docs/translations/api-docs/slider-unstyled/slider-unstyled.json +++ b/docs/translations/api-docs/slider-unstyled/slider-unstyled.json @@ -28,56 +28,56 @@ "valueLabelFormat": "The format function the value label's value.
When a function is provided, it should have the following signature:
- {number} value The value label's value to format - {number} index The value label's index to format" }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "marked": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "marks is provided with at least one label" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root and thumb element", + "nodeName": "the root and thumb element", "conditions": "disabled={true}" }, - "rail": { "description": "{{stylesApplied}}", "nodeName": "rail element" }, - "track": { "description": "{{stylesApplied}}", "nodeName": "track element" }, + "rail": { "description": "{{stylesApplied}}", "nodeName": "the rail element" }, + "track": { "description": "{{stylesApplied}}", "nodeName": "the track element" }, "trackFalse": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "track element", + "nodeName": "the track element", "conditions": "track={false}" }, "trackInverted": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "track element", + "nodeName": "the track element", "conditions": "track=\"inverted\"" }, - "thumb": { "description": "{{stylesApplied}}", "nodeName": "thumb element" }, + "thumb": { "description": "{{stylesApplied}}", "nodeName": "the thumb element" }, "active": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "thumb element", + "nodeName": "the thumb element", "conditions": "it's active" }, "focusVisible": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "thumb element", + "nodeName": "the thumb element", "conditions": "keyboard focused" }, - "valueLabel": { "description": "{{stylesApplied}}", "nodeName": "thumb label element" }, - "mark": { "description": "{{stylesApplied}}", "nodeName": "mark element" }, + "valueLabel": { "description": "{{stylesApplied}}", "nodeName": "the thumb label element" }, + "mark": { "description": "{{stylesApplied}}", "nodeName": "the mark element" }, "markActive": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "mark element", + "nodeName": "the mark element", "conditions": "active (depending on the value)" }, - "markLabel": { "description": "{{stylesApplied}}", "nodeName": "mark label element" }, + "markLabel": { "description": "{{stylesApplied}}", "nodeName": "the mark label element" }, "markLabelActive": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "mark label element", + "nodeName": "the mark label element", "conditions": "active (depending on the value)" } } diff --git a/docs/translations/api-docs/slider/slider.json b/docs/translations/api-docs/slider/slider.json index ce8e4ac6a62dda..3172265e1eeecd 100644 --- a/docs/translations/api-docs/slider/slider.json +++ b/docs/translations/api-docs/slider/slider.json @@ -30,76 +30,76 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "marked": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "marks is provided with at least one label" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root and thumb element", + "nodeName": "the root and thumb element", "conditions": "disabled={true}" }, - "rail": { "description": "{{stylesApplied}}", "nodeName": "rail element" }, - "track": { "description": "{{stylesApplied}}", "nodeName": "track element" }, + "rail": { "description": "{{stylesApplied}}", "nodeName": "the rail element" }, + "track": { "description": "{{stylesApplied}}", "nodeName": "the track element" }, "trackFalse": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "track element", + "nodeName": "the track element", "conditions": "track={false}" }, "trackInverted": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "track element", + "nodeName": "the track element", "conditions": "track=\"inverted\"" }, - "thumb": { "description": "{{stylesApplied}}", "nodeName": "thumb element" }, + "thumb": { "description": "{{stylesApplied}}", "nodeName": "the thumb element" }, "active": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "thumb element", + "nodeName": "the thumb element", "conditions": "it's active" }, "focusVisible": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "thumb element", + "nodeName": "the thumb element", "conditions": "keyboard focused" }, - "valueLabel": { "description": "{{stylesApplied}}", "nodeName": "thumb label element" }, - "mark": { "description": "{{stylesApplied}}", "nodeName": "mark element" }, + "valueLabel": { "description": "{{stylesApplied}}", "nodeName": "the thumb label element" }, + "mark": { "description": "{{stylesApplied}}", "nodeName": "the mark element" }, "markActive": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "mark element", + "nodeName": "the mark element", "conditions": "active (depending on the value)" }, - "markLabel": { "description": "{{stylesApplied}}", "nodeName": "mark label element" }, + "markLabel": { "description": "{{stylesApplied}}", "nodeName": "the mark label element" }, "markLabelActive": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "mark label element", + "nodeName": "the mark label element", "conditions": "active (depending on the value)" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"secondary\"" }, "thumbColorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "thumb element", + "nodeName": "the thumb element", "conditions": "color=\"primary\"" }, "thumbColorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "thumb element", + "nodeName": "the thumb element", "conditions": "color=\"secondary\"" } } diff --git a/docs/translations/api-docs/snackbar-content/snackbar-content.json b/docs/translations/api-docs/snackbar-content/snackbar-content.json index 61b9d42d6789d9..b765d299f612a0 100644 --- a/docs/translations/api-docs/snackbar-content/snackbar-content.json +++ b/docs/translations/api-docs/snackbar-content/snackbar-content.json @@ -7,11 +7,11 @@ "role": "The ARIA role attribute of the element." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, - "message": { "description": "{{stylesApplied}}", "nodeName": "message wrapper element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "message": { "description": "{{stylesApplied}}", "nodeName": "the message wrapper element" }, "action": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "action wrapper element", + "nodeName": "the action wrapper element", "conditions": "action is provided" } } diff --git a/docs/translations/api-docs/snackbar/snackbar.json b/docs/translations/api-docs/snackbar/snackbar.json index 833f0395f5e494..58b850c5620bd2 100644 --- a/docs/translations/api-docs/snackbar/snackbar.json +++ b/docs/translations/api-docs/snackbar/snackbar.json @@ -19,35 +19,35 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "anchorOriginTopCenter": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "anchorOrigin={{ 'top', 'center' }}" }, "anchorOriginBottomCenter": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "anchorOrigin={{ 'bottom', 'center' }}" }, "anchorOriginTopRight": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "anchorOrigin={{ 'top', 'right' }}" }, "anchorOriginBottomRight": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "anchorOrigin={{ 'bottom', 'right' }}" }, "anchorOriginTopLeft": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "anchorOrigin={{ 'top', 'left' }}" }, "anchorOriginBottomLeft": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "anchorOrigin={{ 'bottom', 'left' }}" } } diff --git a/docs/translations/api-docs/speed-dial-action/speed-dial-action.json b/docs/translations/api-docs/speed-dial-action/speed-dial-action.json index 9b30688cdc2022..1a900ef88a09a6 100644 --- a/docs/translations/api-docs/speed-dial-action/speed-dial-action.json +++ b/docs/translations/api-docs/speed-dial-action/speed-dial-action.json @@ -13,25 +13,25 @@ "tooltipTitle": "Label to display in the tooltip." }, "classDescriptions": { - "fab": { "description": "{{stylesApplied}}", "nodeName": "Fab component" }, + "fab": { "description": "{{stylesApplied}}", "nodeName": "the Fab component" }, "fabClosed": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Fab component", + "nodeName": "the Fab component", "conditions": "open={false}" }, "staticTooltip": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "tooltipOpen={true}" }, "staticTooltipClosed": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "tooltipOpen={true} and open={false}" }, "staticTooltipLabel": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "static tooltip label", + "nodeName": "the static tooltip label", "conditions": "tooltipOpen={true}" }, "tooltipPlacementLeft": { diff --git a/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json b/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json index a58f79bc36080a..b0ba1236c0b8ad 100644 --- a/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json +++ b/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json @@ -6,26 +6,26 @@ "openIcon": "The icon to display in the SpeedDial Floating Action Button when the SpeedDial is open." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, - "icon": { "description": "{{stylesApplied}}", "nodeName": "icon component" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "icon": { "description": "{{stylesApplied}}", "nodeName": "the icon component" }, "iconOpen": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "icon component", + "nodeName": "the icon component", "conditions": "open={true}" }, "iconWithOpenIconOpen": { "description": "{{stylesApplied}} when {{conditions}}.", - "nodeName": "icon", + "nodeName": "the icon", "conditions": "an openIcon is provided and if open={true}" }, "openIcon": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "`openIcon`", + "nodeName": "the `openIcon`", "conditions": "provided" }, "openIconOpen": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "`openIcon`", + "nodeName": "the `openIcon`", "conditions": "provided and if open={true}" } } diff --git a/docs/translations/api-docs/speed-dial/speed-dial.json b/docs/translations/api-docs/speed-dial/speed-dial.json index 303f0fb69054a6..d181e2a9f7b879 100644 --- a/docs/translations/api-docs/speed-dial/speed-dial.json +++ b/docs/translations/api-docs/speed-dial/speed-dial.json @@ -17,19 +17,19 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, - "fab": { "description": "{{stylesApplied}}", "nodeName": "Fab component" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "fab": { "description": "{{stylesApplied}}", "nodeName": "the Fab component" }, "directionUp": { "description": "Styles applied to the root if direction=\"up\"" }, "directionDown": { "description": "Styles applied to the root if direction=\"down\"" }, "directionLeft": { "description": "Styles applied to the root if direction=\"left\"" }, "directionRight": { "description": "Styles applied to the root if direction=\"right\"" }, "actions": { "description": "{{stylesApplied}}", - "nodeName": "actions (`children` wrapper) element" + "nodeName": "the actions (`children` wrapper) element" }, "actionsClosed": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "actions (`children` wrapper) element", + "nodeName": "the actions (`children` wrapper) element", "conditions": "open={false}" } } diff --git a/docs/translations/api-docs/step-button/step-button.json b/docs/translations/api-docs/step-button/step-button.json index 3259273251ad2c..2cf54ad0f43656 100644 --- a/docs/translations/api-docs/step-button/step-button.json +++ b/docs/translations/api-docs/step-button/step-button.json @@ -7,17 +7,20 @@ "optional": "The optional node to display." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "horizontal": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "orientation=\"horizontal\"" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, - "touchRipple": { "description": "{{stylesApplied}}", "nodeName": "`ButtonBase` touch-ripple" } + "touchRipple": { + "description": "{{stylesApplied}}", + "nodeName": "the `ButtonBase` touch-ripple" + } } } diff --git a/docs/translations/api-docs/step-connector/step-connector.json b/docs/translations/api-docs/step-connector/step-connector.json index e177afb0df4c1f..5af63e4fef686e 100644 --- a/docs/translations/api-docs/step-connector/step-connector.json +++ b/docs/translations/api-docs/step-connector/step-connector.json @@ -4,46 +4,46 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "horizontal": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "orientation=\"horizontal\"" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, "alternativeLabel": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "alternativeLabel={true}" }, "active": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "active={true}" }, "completed": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "completed={true}" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, - "line": { "description": "{{stylesApplied}}", "nodeName": "line element" }, + "line": { "description": "{{stylesApplied}}", "nodeName": "the line element" }, "lineHorizontal": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "orientation=\"horizontal\"" }, "lineVertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "orientation=\"vertical\"" } } diff --git a/docs/translations/api-docs/step-content/step-content.json b/docs/translations/api-docs/step-content/step-content.json index bf501b9e526ccd..b474f7e872738f 100644 --- a/docs/translations/api-docs/step-content/step-content.json +++ b/docs/translations/api-docs/step-content/step-content.json @@ -8,12 +8,12 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "last": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "last={true} (controlled by Step)" }, - "transition": { "description": "{{stylesApplied}}", "nodeName": "Transition component" } + "transition": { "description": "{{stylesApplied}}", "nodeName": "the Transition component" } } } diff --git a/docs/translations/api-docs/step-icon/step-icon.json b/docs/translations/api-docs/step-icon/step-icon.json index 28ef6bf6bcc119..884787f06bf36f 100644 --- a/docs/translations/api-docs/step-icon/step-icon.json +++ b/docs/translations/api-docs/step-icon/step-icon.json @@ -8,21 +8,21 @@ "icon": "The label displayed in the step icon." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, - "text": { "description": "{{stylesApplied}}", "nodeName": "SVG text element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "text": { "description": "{{stylesApplied}}", "nodeName": "the SVG text element" }, "active": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "active={true}" }, "completed": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "completed={true}" }, "error": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "error={true}" } } diff --git a/docs/translations/api-docs/step-label/step-label.json b/docs/translations/api-docs/step-label/step-label.json index 1760ea4d72c6e5..26abf6a4bef3a6 100644 --- a/docs/translations/api-docs/step-label/step-label.json +++ b/docs/translations/api-docs/step-label/step-label.json @@ -10,50 +10,53 @@ "StepIconProps": "Props applied to the StepIcon element." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "horizontal": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "orientation=\"horizontal\"" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, "label": { "description": "{{stylesApplied}}", - "nodeName": "Typography component that wraps `children`" + "nodeName": "the Typography component that wraps `children`" }, "active": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "`Typography` component", + "nodeName": "the `Typography` component", "conditions": "active={true}" }, "completed": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "`Typography` component", + "nodeName": "the `Typography` component", "conditions": "completed={true}" }, "error": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element and `Typography` component", + "nodeName": "the root element and `Typography` component", "conditions": "error={true}" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element and `Typography` component", + "nodeName": "the root element and `Typography` component", "conditions": "disabled={true}" }, - "iconContainer": { "description": "{{stylesApplied}}", "nodeName": "`icon` container element" }, + "iconContainer": { + "description": "{{stylesApplied}}", + "nodeName": "the `icon` container element" + }, "alternativeLabel": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root and icon container and `Typography`", + "nodeName": "the root and icon container and `Typography`", "conditions": "alternativeLabel={true}" }, "labelContainer": { "description": "{{stylesApplied}}", - "nodeName": "container element which wraps `Typography` and `optional`" + "nodeName": "the container element which wraps `Typography` and `optional`" } } } diff --git a/docs/translations/api-docs/step/step.json b/docs/translations/api-docs/step/step.json index 43da0e69e3f0dd..88dfd099c924f9 100644 --- a/docs/translations/api-docs/step/step.json +++ b/docs/translations/api-docs/step/step.json @@ -11,25 +11,25 @@ "last": "If true, the Step is displayed as rendered last. The prop defaults to the value inherited from the parent Stepper component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "horizontal": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "orientation=\"horizontal\"" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, "alternativeLabel": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "alternativeLabel={true}" }, "completed": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "completed={true}" } } diff --git a/docs/translations/api-docs/stepper/stepper.json b/docs/translations/api-docs/stepper/stepper.json index c155fb1eee4a3e..763ba55cca60ad 100644 --- a/docs/translations/api-docs/stepper/stepper.json +++ b/docs/translations/api-docs/stepper/stepper.json @@ -10,20 +10,20 @@ "orientation": "The component orientation (layout flow direction)." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "horizontal": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "orientation=\"horizontal\"" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, "alternativeLabel": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "alternativeLabel={true}" } } diff --git a/docs/translations/api-docs/svg-icon/svg-icon.json b/docs/translations/api-docs/svg-icon/svg-icon.json index a7d991ac0ee8c6..99bd496769e61e 100644 --- a/docs/translations/api-docs/svg-icon/svg-icon.json +++ b/docs/translations/api-docs/svg-icon/svg-icon.json @@ -12,45 +12,45 @@ "viewBox": "Allows you to redefine what the coordinates without units mean inside an SVG element. For example, if the SVG element is 500 (width) by 200 (height), and you pass viewBox="0 0 50 20", this means that the coordinates inside the SVG will go from the top left corner (0,0) to bottom right (50,20) and each unit will be worth 10px." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"secondary\"" }, "colorAction": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"action\"" }, "colorError": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"error\"" }, "colorDisabled": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"disabled\"" }, "fontSizeInherit": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "fontSize=\"inherit\"" }, "fontSizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "fontSize=\"small\"" }, "fontSizeLarge": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "fontSize=\"large\"" } } diff --git a/docs/translations/api-docs/switch/switch.json b/docs/translations/api-docs/switch/switch.json index cfd774704a5f83..1215e4cca0c6c0 100644 --- a/docs/translations/api-docs/switch/switch.json +++ b/docs/translations/api-docs/switch/switch.json @@ -18,51 +18,51 @@ "value": "The value of the component. The DOM API casts this to a string. The browser uses "on" as the default value." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "edgeStart": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "edge=\"start\"" }, "edgeEnd": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "edge=\"end\"" }, "switchBase": { "description": "{{stylesApplied}}", - "nodeName": "internal `SwitchBase` component's `root` class" + "nodeName": "the internal `SwitchBase` component's `root` class" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "internal SwitchBase component's root element", + "nodeName": "the internal SwitchBase component's root element", "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "internal SwitchBase component's root element", + "nodeName": "the internal SwitchBase component's root element", "conditions": "color=\"secondary\"" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"small\"" }, "checked": { "description": "{{pseudoClassApplied}}", - "nodeName": "internal `SwitchBase` component's `checked` class" + "nodeName": "the internal `SwitchBase` component's `checked` class" }, "disabled": { "description": "{{pseudoClassApplied}}", - "nodeName": "internal SwitchBase component's disabled class" + "nodeName": "the internal SwitchBase component's disabled class" }, "input": { "description": "{{stylesApplied}}", - "nodeName": "internal SwitchBase component's input element" + "nodeName": "the internal SwitchBase component's input element" }, "thumb": { "description": "Styles used to create the thumb passed to the internal `SwitchBase` component `icon` prop." }, - "track": { "description": "{{stylesApplied}}", "nodeName": "track element" } + "track": { "description": "{{stylesApplied}}", "nodeName": "the track element" } } } diff --git a/docs/translations/api-docs/tab-panel/tab-panel.json b/docs/translations/api-docs/tab-panel/tab-panel.json index 26d4f345cea951..faee9f79310156 100644 --- a/docs/translations/api-docs/tab-panel/tab-panel.json +++ b/docs/translations/api-docs/tab-panel/tab-panel.json @@ -6,6 +6,6 @@ "value": "The value of the corresponding Tab. Must use the index of the Tab when no value was passed to Tab." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/tab-scroll-button/tab-scroll-button.json b/docs/translations/api-docs/tab-scroll-button/tab-scroll-button.json index ae7834ac80d33d..a303cb792ea266 100644 --- a/docs/translations/api-docs/tab-scroll-button/tab-scroll-button.json +++ b/docs/translations/api-docs/tab-scroll-button/tab-scroll-button.json @@ -8,15 +8,15 @@ "orientation": "The component orientation (layout flow direction)." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" } } diff --git a/docs/translations/api-docs/tab/tab.json b/docs/translations/api-docs/tab/tab.json index 132d1d741e539a..19e4cac1ee159d 100644 --- a/docs/translations/api-docs/tab/tab.json +++ b/docs/translations/api-docs/tab/tab.json @@ -12,50 +12,50 @@ "wrapped": "Tab labels appear in a single row. They can use a second line if needed." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "labelIcon": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "both icon and label are provided" }, "textColorInherit": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "the parent [Tabs](/api/tabs/) has textColor=\"inherit\"" }, "textColorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "the parent [Tabs](/api/tabs/) has textColor=\"primary\"" }, "textColorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "the parent [Tabs](/api/tabs/) has textColor=\"secondary\"" }, "selected": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "selected={true} (controlled by the Tabs component)" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true} (controlled by the Tabs component)" }, "fullWidth": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "fullWidth={true} (controlled by the Tabs component)" }, "wrapped": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "wrapped={true}" }, "wrapper": { "description": "{{stylesApplied}}", - "nodeName": "`icon` and `label`'s wrapper element" + "nodeName": "the `icon` and `label`'s wrapper element" } } } diff --git a/docs/translations/api-docs/table-body/table-body.json b/docs/translations/api-docs/table-body/table-body.json index e2791968b107d5..05fe3a7f098ceb 100644 --- a/docs/translations/api-docs/table-body/table-body.json +++ b/docs/translations/api-docs/table-body/table-body.json @@ -6,6 +6,6 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/table-cell/table-cell.json b/docs/translations/api-docs/table-cell/table-cell.json index 05215505c46977..557efbd839db64 100644 --- a/docs/translations/api-docs/table-cell/table-cell.json +++ b/docs/translations/api-docs/table-cell/table-cell.json @@ -12,60 +12,60 @@ "variant": "Specify the cell type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "head": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"head\" or context.table.head" }, "body": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"body\" or context.table.body" }, "footer": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"footer\" or context.table.footer" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"small\"" }, "paddingCheckbox": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "padding=\"checkbox\"" }, "paddingNone": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "padding=\"none\"" }, "alignLeft": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "align=\"left\"" }, "alignCenter": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "align=\"center\"" }, "alignRight": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "align=\"right\"" }, "alignJustify": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "align=\"justify\"" }, "stickyHeader": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "context.table.stickyHeader={true}" } } diff --git a/docs/translations/api-docs/table-container/table-container.json b/docs/translations/api-docs/table-container/table-container.json index 17dee7619fba34..f5afdb9a4aeee7 100644 --- a/docs/translations/api-docs/table-container/table-container.json +++ b/docs/translations/api-docs/table-container/table-container.json @@ -6,6 +6,6 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/table-footer/table-footer.json b/docs/translations/api-docs/table-footer/table-footer.json index e2791968b107d5..05fe3a7f098ceb 100644 --- a/docs/translations/api-docs/table-footer/table-footer.json +++ b/docs/translations/api-docs/table-footer/table-footer.json @@ -6,6 +6,6 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/table-head/table-head.json b/docs/translations/api-docs/table-head/table-head.json index e2791968b107d5..05fe3a7f098ceb 100644 --- a/docs/translations/api-docs/table-head/table-head.json +++ b/docs/translations/api-docs/table-head/table-head.json @@ -6,6 +6,6 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/table-pagination/table-pagination.json b/docs/translations/api-docs/table-pagination/table-pagination.json index fc788796f482a6..2c69923a8dff49 100644 --- a/docs/translations/api-docs/table-pagination/table-pagination.json +++ b/docs/translations/api-docs/table-pagination/table-pagination.json @@ -20,28 +20,31 @@ "showLastButton": "If true, show the last-page button." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, - "toolbar": { "description": "{{stylesApplied}}", "nodeName": "Toolbar component" }, - "spacer": { "description": "{{stylesApplied}}", "nodeName": "spacer element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "toolbar": { "description": "{{stylesApplied}}", "nodeName": "the Toolbar component" }, + "spacer": { "description": "{{stylesApplied}}", "nodeName": "the spacer element" }, "caption": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "caption Typography component", + "nodeName": "the caption Typography component", "conditions": "variant=\"caption\"" }, "selectRoot": { "description": "{{stylesApplied}}", - "nodeName": "Select component root element" + "nodeName": "the Select component root element" + }, + "select": { + "description": "{{stylesApplied}}", + "nodeName": "the Select component `select` class" }, - "select": { "description": "{{stylesApplied}}", "nodeName": "Select component `select` class" }, "selectIcon": { "description": "{{stylesApplied}}", - "nodeName": "Select component `icon` class" + "nodeName": "the Select component `icon` class" }, - "input": { "description": "{{stylesApplied}}", "nodeName": "InputBase component" }, - "menuItem": { "description": "{{stylesApplied}}", "nodeName": "MenuItem component" }, + "input": { "description": "{{stylesApplied}}", "nodeName": "the InputBase component" }, + "menuItem": { "description": "{{stylesApplied}}", "nodeName": "the MenuItem component" }, "actions": { "description": "{{stylesApplied}}", - "nodeName": "internal `TablePaginationActions` component" + "nodeName": "the internal `TablePaginationActions` component" } } } diff --git a/docs/translations/api-docs/table-row/table-row.json b/docs/translations/api-docs/table-row/table-row.json index 25f8205b31594f..fab105da5fe91c 100644 --- a/docs/translations/api-docs/table-row/table-row.json +++ b/docs/translations/api-docs/table-row/table-row.json @@ -8,25 +8,25 @@ "selected": "If true, the table row will have the selected shading." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "selected": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "selected={true}" }, "hover": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "hover={true}" }, "head": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "table variant=\"head\"" }, "footer": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "table variant=\"footer\"" } } diff --git a/docs/translations/api-docs/table-sort-label/table-sort-label.json b/docs/translations/api-docs/table-sort-label/table-sort-label.json index f67ae8f00e2fc2..61e44298dfc770 100644 --- a/docs/translations/api-docs/table-sort-label/table-sort-label.json +++ b/docs/translations/api-docs/table-sort-label/table-sort-label.json @@ -9,21 +9,21 @@ "IconComponent": "Sort icon to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "active": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "active={true}" }, - "icon": { "description": "{{stylesApplied}}", "nodeName": "icon component" }, + "icon": { "description": "{{stylesApplied}}", "nodeName": "the icon component" }, "iconDirectionDesc": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "icon component", + "nodeName": "the icon component", "conditions": "direction=\"desc\"" }, "iconDirectionAsc": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "icon component", + "nodeName": "the icon component", "conditions": "direction=\"asc\"" } } diff --git a/docs/translations/api-docs/table/table.json b/docs/translations/api-docs/table/table.json index 1003906b6b0dc6..8f5b20ce278ff5 100644 --- a/docs/translations/api-docs/table/table.json +++ b/docs/translations/api-docs/table/table.json @@ -9,10 +9,10 @@ "stickyHeader": "Set the header sticky.
⚠️ It doesn't work with IE11." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "stickyHeader": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "stickyHeader={true}" } } diff --git a/docs/translations/api-docs/tabs/tabs.json b/docs/translations/api-docs/tabs/tabs.json index e803c001162455..811902834a8064 100644 --- a/docs/translations/api-docs/tabs/tabs.json +++ b/docs/translations/api-docs/tabs/tabs.json @@ -23,53 +23,56 @@ "visibleScrollbar": "If true, the scrollbar is visible. It can be useful when displaying a long vertical list of tabs." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, - "flexContainer": { "description": "{{stylesApplied}}", "nodeName": "flex container element" }, + "flexContainer": { + "description": "{{stylesApplied}}", + "nodeName": "the flex container element" + }, "flexContainerVertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "flex container element", + "nodeName": "the flex container element", "conditions": "orientation=\"vertical\"" }, "centered": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "flex container element", + "nodeName": "the flex container element", "conditions": "centered={true} & !variant=\"scrollable\"" }, - "scroller": { "description": "{{stylesApplied}}", "nodeName": "tablist element" }, + "scroller": { "description": "{{stylesApplied}}", "nodeName": "the tablist element" }, "fixed": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "tablist element", + "nodeName": "the tablist element", "conditions": "!variant=\"scrollable\"\b\b\b" }, "scrollableX": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "tablist element", + "nodeName": "the tablist element", "conditions": "variant=\"scrollable\" and orientation=\"horizontal\"" }, "scrollableY": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "tablist element", + "nodeName": "the tablist element", "conditions": "variant=\"scrollable\" and orientation=\"vertical\"" }, "hideScrollbar": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "tablist element", + "nodeName": "the tablist element", "conditions": "variant=\"scrollable\" and visibleScrollbar={false}" }, "scrollButtons": { "description": "{{stylesApplied}}", - "nodeName": "ScrollButtonComponent component" + "nodeName": "the ScrollButtonComponent component" }, "scrollButtonsHideMobile": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "ScrollButtonComponent component", + "nodeName": "the ScrollButtonComponent component", "conditions": "allowScrollButtonsMobile={true}" }, - "indicator": { "description": "{{stylesApplied}}", "nodeName": "TabIndicator component" } + "indicator": { "description": "{{stylesApplied}}", "nodeName": "the TabIndicator component" } } } diff --git a/docs/translations/api-docs/text-field/text-field.json b/docs/translations/api-docs/text-field/text-field.json index 458b97fc6061c9..af33cd270d06e8 100644 --- a/docs/translations/api-docs/text-field/text-field.json +++ b/docs/translations/api-docs/text-field/text-field.json @@ -34,6 +34,6 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/timeline-connector/timeline-connector.json b/docs/translations/api-docs/timeline-connector/timeline-connector.json index 00156cbab4aef5..831be86773f91c 100644 --- a/docs/translations/api-docs/timeline-connector/timeline-connector.json +++ b/docs/translations/api-docs/timeline-connector/timeline-connector.json @@ -5,6 +5,6 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/timeline-content/timeline-content.json b/docs/translations/api-docs/timeline-content/timeline-content.json index 8e9946626960c4..7d13a8b035b937 100644 --- a/docs/translations/api-docs/timeline-content/timeline-content.json +++ b/docs/translations/api-docs/timeline-content/timeline-content.json @@ -5,10 +5,10 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "alignRight": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "align=\"right\"" } } diff --git a/docs/translations/api-docs/timeline-dot/timeline-dot.json b/docs/translations/api-docs/timeline-dot/timeline-dot.json index 4e1c057dab1587..9420903bce1f5a 100644 --- a/docs/translations/api-docs/timeline-dot/timeline-dot.json +++ b/docs/translations/api-docs/timeline-dot/timeline-dot.json @@ -7,45 +7,45 @@ "variant": "The dot can appear filled or outlined." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "filled": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"filled\"" }, "outlined": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"outlined\"" }, "filledGrey": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"grey\" and variant=\"filled\"" }, "outlinedGrey": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"grey\" and variant=\"outlined\"" }, "filledPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"primary\" and variant=\"filled\"" }, "outlinedPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"primary\" and variant=\"outlined\"" }, "filledSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"secondary\" and variant=\"filled\"" }, "outlinedSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"secondary\" and variant=\"outlined\"" } } diff --git a/docs/translations/api-docs/timeline-item/timeline-item.json b/docs/translations/api-docs/timeline-item/timeline-item.json index e77e70d3cb63dd..104f1f73704450 100644 --- a/docs/translations/api-docs/timeline-item/timeline-item.json +++ b/docs/translations/api-docs/timeline-item/timeline-item.json @@ -5,31 +5,31 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "alignLeft": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "align=\"left\"" }, "alignRight": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "align=\"right\"" }, "alignAlternate": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "align=\"alternate\"" }, "missingOppositeContent": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "TimelineOppositeContent isn't provided" }, - "content": { "description": "{{stylesApplied}}", "nodeName": "timeline content node" }, + "content": { "description": "{{stylesApplied}}", "nodeName": "the timeline content node" }, "oppositeContent": { "description": "{{stylesApplied}}", - "nodeName": "timeline opposite content node" + "nodeName": "the timeline opposite content node" } } } diff --git a/docs/translations/api-docs/timeline-opposite-content/timeline-opposite-content.json b/docs/translations/api-docs/timeline-opposite-content/timeline-opposite-content.json index 8e9946626960c4..7d13a8b035b937 100644 --- a/docs/translations/api-docs/timeline-opposite-content/timeline-opposite-content.json +++ b/docs/translations/api-docs/timeline-opposite-content/timeline-opposite-content.json @@ -5,10 +5,10 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "alignRight": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "align=\"right\"" } } diff --git a/docs/translations/api-docs/timeline-separator/timeline-separator.json b/docs/translations/api-docs/timeline-separator/timeline-separator.json index 00156cbab4aef5..831be86773f91c 100644 --- a/docs/translations/api-docs/timeline-separator/timeline-separator.json +++ b/docs/translations/api-docs/timeline-separator/timeline-separator.json @@ -5,6 +5,6 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/timeline/timeline.json b/docs/translations/api-docs/timeline/timeline.json index b1d80658178939..49f2fb7ff4bd53 100644 --- a/docs/translations/api-docs/timeline/timeline.json +++ b/docs/translations/api-docs/timeline/timeline.json @@ -6,20 +6,20 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "alignLeft": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "align=\"left\"" }, "alignRight": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "align=\"right\"" }, "alignAlternate": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "align=\"alternate\"" } } diff --git a/docs/translations/api-docs/toggle-button-group/toggle-button-group.json b/docs/translations/api-docs/toggle-button-group/toggle-button-group.json index a3bf06d95730f9..8d95cbbd00d2cb 100644 --- a/docs/translations/api-docs/toggle-button-group/toggle-button-group.json +++ b/docs/translations/api-docs/toggle-button-group/toggle-button-group.json @@ -10,21 +10,21 @@ "value": "The currently selected value within the group or an array of selected values when exclusive is false.
The value must have reference equality with the option in order to be selected." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "vertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, - "grouped": { "description": "{{stylesApplied}}", "nodeName": "children" }, + "grouped": { "description": "{{stylesApplied}}", "nodeName": "the children" }, "groupedHorizontal": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "children", + "nodeName": "the children", "conditions": "orientation=\"horizontal\"" }, "groupedVertical": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "children", + "nodeName": "the children", "conditions": "orientation=\"vertical\"" } } diff --git a/docs/translations/api-docs/toggle-button/toggle-button.json b/docs/translations/api-docs/toggle-button/toggle-button.json index 7de26e6989a638..21c041cfb0d7fd 100644 --- a/docs/translations/api-docs/toggle-button/toggle-button.json +++ b/docs/translations/api-docs/toggle-button/toggle-button.json @@ -11,26 +11,26 @@ "value": "The value to associate with the button when selected in a ToggleButtonGroup." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disabled={true}" }, "selected": { "description": "{{pseudoClassApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "selected={true}" }, - "label": { "description": "{{stylesApplied}}", "nodeName": "`label` wrapper element" }, + "label": { "description": "{{stylesApplied}}", "nodeName": "the `label` wrapper element" }, "sizeSmall": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"small\"" }, "sizeLarge": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "size=\"large\"" } } diff --git a/docs/translations/api-docs/toolbar/toolbar.json b/docs/translations/api-docs/toolbar/toolbar.json index 419474ef7c1097..36cb76ff9e7d5d 100644 --- a/docs/translations/api-docs/toolbar/toolbar.json +++ b/docs/translations/api-docs/toolbar/toolbar.json @@ -8,20 +8,20 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "gutters": { "description": "{{stylesApplied}} unless {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "disableGutters={true}" }, "regular": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"regular\"" }, "dense": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"dense\"" } } diff --git a/docs/translations/api-docs/tooltip/tooltip.json b/docs/translations/api-docs/tooltip/tooltip.json index c7944205ca011b..bf58a41f78e94d 100644 --- a/docs/translations/api-docs/tooltip/tooltip.json +++ b/docs/translations/api-docs/tooltip/tooltip.json @@ -27,50 +27,50 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "popper": { "description": "{{stylesApplied}}", "nodeName": "Popper component" }, + "popper": { "description": "{{stylesApplied}}", "nodeName": "the Popper component" }, "popperInteractive": { "description": "{{stylesApplied}} unless {{conditions}}.", - "nodeName": "Popper component", + "nodeName": "the Popper component", "conditions": "disableInteractive={true}" }, "popperArrow": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "Popper component", + "nodeName": "the Popper component", "conditions": "arrow={true}" }, "tooltip": { "description": "{{stylesApplied}}", - "nodeName": "tooltip (label wrapper) element" + "nodeName": "the tooltip (label wrapper) element" }, "tooltipArrow": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "tooltip (label wrapper) element", + "nodeName": "the tooltip (label wrapper) element", "conditions": "arrow={true}" }, - "arrow": { "description": "{{stylesApplied}}", "nodeName": "arrow element" }, + "arrow": { "description": "{{stylesApplied}}", "nodeName": "the arrow element" }, "touch": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "tooltip (label wrapper) element", + "nodeName": "the tooltip (label wrapper) element", "conditions": "the tooltip is opened by touch" }, "tooltipPlacementLeft": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "tooltip (label wrapper) element", + "nodeName": "the tooltip (label wrapper) element", "conditions": "placement contains \"left\"" }, "tooltipPlacementRight": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "tooltip (label wrapper) element", + "nodeName": "the tooltip (label wrapper) element", "conditions": "placement contains \"right\"" }, "tooltipPlacementTop": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "tooltip (label wrapper) element", + "nodeName": "the tooltip (label wrapper) element", "conditions": "placement contains \"top\"" }, "tooltipPlacementBottom": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "tooltip (label wrapper) element", + "nodeName": "the tooltip (label wrapper) element", "conditions": "placement contains \"bottom\"" } } diff --git a/docs/translations/api-docs/tree-item/tree-item.json b/docs/translations/api-docs/tree-item/tree-item.json index 65fb3ca6676462..2294fcc2b199f6 100644 --- a/docs/translations/api-docs/tree-item/tree-item.json +++ b/docs/translations/api-docs/tree-item/tree-item.json @@ -17,30 +17,30 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, - "group": { "description": "{{stylesApplied}}", "nodeName": "transition component" }, - "content": { "description": "{{stylesApplied}}", "nodeName": "content element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "group": { "description": "{{stylesApplied}}", "nodeName": "the transition component" }, + "content": { "description": "{{stylesApplied}}", "nodeName": "the content element" }, "expanded": { "description": "{{pseudoClassApplied}} when {{conditions}}.", - "nodeName": "content element", + "nodeName": "the content element", "conditions": "expanded" }, "selected": { "description": "{{pseudoClassApplied}} when {{conditions}}.", - "nodeName": "content element", + "nodeName": "the content element", "conditions": "selected" }, "focused": { "description": "{{pseudoClassApplied}} when {{conditions}}.", - "nodeName": "content element", + "nodeName": "the content element", "conditions": "focused" }, "disabled": { "description": "{{pseudoClassApplied}} when {{conditions}}.", - "nodeName": "element", + "nodeName": "the element", "conditions": "disabled" }, - "iconContainer": { "description": "{{stylesApplied}}", "nodeName": "tree node icon" }, - "label": { "description": "{{stylesApplied}}", "nodeName": "label element" } + "iconContainer": { "description": "{{stylesApplied}}", "nodeName": "the tree node icon" }, + "label": { "description": "{{stylesApplied}}", "nodeName": "the label element" } } } diff --git a/docs/translations/api-docs/tree-view/tree-view.json b/docs/translations/api-docs/tree-view/tree-view.json index 7d7678bb0bd9e0..6068703360bfa6 100644 --- a/docs/translations/api-docs/tree-view/tree-view.json +++ b/docs/translations/api-docs/tree-view/tree-view.json @@ -20,6 +20,6 @@ "selected": "Selected node ids. (Controlled) When multiSelect is true this takes an array of strings; when false (default) a string." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" } + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/typography/typography.json b/docs/translations/api-docs/typography/typography.json index 69c97d3e212e69..6315512dcadd04 100644 --- a/docs/translations/api-docs/typography/typography.json +++ b/docs/translations/api-docs/typography/typography.json @@ -15,150 +15,150 @@ "variantMapping": "The component maps the variant prop to a range of different HTML element types. For instance, subtitle1 to <h6>. If you wish to change that mapping, you can provide your own. Alternatively, you can use the component prop." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "root element" }, + "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "body2": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"body2\"" }, "body1": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"body1\"" }, "caption": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"caption\"" }, "button": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"button\"" }, "h1": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"h1\"" }, "h2": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"h2\"" }, "h3": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"h3\"" }, "h4": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"h4\"" }, "h5": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"h5\"" }, "h6": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"h6\"" }, "subtitle1": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"subtitle1\"" }, "subtitle2": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"subtitle2\"" }, "overline": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"overline\"" }, "inherit": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "variant=\"inherit\"" }, "alignLeft": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "align=\"left\"" }, "alignCenter": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "align=\"center\"" }, "alignRight": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "align=\"right\"" }, "alignJustify": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "align=\"justify\"" }, "noWrap": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "nowrap={true}" }, "gutterBottom": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "gutterBottom={true}" }, "paragraph": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "paragraph={true}" }, "colorInherit": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"inherit\"" }, "colorPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"secondary\"" }, "colorTextPrimary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"textPrimary\"" }, "colorTextSecondary": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"textSecondary\"" }, "colorError": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "color=\"error\"" }, "displayInline": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "display=\"inline\"" }, "displayBlock": { "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "root element", + "nodeName": "the root element", "conditions": "display=\"block\"" } } diff --git a/packages/material-ui/src/ButtonGroup/ButtonGroup.d.ts b/packages/material-ui/src/ButtonGroup/ButtonGroup.d.ts index aebf56ed65d6f9..d729fc0da8e84c 100644 --- a/packages/material-ui/src/ButtonGroup/ButtonGroup.d.ts +++ b/packages/material-ui/src/ButtonGroup/ButtonGroup.d.ts @@ -25,7 +25,7 @@ export interface ButtonGroupTypeMap

text?: string; /** Styles applied to the root element if `disableElevation={true}`. */ disableElevation?: string; - /** Pseudo-class applied to child elements if `disabled={true}`. */ + /** Pseudo-class applied to the child elements if `disabled={true}`. */ disabled?: string; /** Styles applied to the root element if `fullWidth={true}`. */ fullWidth?: string; diff --git a/packages/material-ui/src/ButtonGroup/ButtonGroup.js b/packages/material-ui/src/ButtonGroup/ButtonGroup.js index 14de2102ab106a..a9f644ab567c70 100644 --- a/packages/material-ui/src/ButtonGroup/ButtonGroup.js +++ b/packages/material-ui/src/ButtonGroup/ButtonGroup.js @@ -30,7 +30,7 @@ export const styles = (theme) => ({ disableElevation: { boxShadow: 'none', }, - /* Pseudo-class applied to child elements if `disabled={true}`. */ + /* Pseudo-class applied to the child elements if `disabled={true}`. */ disabled: {}, /* Styles applied to the root element if `fullWidth={true}`. */ fullWidth: { From 7caaf548f5b4e54d1775ac7626a25456005a878d Mon Sep 17 00:00:00 2001 From: Matt Date: Mon, 11 Jan 2021 01:12:05 +0000 Subject: [PATCH 05/10] Fix some inconsistencies --- .../api-docs/pagination-item/pagination-item.json | 8 ++++++-- .../api-docs/speed-dial-action/speed-dial-action.json | 4 ++-- docs/translations/api-docs/speed-dial/speed-dial.json | 10 ++++++---- .../material-ui/src/PaginationItem/PaginationItem.d.ts | 4 ++-- .../material-ui/src/PaginationItem/PaginationItem.js | 4 ++-- packages/material-ui/src/SpeedDial/SpeedDial.d.ts | 8 ++++---- packages/material-ui/src/SpeedDial/SpeedDial.js | 8 ++++---- .../src/SpeedDialAction/SpeedDialAction.d.ts | 4 ++-- .../material-ui/src/SpeedDialAction/SpeedDialAction.js | 4 ++-- 9 files changed, 30 insertions(+), 24 deletions(-) diff --git a/docs/translations/api-docs/pagination-item/pagination-item.json b/docs/translations/api-docs/pagination-item/pagination-item.json index 84faa66cbf0e29..db9cd375aefa78 100644 --- a/docs/translations/api-docs/pagination-item/pagination-item.json +++ b/docs/translations/api-docs/pagination-item/pagination-item.json @@ -20,10 +20,14 @@ "conditions": "type=\"page\"" }, "sizeSmall": { - "description": "Styles applied applied to the root element if `size=\"small\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "the root element", + "conditions": "size=\"small\"" }, "sizeLarge": { - "description": "Styles applied applied to the root element if `size=\"large\"`." + "description": "{{stylesApplied}} if {{conditions}}.", + "nodeName": "the root element", + "conditions": "size=\"large\"" }, "text": { "description": "{{stylesApplied}} if {{conditions}}.", diff --git a/docs/translations/api-docs/speed-dial-action/speed-dial-action.json b/docs/translations/api-docs/speed-dial-action/speed-dial-action.json index 1a900ef88a09a6..4883563786cc89 100644 --- a/docs/translations/api-docs/speed-dial-action/speed-dial-action.json +++ b/docs/translations/api-docs/speed-dial-action/speed-dial-action.json @@ -35,10 +35,10 @@ "conditions": "tooltipOpen={true}" }, "tooltipPlacementLeft": { - "description": "Styles applied to the root if `tooltipOpen={true}` and `tooltipPlacement=\"left\"``" + "description": "Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement=\"left\"``" }, "tooltipPlacementRight": { - "description": "Styles applied to the root if `tooltipOpen={true}` and `tooltipPlacement=\"right\"``" + "description": "Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement=\"right\"``" } } } diff --git a/docs/translations/api-docs/speed-dial/speed-dial.json b/docs/translations/api-docs/speed-dial/speed-dial.json index d181e2a9f7b879..0e4af8dbcb1de0 100644 --- a/docs/translations/api-docs/speed-dial/speed-dial.json +++ b/docs/translations/api-docs/speed-dial/speed-dial.json @@ -19,10 +19,12 @@ "classDescriptions": { "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, "fab": { "description": "{{stylesApplied}}", "nodeName": "the Fab component" }, - "directionUp": { "description": "Styles applied to the root if direction=\"up\"" }, - "directionDown": { "description": "Styles applied to the root if direction=\"down\"" }, - "directionLeft": { "description": "Styles applied to the root if direction=\"left\"" }, - "directionRight": { "description": "Styles applied to the root if direction=\"right\"" }, + "directionUp": { "description": "Styles applied to the root element if direction=\"up\"" }, + "directionDown": { "description": "Styles applied to the root element if direction=\"down\"" }, + "directionLeft": { "description": "Styles applied to the root element if direction=\"left\"" }, + "directionRight": { + "description": "Styles applied to the root element if direction=\"right\"" + }, "actions": { "description": "{{stylesApplied}}", "nodeName": "the actions (`children` wrapper) element" diff --git a/packages/material-ui/src/PaginationItem/PaginationItem.d.ts b/packages/material-ui/src/PaginationItem/PaginationItem.d.ts index 258fa8a871d71d..c8d407f06d0e8c 100644 --- a/packages/material-ui/src/PaginationItem/PaginationItem.d.ts +++ b/packages/material-ui/src/PaginationItem/PaginationItem.d.ts @@ -16,9 +16,9 @@ export interface PaginationItemTypeMap

({ paddingBottom: spacingActions + dialRadius, }, }, - /* Styles applied to the root if direction="down" */ + /* Styles applied to the root element if direction="down" */ directionDown: { flexDirection: 'column', '& $actions': { @@ -64,7 +64,7 @@ export const styles = (theme) => ({ paddingTop: spacingActions + dialRadius, }, }, - /* Styles applied to the root if direction="left" */ + /* Styles applied to the root element if direction="left" */ directionLeft: { flexDirection: 'row-reverse', '& $actions': { @@ -73,7 +73,7 @@ export const styles = (theme) => ({ paddingRight: spacingActions + dialRadius, }, }, - /* Styles applied to the root if direction="right" */ + /* Styles applied to the root element if direction="right" */ directionRight: { flexDirection: 'row', '& $actions': { diff --git a/packages/material-ui/src/SpeedDialAction/SpeedDialAction.d.ts b/packages/material-ui/src/SpeedDialAction/SpeedDialAction.d.ts index a71ac567238be9..c2273bb2fc7525 100644 --- a/packages/material-ui/src/SpeedDialAction/SpeedDialAction.d.ts +++ b/packages/material-ui/src/SpeedDialAction/SpeedDialAction.d.ts @@ -18,9 +18,9 @@ export interface SpeedDialActionProps extends StandardProps ({ padding: '4px 16px', wordBreak: 'keep-all', }, - /* Styles applied to the root if `tooltipOpen={true}` and `tooltipPlacement="left"`` */ + /* Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="left"`` */ tooltipPlacementLeft: { alignItems: 'center', '& $staticTooltipLabel': { @@ -66,7 +66,7 @@ export const styles = (theme) => ({ marginRight: 8, }, }, - /* Styles applied to the root if `tooltipOpen={true}` and `tooltipPlacement="right"`` */ + /* Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="right"`` */ tooltipPlacementRight: { alignItems: 'center', '& $staticTooltipLabel': { From 74dc5e2ac3af3fb327a1ed445b4d1b837dd453db Mon Sep 17 00:00:00 2001 From: Matt Date: Mon, 11 Jan 2021 21:26:10 +0000 Subject: [PATCH 06/10] Remove test mode --- docs/scripts/buildApi.ts | 8 -------- 1 file changed, 8 deletions(-) diff --git a/docs/scripts/buildApi.ts b/docs/scripts/buildApi.ts index 1fce76d6efbe4c..1ad54adceec688 100644 --- a/docs/scripts/buildApi.ts +++ b/docs/scripts/buildApi.ts @@ -30,10 +30,6 @@ import getStylesCreator from '@material-ui/styles/getStylesCreator'; import { createMuiTheme } from '@material-ui/core/styles'; import { getLineFeed, getUnstyledFilename } from './helpers'; -// Only run for the named component -const TEST = false; -// const TEST = 'Accordion'; - const DEMO_IGNORE = LANGUAGES_IN_PROGRESS.map((language) => `-${language}.md`); interface ReactApi extends ReactDocgenApi { @@ -891,10 +887,6 @@ async function buildDocs(options: { const component = require(componentObject.filename); const name = path.parse(componentObject.filename).name; - if (TEST && name !== TEST) { - return; - } - const componentApi: { componentDescription: string; propDescriptions: { [key: string]: string | undefined }; From 8c0e55d38fae44010d5bc236ef6f64abd6a33364 Mon Sep 17 00:00:00 2001 From: Matt Date: Tue, 12 Jan 2021 18:35:10 +0000 Subject: [PATCH 07/10] Revert "Class name -> Styles" This reverts commit 4ef119d5920bfbc6757bb30158b320a599bcb118. --- .../badge-unstyled/badge-unstyled.json | 44 ++++----------- docs/translations/api-docs/badge/badge.json | 44 ++++----------- .../slider-unstyled/slider-unstyled.json | 40 +++++-------- docs/translations/api-docs/slider/slider.json | 56 ++++++------------- .../src/BadgeUnstyled/BadgeUnstyled.d.ts | 24 ++++---- .../src/SliderUnstyled/SliderUnstyled.d.ts | 26 ++++----- packages/material-ui/src/Slider/Slider.d.ts | 8 +-- 7 files changed, 83 insertions(+), 159 deletions(-) diff --git a/docs/translations/api-docs/badge-unstyled/badge-unstyled.json b/docs/translations/api-docs/badge-unstyled/badge-unstyled.json index b6dd7bb3e774fa..32cd836f9eaec5 100644 --- a/docs/translations/api-docs/badge-unstyled/badge-unstyled.json +++ b/docs/translations/api-docs/badge-unstyled/badge-unstyled.json @@ -15,57 +15,37 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, - "badge": { "description": "{{stylesApplied}}", "nodeName": "the badge `span` element" }, + "root": { "description": "Class name applied to the root element." }, + "badge": { "description": "Class name applied to the badge `span` element." }, "dot": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the badge `span` element", - "conditions": "variant=\"dot\"" + "description": "Class name applied to the badge `span` element if `variant=\"dot\"`." }, "standard": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the badge `span` element", - "conditions": "variant=\"standard\"" + "description": "Class name applied to the badge `span` element if `variant=\"standard\"`." }, "anchorOriginTopRightRectangular": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the badge `span` element", - "conditions": "anchorOrigin={{ 'top', 'right' }} overlap=\"rectangular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap=\"rectangular\"`." }, "anchorOriginBottomRightRectangular": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the badge `span` element", - "conditions": "anchorOrigin={{ 'bottom', 'right' }} overlap=\"rectangular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap=\"rectangular\"`." }, "anchorOriginTopLeftRectangular": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the badge `span` element", - "conditions": "anchorOrigin={{ 'top', 'left' }} overlap=\"rectangular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap=\"rectangular\"`." }, "anchorOriginBottomLeftRectangular": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the badge `span` element", - "conditions": "anchorOrigin={{ 'bottom', 'left' }} overlap=\"rectangular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"rectangular\"`." }, "anchorOriginTopRightCircular": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the badge `span` element", - "conditions": "anchorOrigin={{ 'top', 'right' }} overlap=\"circular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap=\"circular\"`." }, "anchorOriginBottomRightCircular": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the badge `span` element", - "conditions": "anchorOrigin={{ 'bottom', 'right' }} overlap=\"circular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap=\"circular\"`." }, "anchorOriginTopLeftCircular": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the badge `span` element", - "conditions": "anchorOrigin={{ 'top', 'left' }} overlap=\"circular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap=\"circular\"`." }, "anchorOriginBottomLeftCircular": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the badge `span` element", - "conditions": "anchorOrigin={{ 'bottom', 'left' }} overlap=\"circular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"circular\"`." }, "invisible": { "description": "{{pseudoClassApplied}} if {{conditions}}.", diff --git a/docs/translations/api-docs/badge/badge.json b/docs/translations/api-docs/badge/badge.json index de794c19e74af1..8703897d384357 100644 --- a/docs/translations/api-docs/badge/badge.json +++ b/docs/translations/api-docs/badge/badge.json @@ -17,57 +17,37 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, - "badge": { "description": "{{stylesApplied}}", "nodeName": "the badge `span` element" }, + "root": { "description": "Class name applied to the root element." }, + "badge": { "description": "Class name applied to the badge `span` element." }, "dot": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the badge `span` element", - "conditions": "variant=\"dot\"" + "description": "Class name applied to the badge `span` element if `variant=\"dot\"`." }, "standard": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the badge `span` element", - "conditions": "variant=\"standard\"" + "description": "Class name applied to the badge `span` element if `variant=\"standard\"`." }, "anchorOriginTopRightRectangular": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the badge `span` element", - "conditions": "anchorOrigin={{ 'top', 'right' }} overlap=\"rectangular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap=\"rectangular\"`." }, "anchorOriginBottomRightRectangular": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the badge `span` element", - "conditions": "anchorOrigin={{ 'bottom', 'right' }} overlap=\"rectangular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap=\"rectangular\"`." }, "anchorOriginTopLeftRectangular": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the badge `span` element", - "conditions": "anchorOrigin={{ 'top', 'left' }} overlap=\"rectangular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap=\"rectangular\"`." }, "anchorOriginBottomLeftRectangular": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the badge `span` element", - "conditions": "anchorOrigin={{ 'bottom', 'left' }} overlap=\"rectangular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"rectangular\"`." }, "anchorOriginTopRightCircular": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the badge `span` element", - "conditions": "anchorOrigin={{ 'top', 'right' }} overlap=\"circular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap=\"circular\"`." }, "anchorOriginBottomRightCircular": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the badge `span` element", - "conditions": "anchorOrigin={{ 'bottom', 'right' }} overlap=\"circular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap=\"circular\"`." }, "anchorOriginTopLeftCircular": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the badge `span` element", - "conditions": "anchorOrigin={{ 'top', 'left' }} overlap=\"circular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap=\"circular\"`." }, "anchorOriginBottomLeftCircular": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the badge `span` element", - "conditions": "anchorOrigin={{ 'bottom', 'left' }} overlap=\"circular\"" + "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"circular\"`." }, "invisible": { "description": "{{pseudoClassApplied}} if {{conditions}}.", diff --git a/docs/translations/api-docs/slider-unstyled/slider-unstyled.json b/docs/translations/api-docs/slider-unstyled/slider-unstyled.json index 6e51dc8f9b2bb7..6bc43f2dc4bf44 100644 --- a/docs/translations/api-docs/slider-unstyled/slider-unstyled.json +++ b/docs/translations/api-docs/slider-unstyled/slider-unstyled.json @@ -28,35 +28,25 @@ "valueLabelFormat": "The format function the value label's value.
When a function is provided, it should have the following signature:
- {number} value The value label's value to format - {number} index The value label's index to format" }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Class name applied to the root element." }, "marked": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the root element", - "conditions": "marks is provided with at least one label" + "description": "Class name applied to the root element if `marks` is provided with at least one label." }, "vertical": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the root element", - "conditions": "orientation=\"vertical\"" + "description": "Class name applied to the root element if `orientation=\"vertical\"`." }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", "nodeName": "the root and thumb element", "conditions": "disabled={true}" }, - "rail": { "description": "{{stylesApplied}}", "nodeName": "the rail element" }, - "track": { "description": "{{stylesApplied}}", "nodeName": "the track element" }, - "trackFalse": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the track element", - "conditions": "track={false}" - }, + "rail": { "description": "Class name applied to the rail element." }, + "track": { "description": "Class name applied to the track element." }, + "trackFalse": { "description": "Class name applied to the track element if `track={false}`." }, "trackInverted": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the track element", - "conditions": "track=\"inverted\"" + "description": "Class name applied to the track element if `track=\"inverted\"`." }, - "thumb": { "description": "{{stylesApplied}}", "nodeName": "the thumb element" }, + "thumb": { "description": "Class name applied to the thumb element." }, "active": { "description": "{{pseudoClassApplied}} if {{conditions}}.", "nodeName": "the thumb element", @@ -67,18 +57,14 @@ "nodeName": "the thumb element", "conditions": "keyboard focused" }, - "valueLabel": { "description": "{{stylesApplied}}", "nodeName": "the thumb label element" }, - "mark": { "description": "{{stylesApplied}}", "nodeName": "the mark element" }, + "valueLabel": { "description": "Class name applied to the thumb label element." }, + "mark": { "description": "Class name applied to the mark element." }, "markActive": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the mark element", - "conditions": "active (depending on the value)" + "description": "Class name applied to the mark element if active (depending on the value)." }, - "markLabel": { "description": "{{stylesApplied}}", "nodeName": "the mark label element" }, + "markLabel": { "description": "Class name applied to the mark label element." }, "markLabelActive": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the mark label element", - "conditions": "active (depending on the value)" + "description": "Class name applied to the mark label element if active (depending on the value)." } } } diff --git a/docs/translations/api-docs/slider/slider.json b/docs/translations/api-docs/slider/slider.json index 3172265e1eeecd..9cdcda00c3b442 100644 --- a/docs/translations/api-docs/slider/slider.json +++ b/docs/translations/api-docs/slider/slider.json @@ -30,35 +30,25 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Class name applied to the root element." }, "marked": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the root element", - "conditions": "marks is provided with at least one label" + "description": "Class name applied to the root element if `marks` is provided with at least one label." }, "vertical": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the root element", - "conditions": "orientation=\"vertical\"" + "description": "Class name applied to the root element if `orientation=\"vertical\"`." }, "disabled": { "description": "{{pseudoClassApplied}} if {{conditions}}.", "nodeName": "the root and thumb element", "conditions": "disabled={true}" }, - "rail": { "description": "{{stylesApplied}}", "nodeName": "the rail element" }, - "track": { "description": "{{stylesApplied}}", "nodeName": "the track element" }, - "trackFalse": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the track element", - "conditions": "track={false}" - }, + "rail": { "description": "Class name applied to the rail element." }, + "track": { "description": "Class name applied to the track element." }, + "trackFalse": { "description": "Class name applied to the track element if `track={false}`." }, "trackInverted": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the track element", - "conditions": "track=\"inverted\"" + "description": "Class name applied to the track element if `track=\"inverted\"`." }, - "thumb": { "description": "{{stylesApplied}}", "nodeName": "the thumb element" }, + "thumb": { "description": "Class name applied to the thumb element." }, "active": { "description": "{{pseudoClassApplied}} if {{conditions}}.", "nodeName": "the thumb element", @@ -69,38 +59,26 @@ "nodeName": "the thumb element", "conditions": "keyboard focused" }, - "valueLabel": { "description": "{{stylesApplied}}", "nodeName": "the thumb label element" }, - "mark": { "description": "{{stylesApplied}}", "nodeName": "the mark element" }, + "valueLabel": { "description": "Class name applied to the thumb label element." }, + "mark": { "description": "Class name applied to the mark element." }, "markActive": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the mark element", - "conditions": "active (depending on the value)" + "description": "Class name applied to the mark element if active (depending on the value)." }, - "markLabel": { "description": "{{stylesApplied}}", "nodeName": "the mark label element" }, + "markLabel": { "description": "Class name applied to the mark label element." }, "markLabelActive": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the mark label element", - "conditions": "active (depending on the value)" + "description": "Class name applied to the mark label element if active (depending on the value)." }, "colorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the root element", - "conditions": "color=\"primary\"" + "description": "Class name applied to the root element if `color=\"primary\"`." }, "colorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the root element", - "conditions": "color=\"secondary\"" + "description": "Class name applied to the root element if `color=\"secondary\"`." }, "thumbColorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the thumb element", - "conditions": "color=\"primary\"" + "description": "Class name applied to the thumb element if `color=\"primary\"`." }, "thumbColorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", - "nodeName": "the thumb element", - "conditions": "color=\"secondary\"" + "description": "Class name applied to the thumb element if `color=\"secondary\"`." } } } diff --git a/packages/material-ui-unstyled/src/BadgeUnstyled/BadgeUnstyled.d.ts b/packages/material-ui-unstyled/src/BadgeUnstyled/BadgeUnstyled.d.ts index 1254d6cb2b2589..2a1c59a97c8fab 100644 --- a/packages/material-ui-unstyled/src/BadgeUnstyled/BadgeUnstyled.d.ts +++ b/packages/material-ui-unstyled/src/BadgeUnstyled/BadgeUnstyled.d.ts @@ -57,29 +57,29 @@ export interface BadgeUnstyledTypeMap

Date: Tue, 12 Jan 2021 18:45:50 +0000 Subject: [PATCH 08/10] Support 'Class name' prefix, & simplify --- docs/scripts/buildApi.ts | 18 ++-- docs/src/modules/components/ApiPage.js | 2 - .../accordion-actions/accordion-actions.json | 4 +- .../accordion-details/accordion-details.json | 2 +- .../accordion-summary/accordion-summary.json | 15 ++-- .../api-docs/accordion/accordion.json | 10 +-- .../api-docs/alert-title/alert-title.json | 2 +- docs/translations/api-docs/alert/alert.json | 44 +++++----- .../api-docs/app-bar/app-bar.json | 22 ++--- .../api-docs/autocomplete/autocomplete.json | 78 ++++++++++++----- .../api-docs/avatar-group/avatar-group.json | 7 +- docs/translations/api-docs/avatar/avatar.json | 12 +-- .../api-docs/backdrop/backdrop.json | 4 +- .../badge-unstyled/badge-unstyled.json | 52 +++++++++--- docs/translations/api-docs/badge/badge.json | 58 +++++++++---- .../bottom-navigation-action.json | 13 +-- .../bottom-navigation/bottom-navigation.json | 2 +- .../api-docs/breadcrumbs/breadcrumbs.json | 11 ++- .../api-docs/button-base/button-base.json | 6 +- .../api-docs/button-group/button-group.json | 52 ++++++------ docs/translations/api-docs/button/button.json | 72 ++++++++-------- .../card-action-area/card-action-area.json | 6 +- .../api-docs/card-actions/card-actions.json | 4 +- .../api-docs/card-content/card-content.json | 2 +- .../api-docs/card-header/card-header.json | 24 ++++-- .../api-docs/card-media/card-media.json | 6 +- docs/translations/api-docs/card/card.json | 2 +- .../api-docs/checkbox/checkbox.json | 12 +-- docs/translations/api-docs/chip/chip.json | 73 +++++++++------- .../circular-progress/circular-progress.json | 23 ++--- .../api-docs/collapse/collapse.json | 18 ++-- .../api-docs/container/container.json | 16 ++-- .../dialog-actions/dialog-actions.json | 4 +- .../dialog-content-text.json | 2 +- .../dialog-content/dialog-content.json | 4 +- .../api-docs/dialog-title/dialog-title.json | 2 +- docs/translations/api-docs/dialog/dialog.json | 36 ++++---- .../api-docs/divider/divider.json | 28 +++---- docs/translations/api-docs/drawer/drawer.json | 27 +++--- docs/translations/api-docs/fab/fab.json | 22 ++--- .../api-docs/filled-input/filled-input.json | 34 ++++---- .../form-control-label.json | 15 ++-- .../api-docs/form-control/form-control.json | 8 +- .../api-docs/form-group/form-group.json | 4 +- .../form-helper-text/form-helper-text.json | 16 ++-- .../api-docs/form-label/form-label.json | 19 +++-- docs/translations/api-docs/grid/grid.json | 46 +++++----- .../api-docs/icon-button/icon-button.json | 21 +++-- docs/translations/api-docs/icon/icon.json | 18 ++-- .../image-list-item-bar.json | 27 +++--- .../image-list-item/image-list-item.json | 8 +- .../api-docs/image-list/image-list.json | 10 +-- .../input-adornment/input-adornment.json | 10 +-- .../api-docs/input-base/input-base.json | 38 ++++----- .../api-docs/input-label/input-label.json | 27 +++--- docs/translations/api-docs/input/input.json | 28 +++---- .../linear-progress/linear-progress.json | 39 +++++---- docs/translations/api-docs/link/link.json | 12 +-- .../list-item-avatar/list-item-avatar.json | 4 +- .../list-item-icon/list-item-icon.json | 4 +- .../list-item-secondary-action.json | 4 +- .../list-item-text/list-item-text.json | 12 +-- .../api-docs/list-item/list-item.json | 22 ++--- .../list-subheader/list-subheader.json | 12 +-- docs/translations/api-docs/list/list.json | 8 +- .../loading-button/loading-button.json | 18 ++-- .../api-docs/menu-item/menu-item.json | 8 +- docs/translations/api-docs/menu/menu.json | 10 ++- .../mobile-stepper/mobile-stepper.json | 16 ++-- .../api-docs/native-select/native-select.json | 25 +++--- .../outlined-input/outlined-input.json | 30 +++---- .../pagination-item/pagination-item.json | 32 +++---- .../api-docs/pagination/pagination.json | 8 +- docs/translations/api-docs/paper/paper.json | 8 +- .../api-docs/popover/popover.json | 4 +- docs/translations/api-docs/radio/radio.json | 10 +-- docs/translations/api-docs/rating/rating.json | 33 ++++---- .../scoped-css-baseline.json | 2 +- docs/translations/api-docs/select/select.json | 25 +++--- .../api-docs/skeleton/skeleton.json | 12 +-- .../slider-unstyled/slider-unstyled.json | 67 +++++++++++---- docs/translations/api-docs/slider/slider.json | 83 ++++++++++++++----- .../snackbar-content/snackbar-content.json | 9 +- .../api-docs/snackbar/snackbar.json | 14 ++-- .../speed-dial-action/speed-dial-action.json | 10 +-- .../speed-dial-icon/speed-dial-icon.json | 12 +-- .../api-docs/speed-dial/speed-dial.json | 8 +- .../api-docs/step-button/step-button.json | 8 +- .../step-connector/step-connector.json | 20 ++--- .../api-docs/step-content/step-content.json | 9 +- .../api-docs/step-icon/step-icon.json | 13 +-- .../api-docs/step-label/step-label.json | 22 ++--- docs/translations/api-docs/step/step.json | 10 +-- .../api-docs/stepper/stepper.json | 8 +- .../api-docs/svg-icon/svg-icon.json | 18 ++-- docs/translations/api-docs/switch/switch.json | 22 ++--- .../api-docs/tab-panel/tab-panel.json | 2 +- .../tab-scroll-button/tab-scroll-button.json | 6 +- docs/translations/api-docs/tab/tab.json | 20 ++--- .../api-docs/table-body/table-body.json | 2 +- .../api-docs/table-cell/table-cell.json | 24 +++--- .../table-container/table-container.json | 2 +- .../api-docs/table-footer/table-footer.json | 2 +- .../api-docs/table-head/table-head.json | 2 +- .../table-pagination/table-pagination.json | 32 ++++--- .../api-docs/table-row/table-row.json | 10 +-- .../table-sort-label/table-sort-label.json | 10 +-- docs/translations/api-docs/table/table.json | 4 +- docs/translations/api-docs/tabs/tabs.json | 32 ++++--- .../api-docs/text-field/text-field.json | 2 +- .../timeline-connector.json | 2 +- .../timeline-content/timeline-content.json | 4 +- .../api-docs/timeline-dot/timeline-dot.json | 18 ++-- .../api-docs/timeline-item/timeline-item.json | 17 ++-- .../timeline-opposite-content.json | 4 +- .../timeline-separator.json | 2 +- .../api-docs/timeline/timeline.json | 8 +- .../toggle-button-group.json | 10 +-- .../api-docs/toggle-button/toggle-button.json | 15 ++-- .../api-docs/toolbar/toolbar.json | 8 +- .../api-docs/tooltip/tooltip.json | 25 +++--- .../api-docs/tree-item/tree-item.json | 27 ++++-- .../api-docs/tree-view/tree-view.json | 2 +- .../api-docs/typography/typography.json | 60 +++++++------- docs/translations/translations.json | 2 - 125 files changed, 1233 insertions(+), 938 deletions(-) diff --git a/docs/scripts/buildApi.ts b/docs/scripts/buildApi.ts index 1ad54adceec688..d0875570be22d3 100644 --- a/docs/scripts/buildApi.ts +++ b/docs/scripts/buildApi.ts @@ -800,24 +800,22 @@ function extractClassConditions(descriptions: any) { const classConditions: { [key: string]: { description: string; conditions?: string; nodeName?: string }; } = {}; - const stylesRegex = /(Styles|Pseudo-class) applied to (.*?)(( if | unless | when |, ){1}(.*))?\./; + const stylesRegex = /((Styles|Pseudo-class|Class name) applied to )(.*?)(( if | unless | when |, ){1}(.*))?\./; Object.entries(descriptions).forEach(([className, classDescription]: any) => { if (className) { const conditions = classDescription.match(stylesRegex); - const applied = - conditions && conditions[1] === 'Styles' ? '{{stylesApplied}}' : '{{pseudoClassApplied}}'; - if (conditions && conditions[5]) { + if (conditions && conditions[6]) { classConditions[className] = { - description: classDescription.replace(stylesRegex, `${applied}$4{{conditions}}.`), - nodeName: conditions[2], - conditions: conditions[5].replace(/`(.*?)`/g, '$1'), + description: classDescription.replace(stylesRegex, '$1{{nodeName}}$5{{conditions}}.'), + nodeName: conditions[3], + conditions: conditions[6].replace(/`(.*?)`/g, '$1'), }; - } else if (conditions && conditions[2]) { + } else if (conditions && conditions[3]) { classConditions[className] = { - description: classDescription.replace(stylesRegex, `${applied}$4`), - nodeName: conditions[2], + description: classDescription.replace(stylesRegex, '$1{{nodeName}}$5.'), + nodeName: conditions[3], }; } else { classConditions[className] = { description: classDescription }; diff --git a/docs/src/modules/components/ApiPage.js b/docs/src/modules/components/ApiPage.js index 1a772bb8604849..385409219ef8d1 100644 --- a/docs/src/modules/components/ApiPage.js +++ b/docs/src/modules/components/ApiPage.js @@ -100,8 +100,6 @@ function ClassesTable(props) { __html: classDescriptions[className] && classDescriptions[className].description - .replace(/{{stylesApplied}}/, t('api-docs.stylesApplied')) - .replace(/{{pseudoClassApplied}}/, t('api-docs.pseudoClassApplied')) .replace(/{{conditions}}/, classDescriptions[className].conditions) .replace(/{{nodeName}}/, classDescriptions[className].nodeName), }} diff --git a/docs/translations/api-docs/accordion-actions/accordion-actions.json b/docs/translations/api-docs/accordion-actions/accordion-actions.json index c3c883214ac83d..ebf7a69e0f40f7 100644 --- a/docs/translations/api-docs/accordion-actions/accordion-actions.json +++ b/docs/translations/api-docs/accordion-actions/accordion-actions.json @@ -6,9 +6,9 @@ "disableSpacing": "If true, the actions do not have additional margin." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "spacing": { - "description": "{{stylesApplied}} unless {{conditions}}.", + "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the root element", "conditions": "disableSpacing={true}" } diff --git a/docs/translations/api-docs/accordion-details/accordion-details.json b/docs/translations/api-docs/accordion-details/accordion-details.json index 831be86773f91c..a8f4968da499d1 100644 --- a/docs/translations/api-docs/accordion-details/accordion-details.json +++ b/docs/translations/api-docs/accordion-details/accordion-details.json @@ -5,6 +5,6 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/accordion-summary/accordion-summary.json b/docs/translations/api-docs/accordion-summary/accordion-summary.json index 7e14f9ace21272..69878b4b95e251 100644 --- a/docs/translations/api-docs/accordion-summary/accordion-summary.json +++ b/docs/translations/api-docs/accordion-summary/accordion-summary.json @@ -7,25 +7,28 @@ "focusVisibleClassName": "This prop can help identify which element has keyboard focus. The class name will be applied when the element gains the focus through keyboard interaction. It's a polyfill for the CSS :focus-visible selector. The rationale for using this feature is explained here. A polyfill can be used to apply a focus-visible class to other components if needed." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "expanded": { - "description": "{{pseudoClassApplied}}, {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}}, {{conditions}}.", "nodeName": "the root element", "conditions": "children wrapper element and IconButton component if expanded={true}" }, "focusVisible": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the ButtonBase root element", "conditions": "the button is keyboard focused" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, - "content": { "description": "{{stylesApplied}}", "nodeName": "the children wrapper element" }, + "content": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the children wrapper element" + }, "expandIconWrapper": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the `expandIcon`'s wrapper element" } } diff --git a/docs/translations/api-docs/accordion/accordion.json b/docs/translations/api-docs/accordion/accordion.json index 3ab9eb3dbff6a8..4bbcb821c42949 100644 --- a/docs/translations/api-docs/accordion/accordion.json +++ b/docs/translations/api-docs/accordion/accordion.json @@ -12,24 +12,24 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "rounded": { - "description": "{{stylesApplied}} unless {{conditions}}.", + "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the root element", "conditions": "square={true}" }, "expanded": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "expanded={true}" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, "region": { - "description": "{{stylesApplied}}, {{conditions}}.", + "description": "Styles applied to {{nodeName}}, {{conditions}}.", "nodeName": "the region element", "conditions": "the container of the children" } diff --git a/docs/translations/api-docs/alert-title/alert-title.json b/docs/translations/api-docs/alert-title/alert-title.json index 831be86773f91c..a8f4968da499d1 100644 --- a/docs/translations/api-docs/alert-title/alert-title.json +++ b/docs/translations/api-docs/alert-title/alert-title.json @@ -5,6 +5,6 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/alert/alert.json b/docs/translations/api-docs/alert/alert.json index a049a71245e06a..1d31fceb42068c 100644 --- a/docs/translations/api-docs/alert/alert.json +++ b/docs/translations/api-docs/alert/alert.json @@ -14,86 +14,92 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "filled": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"filled\"" }, "outlined": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"outlined\"" }, "standard": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"standard\"" }, "standardSuccess": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"standard\" and color=\"success\"" }, "standardInfo": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"standard\" and color=\"info\"" }, "standardWarning": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"standard\" and color=\"warning\"" }, "standardError": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"standard\" and color=\"error\"" }, "outlinedSuccess": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"success\"" }, "outlinedInfo": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"info\"" }, "outlinedWarning": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"warning\"" }, "outlinedError": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"error\"" }, "filledSuccess": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"filled\" and color=\"success\"" }, "filledInfo": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"filled\" and color=\"info\"" }, "filledWarning": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"filled\" and color=\"warning\"" }, "filledError": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"filled\" and color=\"error\"" }, - "icon": { "description": "{{stylesApplied}}", "nodeName": "the icon wrapper element" }, - "message": { "description": "{{stylesApplied}}", "nodeName": "the message wrapper element" }, + "icon": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the icon wrapper element" + }, + "message": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the message wrapper element" + }, "action": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the action wrapper element", "conditions": "action is provided" } diff --git a/docs/translations/api-docs/app-bar/app-bar.json b/docs/translations/api-docs/app-bar/app-bar.json index e1dcff7e065af0..56654695a32ab6 100644 --- a/docs/translations/api-docs/app-bar/app-bar.json +++ b/docs/translations/api-docs/app-bar/app-bar.json @@ -7,54 +7,54 @@ "position": "The positioning type. The behavior of the different options is described in the MDN web docs. Note: sticky is not universally supported and will fall back to static when unavailable." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "positionFixed": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "position=\"fixed\"" }, "positionAbsolute": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "position=\"absolute\"" }, "positionSticky": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "position=\"sticky\"" }, "positionStatic": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "position=\"static\"" }, "positionRelative": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "position=\"relative\"" }, "colorDefault": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"default\"" }, "colorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"secondary\"" }, "colorInherit": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"inherit\"" }, "colorTransparent": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"transparent\"" } diff --git a/docs/translations/api-docs/autocomplete/autocomplete.json b/docs/translations/api-docs/autocomplete/autocomplete.json index ee0c37816f41a1..1a2bdccb4878ec 100644 --- a/docs/translations/api-docs/autocomplete/autocomplete.json +++ b/docs/translations/api-docs/autocomplete/autocomplete.json @@ -61,57 +61,93 @@ "value": "The value of the autocomplete.
The value must have reference equality with the option in order to be selected. You can customize the equality behavior with the getOptionSelected prop." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "@media (pointer": { "description": "Avoid double tap issue on iOS" }, "fullWidth": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "fullWidth={true}" }, "focused": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "focused" }, "tag": { - "description": "{{stylesApplied}}, {{conditions}}.", + "description": "Styles applied to {{nodeName}}, {{conditions}}.", "nodeName": "the tag elements", "conditions": "e.g. the chips" }, "tagSizeSmall": { - "description": "{{stylesApplied}}, {{conditions}}.", + "description": "Styles applied to {{nodeName}}, {{conditions}}.", "nodeName": "the tag elements", "conditions": "e.g. the chips if size=\"small\"" }, "hasPopupIcon": { "description": "Styles applied when the popup icon is rendered." }, "hasClearIcon": { "description": "Styles applied when the clear icon is rendered." }, - "inputRoot": { "description": "{{stylesApplied}}", "nodeName": "the Input element" }, - "input": { "description": "{{stylesApplied}}", "nodeName": "the input element" }, + "inputRoot": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the Input element" + }, + "input": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the input element" }, "inputFocused": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "tag focused" }, - "endAdornment": { "description": "{{stylesApplied}}", "nodeName": "the endAdornment element" }, - "clearIndicator": { "description": "{{stylesApplied}}", "nodeName": "the clear indicator" }, - "popupIndicator": { "description": "{{stylesApplied}}", "nodeName": "the popup indicator" }, + "endAdornment": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the endAdornment element" + }, + "clearIndicator": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the clear indicator" + }, + "popupIndicator": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the popup indicator" + }, "popupIndicatorOpen": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the popup indicator", "conditions": "the popup is open" }, - "popper": { "description": "{{stylesApplied}}", "nodeName": "the popper element" }, + "popper": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the popper element" + }, "popperDisablePortal": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the popper element", "conditions": "disablePortal={true}" }, - "paper": { "description": "{{stylesApplied}}", "nodeName": "the Paper component" }, - "listbox": { "description": "{{stylesApplied}}", "nodeName": "the listbox component" }, - "loading": { "description": "{{stylesApplied}}", "nodeName": "the loading wrapper" }, - "noOptions": { "description": "{{stylesApplied}}", "nodeName": "the no option wrapper" }, - "option": { "description": "{{stylesApplied}}", "nodeName": "the option elements" }, - "groupLabel": { "description": "{{stylesApplied}}", "nodeName": "the group's label elements" }, - "groupUl": { "description": "{{stylesApplied}}", "nodeName": "the group's ul elements" } + "paper": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the Paper component" + }, + "listbox": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the listbox component" + }, + "loading": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the loading wrapper" + }, + "noOptions": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the no option wrapper" + }, + "option": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the option elements" + }, + "groupLabel": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the group's label elements" + }, + "groupUl": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the group's ul elements" + } } } diff --git a/docs/translations/api-docs/avatar-group/avatar-group.json b/docs/translations/api-docs/avatar-group/avatar-group.json index a940eb8819c460..83cfb9608d5959 100644 --- a/docs/translations/api-docs/avatar-group/avatar-group.json +++ b/docs/translations/api-docs/avatar-group/avatar-group.json @@ -8,7 +8,10 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, - "avatar": { "description": "{{stylesApplied}}", "nodeName": "the avatar elements" } + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "avatar": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the avatar elements" + } } } diff --git a/docs/translations/api-docs/avatar/avatar.json b/docs/translations/api-docs/avatar/avatar.json index 784a4a8ce58c03..b459e6a6d71749 100644 --- a/docs/translations/api-docs/avatar/avatar.json +++ b/docs/translations/api-docs/avatar/avatar.json @@ -13,29 +13,29 @@ "variant": "The shape of the avatar." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "colorDefault": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "not src or srcSet" }, "circular": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"circular\"" }, "rounded": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"rounded\"" }, "square": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"square\"" }, "img": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the img element", "conditions": "either src or srcSet is defined" }, diff --git a/docs/translations/api-docs/backdrop/backdrop.json b/docs/translations/api-docs/backdrop/backdrop.json index 6d80384195b1a0..cc3c9270acc09c 100644 --- a/docs/translations/api-docs/backdrop/backdrop.json +++ b/docs/translations/api-docs/backdrop/backdrop.json @@ -8,9 +8,9 @@ "transitionDuration": "The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "invisible": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "invisible={true}" } diff --git a/docs/translations/api-docs/badge-unstyled/badge-unstyled.json b/docs/translations/api-docs/badge-unstyled/badge-unstyled.json index 32cd836f9eaec5..e03adaf85dad1a 100644 --- a/docs/translations/api-docs/badge-unstyled/badge-unstyled.json +++ b/docs/translations/api-docs/badge-unstyled/badge-unstyled.json @@ -15,40 +15,66 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Class name applied to the root element." }, - "badge": { "description": "Class name applied to the badge `span` element." }, + "root": { + "description": "Class name applied to {{nodeName}}.", + "nodeName": "the root element" + }, + "badge": { + "description": "Class name applied to {{nodeName}}.", + "nodeName": "the badge `span` element" + }, "dot": { - "description": "Class name applied to the badge `span` element if `variant=\"dot\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the badge `span` element", + "conditions": "variant=\"dot\"" }, "standard": { - "description": "Class name applied to the badge `span` element if `variant=\"standard\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the badge `span` element", + "conditions": "variant=\"standard\"" }, "anchorOriginTopRightRectangular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap=\"rectangular\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the badge `span` element", + "conditions": "anchorOrigin={{ 'top', 'right' }} overlap=\"rectangular\"" }, "anchorOriginBottomRightRectangular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap=\"rectangular\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the badge `span` element", + "conditions": "anchorOrigin={{ 'bottom', 'right' }} overlap=\"rectangular\"" }, "anchorOriginTopLeftRectangular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap=\"rectangular\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the badge `span` element", + "conditions": "anchorOrigin={{ 'top', 'left' }} overlap=\"rectangular\"" }, "anchorOriginBottomLeftRectangular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"rectangular\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the badge `span` element", + "conditions": "anchorOrigin={{ 'bottom', 'left' }} overlap=\"rectangular\"" }, "anchorOriginTopRightCircular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap=\"circular\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the badge `span` element", + "conditions": "anchorOrigin={{ 'top', 'right' }} overlap=\"circular\"" }, "anchorOriginBottomRightCircular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap=\"circular\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the badge `span` element", + "conditions": "anchorOrigin={{ 'bottom', 'right' }} overlap=\"circular\"" }, "anchorOriginTopLeftCircular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap=\"circular\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the badge `span` element", + "conditions": "anchorOrigin={{ 'top', 'left' }} overlap=\"circular\"" }, "anchorOriginBottomLeftCircular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"circular\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the badge `span` element", + "conditions": "anchorOrigin={{ 'bottom', 'left' }} overlap=\"circular\"" }, "invisible": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the badge `span` element", "conditions": "invisible={true}" } diff --git a/docs/translations/api-docs/badge/badge.json b/docs/translations/api-docs/badge/badge.json index 8703897d384357..7376a27259ce1e 100644 --- a/docs/translations/api-docs/badge/badge.json +++ b/docs/translations/api-docs/badge/badge.json @@ -17,55 +17,81 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "Class name applied to the root element." }, - "badge": { "description": "Class name applied to the badge `span` element." }, + "root": { + "description": "Class name applied to {{nodeName}}.", + "nodeName": "the root element" + }, + "badge": { + "description": "Class name applied to {{nodeName}}.", + "nodeName": "the badge `span` element" + }, "dot": { - "description": "Class name applied to the badge `span` element if `variant=\"dot\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the badge `span` element", + "conditions": "variant=\"dot\"" }, "standard": { - "description": "Class name applied to the badge `span` element if `variant=\"standard\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the badge `span` element", + "conditions": "variant=\"standard\"" }, "anchorOriginTopRightRectangular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap=\"rectangular\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the badge `span` element", + "conditions": "anchorOrigin={{ 'top', 'right' }} overlap=\"rectangular\"" }, "anchorOriginBottomRightRectangular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap=\"rectangular\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the badge `span` element", + "conditions": "anchorOrigin={{ 'bottom', 'right' }} overlap=\"rectangular\"" }, "anchorOriginTopLeftRectangular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap=\"rectangular\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the badge `span` element", + "conditions": "anchorOrigin={{ 'top', 'left' }} overlap=\"rectangular\"" }, "anchorOriginBottomLeftRectangular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"rectangular\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the badge `span` element", + "conditions": "anchorOrigin={{ 'bottom', 'left' }} overlap=\"rectangular\"" }, "anchorOriginTopRightCircular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap=\"circular\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the badge `span` element", + "conditions": "anchorOrigin={{ 'top', 'right' }} overlap=\"circular\"" }, "anchorOriginBottomRightCircular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap=\"circular\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the badge `span` element", + "conditions": "anchorOrigin={{ 'bottom', 'right' }} overlap=\"circular\"" }, "anchorOriginTopLeftCircular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap=\"circular\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the badge `span` element", + "conditions": "anchorOrigin={{ 'top', 'left' }} overlap=\"circular\"" }, "anchorOriginBottomLeftCircular": { - "description": "Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"circular\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the badge `span` element", + "conditions": "anchorOrigin={{ 'bottom', 'left' }} overlap=\"circular\"" }, "invisible": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the badge `span` element", "conditions": "invisible={true}" }, "colorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the badge `span` element", "conditions": "color=\"primary\"" }, "colorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the badge `span` element", "conditions": "color=\"secondary\"" }, "colorError": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the badge `span` element", "conditions": "color=\"error\"" } diff --git a/docs/translations/api-docs/bottom-navigation-action/bottom-navigation-action.json b/docs/translations/api-docs/bottom-navigation-action/bottom-navigation-action.json index 962ed1b440a81c..2654de91b23580 100644 --- a/docs/translations/api-docs/bottom-navigation-action/bottom-navigation-action.json +++ b/docs/translations/api-docs/bottom-navigation-action/bottom-navigation-action.json @@ -9,21 +9,24 @@ "value": "You can provide your own value. Otherwise, we fallback to the child position index." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "selected": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "selected" }, "iconOnly": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "showLabel={false} and not selected" }, "wrapper": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the span element that wraps the icon and label" }, - "label": { "description": "{{stylesApplied}}", "nodeName": "the label's span element" } + "label": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the label's span element" + } } } diff --git a/docs/translations/api-docs/bottom-navigation/bottom-navigation.json b/docs/translations/api-docs/bottom-navigation/bottom-navigation.json index 4426c504e263ad..3b1df7cf702163 100644 --- a/docs/translations/api-docs/bottom-navigation/bottom-navigation.json +++ b/docs/translations/api-docs/bottom-navigation/bottom-navigation.json @@ -9,6 +9,6 @@ "value": "The value of the currently selected BottomNavigationAction." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/breadcrumbs/breadcrumbs.json b/docs/translations/api-docs/breadcrumbs/breadcrumbs.json index f2076da09e609e..2a1aa5331538a5 100644 --- a/docs/translations/api-docs/breadcrumbs/breadcrumbs.json +++ b/docs/translations/api-docs/breadcrumbs/breadcrumbs.json @@ -11,9 +11,12 @@ "separator": "Custom separator node." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, - "ol": { "description": "{{stylesApplied}}", "nodeName": "the ol element" }, - "li": { "description": "{{stylesApplied}}", "nodeName": "the li element" }, - "separator": { "description": "{{stylesApplied}}", "nodeName": "the separator element" } + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "ol": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the ol element" }, + "li": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the li element" }, + "separator": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the separator element" + } } } diff --git a/docs/translations/api-docs/button-base/button-base.json b/docs/translations/api-docs/button-base/button-base.json index 17cab9de29383d..bd4b312f4f06ac 100644 --- a/docs/translations/api-docs/button-base/button-base.json +++ b/docs/translations/api-docs/button-base/button-base.json @@ -16,14 +16,14 @@ "TouchRippleProps": "Props applied to the TouchRipple element." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, "focusVisible": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "keyboard focused" } diff --git a/docs/translations/api-docs/button-group/button-group.json b/docs/translations/api-docs/button-group/button-group.json index 4546e5c86d12b3..4b5b521eb361e2 100644 --- a/docs/translations/api-docs/button-group/button-group.json +++ b/docs/translations/api-docs/button-group/button-group.json @@ -15,125 +15,125 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "contained": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"contained\"" }, "outlined": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"outlined\"" }, "text": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"text\"" }, "disableElevation": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disableElevation={true}" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the child elements", "conditions": "disabled={true}" }, "fullWidth": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "fullWidth={true}" }, "vertical": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, - "grouped": { "description": "{{stylesApplied}}", "nodeName": "the children" }, + "grouped": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the children" }, "groupedHorizontal": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the children", "conditions": "orientation=\"horizontal\"" }, "groupedVertical": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the children", "conditions": "orientation=\"vertical\"" }, "groupedText": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the children", "conditions": "variant=\"text\"" }, "groupedTextHorizontal": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the children", "conditions": "variant=\"text\" and orientation=\"horizontal\"" }, "groupedTextVertical": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the children", "conditions": "variant=\"text\" and orientation=\"vertical\"" }, "groupedTextPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the children", "conditions": "variant=\"text\" and color=\"primary\"" }, "groupedTextSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the children", "conditions": "variant=\"text\" and color=\"secondary\"" }, "groupedOutlined": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the children", "conditions": "variant=\"outlined\"" }, "groupedOutlinedHorizontal": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the children", "conditions": "variant=\"outlined\" and orientation=\"horizontal\"" }, "groupedOutlinedVertical": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the children", "conditions": "variant=\"outlined\" and orientation=\"vertical\"" }, "groupedOutlinedPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the children", "conditions": "variant=\"outlined\" and color=\"primary\"" }, "groupedOutlinedSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the children", "conditions": "variant=\"outlined\" and color=\"secondary\"" }, "groupedContained": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the children", "conditions": "variant=\"contained\"" }, "groupedContainedHorizontal": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the children", "conditions": "variant=\"contained\" and orientation=\"horizontal\"" }, "groupedContainedVertical": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the children", "conditions": "variant=\"contained\" and orientation=\"vertical\"" }, "groupedContainedPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the children", "conditions": "variant=\"contained\" and color=\"primary\"" }, "groupedContainedSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the children", "conditions": "variant=\"contained\" and color=\"secondary\"" } diff --git a/docs/translations/api-docs/button/button.json b/docs/translations/api-docs/button/button.json index 1215bef9cb7e80..2df15b392da316 100644 --- a/docs/translations/api-docs/button/button.json +++ b/docs/translations/api-docs/button/button.json @@ -18,178 +18,178 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "label": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the span element that wraps the children" }, "text": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"text\"" }, "textInherit": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"text\" and color=\"inherit\"" }, "textPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"text\" and color=\"primary\"" }, "textSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"text\" and color=\"secondary\"" }, "outlined": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"outlined\"" }, "outlinedInherit": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"inherit\"" }, "outlinedPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"primary\"" }, "outlinedSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"secondary\"" }, "contained": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"contained\"" }, "containedInherit": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"contained\" and color=\"inherit\"" }, "containedPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"contained\" and color=\"primary\"" }, "containedSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"contained\" and color=\"secondary\"" }, "disableElevation": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disableElevation={true}" }, "focusVisible": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the ButtonBase root element", "conditions": "the button is keyboard focused" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, "colorInherit": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"inherit\"" }, "textSizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"small\" and variant=\"text\"" }, "textSizeMedium": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"medium\" and variant=\"text\"" }, "textSizeLarge": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"large\" and variant=\"text\"" }, "outlinedSizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"small\" and variant=\"outlined\"" }, "outlinedSizeMedium": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"medium\" and variant=\"outlined\"" }, "outlinedSizeLarge": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"large\" and variant=\"outlined\"" }, "containedSizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"small\" and variant=\"contained\"" }, "containedSizeMedium": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"small\" and variant=\"contained\"" }, "containedSizeLarge": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"large\" and variant=\"contained\"" }, "sizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"small\"" }, "sizeMedium": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"medium\"" }, "sizeLarge": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"large\"" }, "fullWidth": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "fullWidth={true}" }, "startIcon": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the startIcon element", "conditions": "supplied" }, "endIcon": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the endIcon element", "conditions": "supplied" }, "iconSizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the icon element", "conditions": "supplied and size=\"small\"" }, "iconSizeMedium": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the icon element", "conditions": "supplied and size=\"medium\"" }, "iconSizeLarge": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the icon element", "conditions": "supplied and size=\"large\"" } diff --git a/docs/translations/api-docs/card-action-area/card-action-area.json b/docs/translations/api-docs/card-action-area/card-action-area.json index 329a3e9ae9b0e6..beeaae5f60eac6 100644 --- a/docs/translations/api-docs/card-action-area/card-action-area.json +++ b/docs/translations/api-docs/card-action-area/card-action-area.json @@ -5,14 +5,14 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "focusVisible": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the ButtonBase root element", "conditions": "the action area is keyboard focused" }, "focusHighlight": { - "description": "{{stylesApplied}} when {{conditions}}.", + "description": "Styles applied to {{nodeName}} when {{conditions}}.", "nodeName": "the overlay that covers the action area", "conditions": "it is keyboard focused" } diff --git a/docs/translations/api-docs/card-actions/card-actions.json b/docs/translations/api-docs/card-actions/card-actions.json index c3c883214ac83d..ebf7a69e0f40f7 100644 --- a/docs/translations/api-docs/card-actions/card-actions.json +++ b/docs/translations/api-docs/card-actions/card-actions.json @@ -6,9 +6,9 @@ "disableSpacing": "If true, the actions do not have additional margin." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "spacing": { - "description": "{{stylesApplied}} unless {{conditions}}.", + "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the root element", "conditions": "disableSpacing={true}" } diff --git a/docs/translations/api-docs/card-content/card-content.json b/docs/translations/api-docs/card-content/card-content.json index 7b62bcbc050521..527ffe0f4c2a09 100644 --- a/docs/translations/api-docs/card-content/card-content.json +++ b/docs/translations/api-docs/card-content/card-content.json @@ -6,6 +6,6 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/card-header/card-header.json b/docs/translations/api-docs/card-header/card-header.json index cfc31ce2699b75..c8013874072d86 100644 --- a/docs/translations/api-docs/card-header/card-header.json +++ b/docs/translations/api-docs/card-header/card-header.json @@ -12,13 +12,25 @@ "titleTypographyProps": "These props will be forwarded to the title (as long as disableTypography is not true)." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, - "avatar": { "description": "{{stylesApplied}}", "nodeName": "the avatar element" }, - "action": { "description": "{{stylesApplied}}", "nodeName": "the action element" }, - "content": { "description": "{{stylesApplied}}", "nodeName": "the content wrapper element" }, - "title": { "description": "{{stylesApplied}}", "nodeName": "the title Typography element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "avatar": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the avatar element" + }, + "action": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the action element" + }, + "content": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the content wrapper element" + }, + "title": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the title Typography element" + }, "subheader": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the subheader Typography element" } } diff --git a/docs/translations/api-docs/card-media/card-media.json b/docs/translations/api-docs/card-media/card-media.json index 4feedf70649918..9642f613a8fb0b 100644 --- a/docs/translations/api-docs/card-media/card-media.json +++ b/docs/translations/api-docs/card-media/card-media.json @@ -8,14 +8,14 @@ "src": "An alias for image property. Available only with media components. Media components: video, audio, picture, iframe, img." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "media": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "component=\"video, audio, picture, iframe, or img\"" }, "img": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "component=\"picture or img\"" } diff --git a/docs/translations/api-docs/card/card.json b/docs/translations/api-docs/card/card.json index 8a7b705ac27cce..8c8353c79c4690 100644 --- a/docs/translations/api-docs/card/card.json +++ b/docs/translations/api-docs/card/card.json @@ -6,6 +6,6 @@ "raised": "If true, the card will use raised styling." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/checkbox/checkbox.json b/docs/translations/api-docs/checkbox/checkbox.json index cb60213300e18b..0e0f984484ed96 100644 --- a/docs/translations/api-docs/checkbox/checkbox.json +++ b/docs/translations/api-docs/checkbox/checkbox.json @@ -19,29 +19,29 @@ "value": "The value of the component. The DOM API casts this to a string. The browser uses "on" as the default value." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "checked": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "checked={true}" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, "indeterminate": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "indeterminate={true}" }, "colorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"secondary\"" } diff --git a/docs/translations/api-docs/chip/chip.json b/docs/translations/api-docs/chip/chip.json index 995c35eab5482b..2d035511a3ddfb 100644 --- a/docs/translations/api-docs/chip/chip.json +++ b/docs/translations/api-docs/chip/chip.json @@ -16,143 +16,152 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "sizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"small\"" }, "colorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"secondary\"" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, "clickable": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "onClick is defined or clickable={true}" }, "clickableColorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "onClick and color=\"primary\" is defined or clickable={true}" }, "clickableColorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "onClick and color=\"secondary\" is defined or clickable={true}" }, "deletable": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "onDelete is defined" }, "deletableColorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "onDelete and color=\"primary\" is defined" }, "deletableColorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "onDelete and color=\"secondary\" is defined" }, "outlined": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"outlined\"" }, "filled": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"filled\"" }, "outlinedPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"primary\"" }, "outlinedSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"secondary\"" }, - "avatar": { "description": "{{stylesApplied}}", "nodeName": "the avatar element" }, + "avatar": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the avatar element" + }, "avatarSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the avatar element", "conditions": "size=\"small\"" }, "avatarColorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the avatar element", "conditions": "color=\"primary\"" }, "avatarColorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the avatar element", "conditions": "color=\"secondary\"" }, - "icon": { "description": "{{stylesApplied}}", "nodeName": "the icon element" }, + "icon": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the icon element" }, "iconSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the icon element", "conditions": "size=\"small\"" }, "iconColorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the icon element", "conditions": "color=\"primary\"" }, "iconColorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the icon element", "conditions": "color=\"secondary\"" }, - "label": { "description": "{{stylesApplied}}", "nodeName": "the label `span` element" }, + "label": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the label `span` element" + }, "labelSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the label `span` element", "conditions": "size=\"small\"" }, - "deleteIcon": { "description": "{{stylesApplied}}", "nodeName": "the deleteIcon element" }, + "deleteIcon": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the deleteIcon element" + }, "deleteIconSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the deleteIcon element", "conditions": "size=\"small\"" }, "deleteIconColorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the deleteIcon element", "conditions": "color=\"primary\" and variant=\"filled\"" }, "deleteIconColorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the deleteIcon element", "conditions": "color=\"secondary\" and variant=\"filled\"" }, "deleteIconOutlinedColorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the deleteIcon element", "conditions": "color=\"primary\" and variant=\"outlined\"" }, "deleteIconOutlinedColorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the deleteIcon element", "conditions": "color=\"secondary\" and variant=\"outlined\"" }, "focusVisible": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "keyboard focused" } diff --git a/docs/translations/api-docs/circular-progress/circular-progress.json b/docs/translations/api-docs/circular-progress/circular-progress.json index 8d6cc511a0d5b4..6b11830b486740 100644 --- a/docs/translations/api-docs/circular-progress/circular-progress.json +++ b/docs/translations/api-docs/circular-progress/circular-progress.json @@ -10,41 +10,44 @@ "variant": "The variant to use. Use indeterminate when there is no progress value." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "determinate": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"determinate\"" }, "indeterminate": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"indeterminate\"" }, "colorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"secondary\"" }, - "svg": { "description": "{{stylesApplied}}", "nodeName": "the svg element" }, - "circle": { "description": "{{stylesApplied}}", "nodeName": "the `circle` svg path" }, + "svg": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the svg element" }, + "circle": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the `circle` svg path" + }, "circleDeterminate": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the `circle` svg path", "conditions": "variant=\"determinate\"" }, "circleIndeterminate": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the `circle` svg path", "conditions": "variant=\"indeterminate\"" }, "circleDisableShrink": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the `circle` svg path", "conditions": "disableShrink={true}" } diff --git a/docs/translations/api-docs/collapse/collapse.json b/docs/translations/api-docs/collapse/collapse.json index 0a982261ebdac5..6ed7ea2d3d9b7d 100644 --- a/docs/translations/api-docs/collapse/collapse.json +++ b/docs/translations/api-docs/collapse/collapse.json @@ -10,23 +10,29 @@ "timeout": "The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.
Set to 'auto' to automatically calculate transition time based on height." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "horizontal": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "orientation=\"horizontal\"" }, "entered": { - "description": "{{stylesApplied}} when {{conditions}}.", + "description": "Styles applied to {{nodeName}} when {{conditions}}.", "nodeName": "the root element", "conditions": "the transition has entered" }, "hidden": { - "description": "{{stylesApplied}} when {{conditions}}.", + "description": "Styles applied to {{nodeName}} when {{conditions}}.", "nodeName": "the root element", "conditions": "the transition has exited and collapsedSize = 0px" }, - "wrapper": { "description": "{{stylesApplied}}", "nodeName": "the outer wrapper element" }, - "wrapperInner": { "description": "{{stylesApplied}}", "nodeName": "the inner wrapper element" } + "wrapper": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the outer wrapper element" + }, + "wrapperInner": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the inner wrapper element" + } } } diff --git a/docs/translations/api-docs/container/container.json b/docs/translations/api-docs/container/container.json index 6c5873b07c802e..0295d28a9f0bab 100644 --- a/docs/translations/api-docs/container/container.json +++ b/docs/translations/api-docs/container/container.json @@ -9,39 +9,39 @@ "sx": "The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "disableGutters": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disableGutters={true}" }, "fixed": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "fixed={true}" }, "maxWidthXs": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "maxWidth=\"xs\"" }, "maxWidthSm": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "maxWidth=\"sm\"" }, "maxWidthMd": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "maxWidth=\"md\"" }, "maxWidthLg": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "maxWidth=\"lg\"" }, "maxWidthXl": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "maxWidth=\"xl\"" } diff --git a/docs/translations/api-docs/dialog-actions/dialog-actions.json b/docs/translations/api-docs/dialog-actions/dialog-actions.json index c3c883214ac83d..ebf7a69e0f40f7 100644 --- a/docs/translations/api-docs/dialog-actions/dialog-actions.json +++ b/docs/translations/api-docs/dialog-actions/dialog-actions.json @@ -6,9 +6,9 @@ "disableSpacing": "If true, the actions do not have additional margin." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "spacing": { - "description": "{{stylesApplied}} unless {{conditions}}.", + "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the root element", "conditions": "disableSpacing={true}" } diff --git a/docs/translations/api-docs/dialog-content-text/dialog-content-text.json b/docs/translations/api-docs/dialog-content-text/dialog-content-text.json index 831be86773f91c..a8f4968da499d1 100644 --- a/docs/translations/api-docs/dialog-content-text/dialog-content-text.json +++ b/docs/translations/api-docs/dialog-content-text/dialog-content-text.json @@ -5,6 +5,6 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/dialog-content/dialog-content.json b/docs/translations/api-docs/dialog-content/dialog-content.json index a21fa57fe67139..b485b1e83ff48f 100644 --- a/docs/translations/api-docs/dialog-content/dialog-content.json +++ b/docs/translations/api-docs/dialog-content/dialog-content.json @@ -6,9 +6,9 @@ "dividers": "Display the top and bottom dividers." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "dividers": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "dividers={true}" } diff --git a/docs/translations/api-docs/dialog-title/dialog-title.json b/docs/translations/api-docs/dialog-title/dialog-title.json index 8bac9858df3fdc..a8868083ba8dfc 100644 --- a/docs/translations/api-docs/dialog-title/dialog-title.json +++ b/docs/translations/api-docs/dialog-title/dialog-title.json @@ -6,6 +6,6 @@ "disableTypography": "If true, the children won't be wrapped by a typography component. For instance, this can be useful to render an h4 instead of the default h2." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/dialog/dialog.json b/docs/translations/api-docs/dialog/dialog.json index 002f10c78a7006..a83f6e81fcb03f 100644 --- a/docs/translations/api-docs/dialog/dialog.json +++ b/docs/translations/api-docs/dialog/dialog.json @@ -20,66 +20,72 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "scrollPaper": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the container element", "conditions": "scroll=\"paper\"" }, "scrollBody": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the container element", "conditions": "scroll=\"body\"" }, - "container": { "description": "{{stylesApplied}}", "nodeName": "the container element" }, - "paper": { "description": "{{stylesApplied}}", "nodeName": "the Paper component" }, + "container": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the container element" + }, + "paper": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the Paper component" + }, "paperScrollPaper": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Paper component", "conditions": "scroll=\"paper\"" }, "paperScrollBody": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Paper component", "conditions": "scroll=\"body\"" }, "paperWidthFalse": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Paper component", "conditions": "maxWidth=false" }, "paperWidthXs": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Paper component", "conditions": "maxWidth=\"xs\"" }, "paperWidthSm": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Paper component", "conditions": "maxWidth=\"sm\"" }, "paperWidthMd": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Paper component", "conditions": "maxWidth=\"md\"" }, "paperWidthLg": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Paper component", "conditions": "maxWidth=\"lg\"" }, "paperWidthXl": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Paper component", "conditions": "maxWidth=\"xl\"" }, "paperFullWidth": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Paper component", "conditions": "fullWidth={true}" }, "paperFullScreen": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Paper component", "conditions": "fullScreen={true}" } diff --git a/docs/translations/api-docs/divider/divider.json b/docs/translations/api-docs/divider/divider.json index b1eb67e8a70196..621950616e910a 100644 --- a/docs/translations/api-docs/divider/divider.json +++ b/docs/translations/api-docs/divider/divider.json @@ -12,69 +12,69 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "absolute": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "absolute={true}" }, "inset": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"inset\"" }, "fullWidth": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"fullWidth\"" }, "light": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "light={true}" }, "middle": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"middle\"" }, "vertical": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, "flexItem": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "flexItem={true}" }, "withChildren": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "divider have text" }, "withChildrenVertical": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "divider have text and orientation=\"vertical\"" }, "textAlignRight": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "textAlign=\"right\" orientation=\"horizontal\"" }, "textAlignLeft": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "textAlign=\"left\" orientation=\"horizontal\"" }, "wrapper": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the span children element", "conditions": "orientation=\"horizontal\"" }, "wrapperVertical": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the span children element", "conditions": "orientation=\"vertical\"" } diff --git a/docs/translations/api-docs/drawer/drawer.json b/docs/translations/api-docs/drawer/drawer.json index 12c887d0f7352c..cf82c93796664a 100644 --- a/docs/translations/api-docs/drawer/drawer.json +++ b/docs/translations/api-docs/drawer/drawer.json @@ -14,53 +14,56 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "docked": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"permanent or persistent\"" }, - "paper": { "description": "{{stylesApplied}}", "nodeName": "the Paper component" }, + "paper": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the Paper component" + }, "paperAnchorLeft": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Paper component", "conditions": "anchor=\"left\"" }, "paperAnchorRight": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Paper component", "conditions": "anchor=\"right\"" }, "paperAnchorTop": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Paper component", "conditions": "anchor=\"top\"" }, "paperAnchorBottom": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Paper component", "conditions": "anchor=\"bottom\"" }, "paperAnchorDockedLeft": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Paper component", "conditions": "anchor=\"left\" and variant is not \"temporary\"" }, "paperAnchorDockedTop": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Paper component", "conditions": "anchor=\"top\" and variant is not \"temporary\"" }, "paperAnchorDockedRight": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Paper component", "conditions": "anchor=\"right\" and variant is not \"temporary\"" }, "paperAnchorDockedBottom": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Paper component", "conditions": "anchor=\"bottom\" and variant is not \"temporary\"" }, - "modal": { "description": "{{stylesApplied}}", "nodeName": "the Modal component" } + "modal": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the Modal component" } } } diff --git a/docs/translations/api-docs/fab/fab.json b/docs/translations/api-docs/fab/fab.json index 42bdf4ccfdbe92..6bd5f1dee50062 100644 --- a/docs/translations/api-docs/fab/fab.json +++ b/docs/translations/api-docs/fab/fab.json @@ -13,53 +13,53 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "label": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the span element that wraps the children" }, "primary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"primary\"" }, "secondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"secondary\"" }, "extended": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"extended\"" }, "circular": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"circular\"" }, "focusVisible": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the ButtonBase root element", "conditions": "the button is keyboard focused" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, "colorInherit": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"inherit\"" }, "sizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"small\"`" }, "sizeMedium": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"medium\"`" } diff --git a/docs/translations/api-docs/filled-input/filled-input.json b/docs/translations/api-docs/filled-input/filled-input.json index cbf6eb6f5b07e7..9b3f2fee72b027 100644 --- a/docs/translations/api-docs/filled-input/filled-input.json +++ b/docs/translations/api-docs/filled-input/filled-input.json @@ -30,80 +30,80 @@ "value": "The value of the input element, required for a controlled component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "colorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color secondary" }, "underline": { - "description": "{{stylesApplied}} unless {{conditions}}.", + "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the root element", "conditions": "disableUnderline={true}" }, "focused": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "the component is focused" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, "adornedStart": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "startAdornment is provided" }, "adornedEnd": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "endAdornment is provided" }, "error": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "error={true}" }, "sizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "size=\"small\"" }, "multiline": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "multiline={true}" }, "hiddenLabel": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "hiddenLabel={true}" }, - "input": { "description": "{{stylesApplied}}", "nodeName": "the input element" }, + "input": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the input element" }, "inputSizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "size=\"small\"" }, "inputHiddenLabel": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the `input`", "conditions": "in " }, "inputMultiline": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "multiline={true}" }, "inputAdornedStart": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "startAdornment is provided" }, "inputAdornedEnd": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "endAdornment is provided" } diff --git a/docs/translations/api-docs/form-control-label/form-control-label.json b/docs/translations/api-docs/form-control-label/form-control-label.json index 2b351f37c51e9c..2d2d6c94bea234 100644 --- a/docs/translations/api-docs/form-control-label/form-control-label.json +++ b/docs/translations/api-docs/form-control-label/form-control-label.json @@ -12,27 +12,30 @@ "value": "The value of the component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "labelPlacementStart": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "labelPlacement=\"start\"" }, "labelPlacementTop": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "labelPlacement=\"top\"" }, "labelPlacementBottom": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "labelPlacement=\"bottom\"" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, - "label": { "description": "{{stylesApplied}}", "nodeName": "the label's Typography component" } + "label": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the label's Typography component" + } } } diff --git a/docs/translations/api-docs/form-control/form-control.json b/docs/translations/api-docs/form-control/form-control.json index 56f8ccb1aa6e8a..9a139e62d1ba46 100644 --- a/docs/translations/api-docs/form-control/form-control.json +++ b/docs/translations/api-docs/form-control/form-control.json @@ -16,19 +16,19 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "marginNormal": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "margin=\"normal\"" }, "marginDense": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "margin=\"dense\"" }, "fullWidth": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "fullWidth={true}" } diff --git a/docs/translations/api-docs/form-group/form-group.json b/docs/translations/api-docs/form-group/form-group.json index 210ba41afec395..415f28b6eb516f 100644 --- a/docs/translations/api-docs/form-group/form-group.json +++ b/docs/translations/api-docs/form-group/form-group.json @@ -6,9 +6,9 @@ "row": "Display group of elements in a compact row." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "row": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "row={true}" } diff --git a/docs/translations/api-docs/form-helper-text/form-helper-text.json b/docs/translations/api-docs/form-helper-text/form-helper-text.json index 5ab3ef3a822735..52740ae07d5f32 100644 --- a/docs/translations/api-docs/form-helper-text/form-helper-text.json +++ b/docs/translations/api-docs/form-helper-text/form-helper-text.json @@ -13,39 +13,39 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "error": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "error={true}" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, "sizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"small\"" }, "contained": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"filled\" or variant=\"outlined\"" }, "focused": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "focused={true}" }, "filled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "filled={true}" }, "required": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "required={true}" } diff --git a/docs/translations/api-docs/form-label/form-label.json b/docs/translations/api-docs/form-label/form-label.json index 87bd880951b267..4c2ad36b91802e 100644 --- a/docs/translations/api-docs/form-label/form-label.json +++ b/docs/translations/api-docs/form-label/form-label.json @@ -12,37 +12,40 @@ "required": "If true, the label will indicate that the input is required." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "colorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "the color is secondary" }, "focused": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "focused={true}" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, "error": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "error={true}" }, "filled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "filled={true}" }, "required": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "required={true}" }, - "asterisk": { "description": "{{stylesApplied}}", "nodeName": "the asterisk element" } + "asterisk": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the asterisk element" + } } } diff --git a/docs/translations/api-docs/grid/grid.json b/docs/translations/api-docs/grid/grid.json index d452e3ed4b05ee..b0be7404f82c72 100644 --- a/docs/translations/api-docs/grid/grid.json +++ b/docs/translations/api-docs/grid/grid.json @@ -20,114 +20,114 @@ "zeroMinWidth": "If true, it sets min-width: 0 on the item. Refer to the limitations section of the documentation to better understand the use case." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "container": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "container={true}" }, "item": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "item={true}" }, "zeroMinWidth": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "zeroMinWidth={true}" }, "direction-xs-column": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "direction=\"column\"" }, "direction-xs-column-reverse": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "direction=\"column-reverse\"" }, "direction-xs-row-reverse": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "direction=\"row-reverse\"" }, "wrap-xs-nowrap": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "wrap=\"nowrap\"" }, "wrap-xs-wrap-reverse": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "wrap=\"reverse\"" }, "align-items-xs-center": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "alignItems=\"center\"" }, "align-items-xs-flex-start": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "alignItems=\"flex-start\"" }, "align-items-xs-flex-end": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "alignItems=\"flex-end\"" }, "align-items-xs-baseline": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "alignItems=\"baseline\"" }, "align-content-xs-center": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "alignContent=\"center\"" }, "align-content-xs-flex-start": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "alignContent=\"flex-start\"" }, "align-content-xs-flex-end": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "alignContent=\"flex-end\"" }, "align-content-xs-space-between": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "alignContent=\"space-between\"" }, "align-content-xs-space-around": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "alignContent=\"space-around\"" }, "justify-content-xs-center": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "justifyContent=\"center\"" }, "justify-content-xs-flex-end": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "justifyContent=\"flex-end\"" }, "justify-content-xs-space-between": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "justifyContent=\"space-between\"" }, "justify-content-xs-space-around": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "justifyContent=\"space-around\"" }, "justify-content-xs-space-evenly": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "justifyContent=\"space-evenly\"" } diff --git a/docs/translations/api-docs/icon-button/icon-button.json b/docs/translations/api-docs/icon-button/icon-button.json index df9eb7f7375c50..673257a6ba9738 100644 --- a/docs/translations/api-docs/icon-button/icon-button.json +++ b/docs/translations/api-docs/icon-button/icon-button.json @@ -11,42 +11,45 @@ "size": "The size of the component. small is equivalent to the dense button styling." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "edgeStart": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "edge=\"start\"" }, "edgeEnd": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "edge=\"end\"" }, "colorInherit": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"inherit\"" }, "colorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"secondary\"" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, "sizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"small\"" }, - "label": { "description": "{{stylesApplied}}", "nodeName": "the children container element" } + "label": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the children container element" + } } } diff --git a/docs/translations/api-docs/icon/icon.json b/docs/translations/api-docs/icon/icon.json index 3be31465b10850..794ce4f6472c6d 100644 --- a/docs/translations/api-docs/icon/icon.json +++ b/docs/translations/api-docs/icon/icon.json @@ -9,44 +9,44 @@ "fontSize": "The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "colorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"secondary\"" }, "colorAction": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"action\"" }, "colorError": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"error\"" }, "colorDisabled": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"disabled\"" }, "fontSizeInherit": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "fontSize=\"inherit\"" }, "fontSizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "fontSize=\"small\"" }, "fontSizeLarge": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "fontSize=\"large\"" } diff --git a/docs/translations/api-docs/image-list-item-bar/image-list-item-bar.json b/docs/translations/api-docs/image-list-item-bar/image-list-item-bar.json index 2bb2b5c64121df..2b8ae6ff2b4cf9 100644 --- a/docs/translations/api-docs/image-list-item-bar/image-list-item-bar.json +++ b/docs/translations/api-docs/image-list-item-bar/image-list-item-bar.json @@ -9,53 +9,56 @@ "title": "Title to be displayed." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "positionBottom": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "position=\"bottom\"" }, "positionTop": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "position=\"top\"" }, "positionBelow": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "position=\"below\"" }, "titleWrap": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the title and subtitle container element" }, "titleWrapBelow": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the title and subtitle container element", "conditions": "position=\"below\"" }, "titleWrapActionPosLeft": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the container element", "conditions": "actionPosition=\"left\"" }, "titleWrapActionPosRight": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the container element", "conditions": "actionPosition=\"right\"" }, - "title": { "description": "{{stylesApplied}}", "nodeName": "the title container element" }, + "title": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the title container element" + }, "subtitle": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the subtitle container element" }, "actionIcon": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the actionIcon", "conditions": "supplied" }, "actionIconActionPosLeft": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the actionIcon", "conditions": "actionPosition=\"left\"" } diff --git a/docs/translations/api-docs/image-list-item/image-list-item.json b/docs/translations/api-docs/image-list-item/image-list-item.json index 31c13ecf1e789e..6f8f1da6bd9658 100644 --- a/docs/translations/api-docs/image-list-item/image-list-item.json +++ b/docs/translations/api-docs/image-list-item/image-list-item.json @@ -8,18 +8,18 @@ "rows": "Height of the item in number of grid rows." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "img": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "an `img` element to ensure it covers the item" }, "standard": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"standard\"" }, "woven": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"woven\"" } diff --git a/docs/translations/api-docs/image-list/image-list.json b/docs/translations/api-docs/image-list/image-list.json index 871e57e0a4d82a..2e62597b269995 100644 --- a/docs/translations/api-docs/image-list/image-list.json +++ b/docs/translations/api-docs/image-list/image-list.json @@ -10,24 +10,24 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "masonry": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"masonry\"" }, "quilted": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"quilted\"" }, "standard": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"standard\"" }, "woven": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"woven\"" } diff --git a/docs/translations/api-docs/input-adornment/input-adornment.json b/docs/translations/api-docs/input-adornment/input-adornment.json index 4863509f2d8f52..6a4bd838f44fe9 100644 --- a/docs/translations/api-docs/input-adornment/input-adornment.json +++ b/docs/translations/api-docs/input-adornment/input-adornment.json @@ -10,24 +10,24 @@ "variant": "The variant to use. Note: If you are using the TextField component or the FormControl component you do not have to set this manually." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "filled": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"filled\"" }, "positionStart": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "position=\"start\"" }, "positionEnd": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "position=\"end\"" }, "disablePointerEvents": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disablePointerEvents={true}" }, diff --git a/docs/translations/api-docs/input-base/input-base.json b/docs/translations/api-docs/input-base/input-base.json index 025400d4b1b5a3..35f5973b00b39d 100644 --- a/docs/translations/api-docs/input-base/input-base.json +++ b/docs/translations/api-docs/input-base/input-base.json @@ -31,90 +31,90 @@ "value": "The value of the input element, required for a controlled component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "formControl": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "the component is a descendant of FormControl" }, "focused": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "the component is focused" }, "disabled": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, "adornedStart": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "startAdornment is provided" }, "adornedEnd": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "endAdornment is provided" }, "error": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "error={true}" }, "sizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "size=\"small\"" }, "multiline": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "multiline={true}" }, "colorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "the color is secondary" }, "fullWidth": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "fullWidth={true}" }, "hiddenLabel": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "hiddenLabel={true}" }, - "input": { "description": "{{stylesApplied}}", "nodeName": "the input element" }, + "input": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the input element" }, "inputSizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "size=\"small\"" }, "inputMultiline": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "multiline={true}" }, "inputTypeSearch": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "type=\"search\"" }, "inputAdornedStart": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "startAdornment is provided" }, "inputAdornedEnd": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "endAdornment is provided" }, "inputHiddenLabel": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "hiddenLabel={true}" } diff --git a/docs/translations/api-docs/input-label/input-label.json b/docs/translations/api-docs/input-label/input-label.json index f6561a37b27d66..4826c3bb8d3f45 100644 --- a/docs/translations/api-docs/input-label/input-label.json +++ b/docs/translations/api-docs/input-label/input-label.json @@ -14,55 +14,58 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "focused": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "focused={true}" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, "error": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "error={true}" }, "required": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "required={true}" }, - "asterisk": { "description": "{{pseudoClassApplied}}", "nodeName": "the asterisk element" }, + "asterisk": { + "description": "Pseudo-class applied to {{nodeName}}.", + "nodeName": "the asterisk element" + }, "formControl": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "the component is a descendant of FormControl" }, "sizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"small\"" }, "shrink": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "shrink={true}" }, "animated": { - "description": "{{stylesApplied}} unless {{conditions}}.", + "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the input element", "conditions": "disableAnimation={true}" }, "filled": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"filled\"" }, "outlined": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"outlined\"" } diff --git a/docs/translations/api-docs/input/input.json b/docs/translations/api-docs/input/input.json index 18fa4ae0940e95..96226675ff5342 100644 --- a/docs/translations/api-docs/input/input.json +++ b/docs/translations/api-docs/input/input.json @@ -30,65 +30,65 @@ "value": "The value of the input element, required for a controlled component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "formControl": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "the component is a descendant of FormControl" }, "focused": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "the component is focused" }, "disabled": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, "colorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color secondary" }, "underline": { - "description": "{{stylesApplied}} unless {{conditions}}.", + "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the root element", "conditions": "disableUnderline={true}" }, "error": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "error={true}" }, "sizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "size=\"small\"" }, "multiline": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "multiline={true}" }, "fullWidth": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "fullWidth={true}" }, - "input": { "description": "{{stylesApplied}}", "nodeName": "the input element" }, + "input": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the input element" }, "inputSizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "size=\"small\"" }, "inputMultiline": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "multiline={true}" }, "inputTypeSearch": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "type=\"search\"" } diff --git a/docs/translations/api-docs/linear-progress/linear-progress.json b/docs/translations/api-docs/linear-progress/linear-progress.json index dff625acbfeeb3..aff8e94fb8e1ac 100644 --- a/docs/translations/api-docs/linear-progress/linear-progress.json +++ b/docs/translations/api-docs/linear-progress/linear-progress.json @@ -8,85 +8,88 @@ "variant": "The variant to use. Use indeterminate or query when there is no progress value." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "colorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root and bar2 element", "conditions": "color=\"primary\"; bar2 if variant=\"buffer\"" }, "colorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root and bar2 elements", "conditions": "color=\"secondary\"; bar2 if variant=\"buffer\"" }, "determinate": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"determinate\"" }, "indeterminate": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"indeterminate\"" }, "buffer": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"buffer\"" }, "query": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"query\"" }, "dashed": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the additional bar element", "conditions": "variant=\"buffer\"" }, "dashedColorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the additional bar element", "conditions": "variant=\"buffer\" and color=\"primary\"" }, "dashedColorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the additional bar element", "conditions": "variant=\"buffer\" and color=\"secondary\"" }, - "bar": { "description": "{{stylesApplied}}", "nodeName": "the layered bar1 and bar2 elements" }, + "bar": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the layered bar1 and bar2 elements" + }, "barColorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the bar elements", "conditions": "color=\"primary\"; bar2 if variant not \"buffer\"" }, "barColorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the bar elements", "conditions": "color=\"secondary\"; bar2 if variant not \"buffer\"" }, "bar1Indeterminate": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the bar1 element", "conditions": "variant=\"indeterminate or query\"" }, "bar1Determinate": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the bar1 element", "conditions": "variant=\"determinate\"" }, "bar1Buffer": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the bar1 element", "conditions": "variant=\"buffer\"" }, "bar2Indeterminate": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the bar2 element", "conditions": "variant=\"indeterminate or query\"" }, "bar2Buffer": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the bar2 element", "conditions": "variant=\"buffer\"" } diff --git a/docs/translations/api-docs/link/link.json b/docs/translations/api-docs/link/link.json index 76a2c752e9c31b..db0e5ce4a7f2f5 100644 --- a/docs/translations/api-docs/link/link.json +++ b/docs/translations/api-docs/link/link.json @@ -10,29 +10,29 @@ "variant": "Applies the theme typography styles." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "underlineNone": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "underline=\"none\"" }, "underlineHover": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "underline=\"hover\"" }, "underlineAlways": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "underline=\"always\"" }, "button": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "component=\"button\"" }, "focusVisible": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "the link is keyboard focused" } diff --git a/docs/translations/api-docs/list-item-avatar/list-item-avatar.json b/docs/translations/api-docs/list-item-avatar/list-item-avatar.json index 82407a9b723377..e357ca416a59c9 100644 --- a/docs/translations/api-docs/list-item-avatar/list-item-avatar.json +++ b/docs/translations/api-docs/list-item-avatar/list-item-avatar.json @@ -5,9 +5,9 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "alignItemsFlexStart": { - "description": "{{stylesApplied}} when {{conditions}}.", + "description": "Styles applied to {{nodeName}} when {{conditions}}.", "nodeName": "the root element", "conditions": "the parent ListItem uses alignItems=\"flex-start\"" } diff --git a/docs/translations/api-docs/list-item-icon/list-item-icon.json b/docs/translations/api-docs/list-item-icon/list-item-icon.json index 03795010fbe18a..e85370f0011eea 100644 --- a/docs/translations/api-docs/list-item-icon/list-item-icon.json +++ b/docs/translations/api-docs/list-item-icon/list-item-icon.json @@ -5,9 +5,9 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "alignItemsFlexStart": { - "description": "{{stylesApplied}} when {{conditions}}.", + "description": "Styles applied to {{nodeName}} when {{conditions}}.", "nodeName": "the root element", "conditions": "the parent ListItem uses alignItems=\"flex-start\"" } diff --git a/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json b/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json index b48fb8ecdb77a3..328d1ee406c543 100644 --- a/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json +++ b/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json @@ -5,9 +5,9 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "disableGutters": { - "description": "{{stylesApplied}} when {{conditions}}.", + "description": "Styles applied to {{nodeName}} when {{conditions}}.", "nodeName": "the root element", "conditions": "the parent ListItem has disableGutters={true}" } diff --git a/docs/translations/api-docs/list-item-text/list-item-text.json b/docs/translations/api-docs/list-item-text/list-item-text.json index a3e83501fef149..8b443dbd6cb5e5 100644 --- a/docs/translations/api-docs/list-item-text/list-item-text.json +++ b/docs/translations/api-docs/list-item-text/list-item-text.json @@ -11,28 +11,28 @@ "secondaryTypographyProps": "These props will be forwarded to the secondary typography component (as long as disableTypography is not true)." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "multiline": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Typography component", "conditions": "primary and secondary are set" }, "dense": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Typography component", "conditions": "dense" }, "inset": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "inset={true}" }, "primary": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the primary `Typography` component" }, "secondary": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the secondary `Typography` component" } } diff --git a/docs/translations/api-docs/list-item/list-item.json b/docs/translations/api-docs/list-item/list-item.json index ce973391e89a54..4ac944ad2e3dae 100644 --- a/docs/translations/api-docs/list-item/list-item.json +++ b/docs/translations/api-docs/list-item/list-item.json @@ -17,56 +17,56 @@ }, "classDescriptions": { "root": { - "description": "{{stylesApplied}} May be wrapped by a `container`.", + "description": "Styles applied to {{nodeName}}. May be wrapped by a `container`.", "nodeName": "the (normally root) `component` element" }, "container": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the container element", "conditions": "children includes ListItemSecondaryAction" }, "focusVisible": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the `component`'s `focusVisibleClassName` prop", "conditions": "button={true}" }, "dense": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the component element", "conditions": "dense" }, "alignItemsFlexStart": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the component element", "conditions": "alignItems=\"flex-start\"" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the inner `component` element", "conditions": "disabled={true}" }, "divider": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the inner `component` element", "conditions": "divider={true}" }, "gutters": { - "description": "{{stylesApplied}} unless {{conditions}}.", + "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the inner `component` element", "conditions": "disableGutters={true}" }, "button": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the inner `component` element", "conditions": "button={true}" }, "secondaryAction": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the component element", "conditions": "children includes ListItemSecondaryAction" }, "selected": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "selected={true}" } diff --git a/docs/translations/api-docs/list-subheader/list-subheader.json b/docs/translations/api-docs/list-subheader/list-subheader.json index a515554502c365..0cb68d0d0f8206 100644 --- a/docs/translations/api-docs/list-subheader/list-subheader.json +++ b/docs/translations/api-docs/list-subheader/list-subheader.json @@ -10,29 +10,29 @@ "inset": "If true, the List Subheader is indented." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "colorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorInherit": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"inherit\"" }, "gutters": { - "description": "{{stylesApplied}} unless {{conditions}}.", + "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the inner `component` element", "conditions": "disableGutters={true}" }, "inset": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "inset={true}" }, "sticky": { - "description": "{{stylesApplied}} unless {{conditions}}.", + "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the root element", "conditions": "disableSticky={true}" } diff --git a/docs/translations/api-docs/list/list.json b/docs/translations/api-docs/list/list.json index 6c2c60c43a0c0d..c430990b87e120 100644 --- a/docs/translations/api-docs/list/list.json +++ b/docs/translations/api-docs/list/list.json @@ -9,19 +9,19 @@ "subheader": "The content of the subheader, normally ListSubheader." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "padding": { - "description": "{{stylesApplied}} unless {{conditions}}.", + "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the root element", "conditions": "disablePadding={true}" }, "dense": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "dense" }, "subheader": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "a subheader is provided" } diff --git a/docs/translations/api-docs/loading-button/loading-button.json b/docs/translations/api-docs/loading-button/loading-button.json index 9ddd6ead990d8e..25855a6b9e73ef 100644 --- a/docs/translations/api-docs/loading-button/loading-button.json +++ b/docs/translations/api-docs/loading-button/loading-button.json @@ -9,43 +9,43 @@ "pendingPosition": "The pending indicator can be positioned on the start, end, or the center of the button." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "pending": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "pending={true}" }, "pendingIndicator": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the pendingIndicator element" }, "pendingIndicatorCenter": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the pendingIndicator element", "conditions": "pendingPosition=\"center\"" }, "pendingIndicatorStart": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the pendingIndicator element", "conditions": "pendingPosition=\"start\"" }, "pendingIndicatorEnd": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the pendingIndicator element", "conditions": "pendingPosition=\"end\"" }, "endIconPendingEnd": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the endIcon element", "conditions": "pending={true} and pendingPosition=\"end\"" }, "startIconPendingStart": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the startIcon element", "conditions": "pending={true} and pendingPosition=\"start\"" }, "labelPendingCenter": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the label element", "conditions": "pending={true} and pendingPosition=\"center\"" } diff --git a/docs/translations/api-docs/menu-item/menu-item.json b/docs/translations/api-docs/menu-item/menu-item.json index ddcdd81247dc29..3d4f7a115eb4e7 100644 --- a/docs/translations/api-docs/menu-item/menu-item.json +++ b/docs/translations/api-docs/menu-item/menu-item.json @@ -9,19 +9,19 @@ "ListItemClasses": "classes prop applied to the ListItem element." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "gutters": { - "description": "{{stylesApplied}} unless {{conditions}}.", + "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the root element", "conditions": "disableGutters={true}" }, "selected": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "selected={true}" }, "dense": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "dense" } diff --git a/docs/translations/api-docs/menu/menu.json b/docs/translations/api-docs/menu/menu.json index 4c4a2e7517ba45..44d40d1023ef39 100644 --- a/docs/translations/api-docs/menu/menu.json +++ b/docs/translations/api-docs/menu/menu.json @@ -15,7 +15,13 @@ "variant": "The variant to use. Use menu to prevent selected items from impacting the initial focus and the vertical alignment relative to the anchor element." }, "classDescriptions": { - "paper": { "description": "{{stylesApplied}}", "nodeName": "the Paper component" }, - "list": { "description": "{{stylesApplied}}", "nodeName": "the List component via `MenuList`" } + "paper": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the Paper component" + }, + "list": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the List component via `MenuList`" + } } } diff --git a/docs/translations/api-docs/mobile-stepper/mobile-stepper.json b/docs/translations/api-docs/mobile-stepper/mobile-stepper.json index 3e9374e4d0e175..c3eac99e61a81b 100644 --- a/docs/translations/api-docs/mobile-stepper/mobile-stepper.json +++ b/docs/translations/api-docs/mobile-stepper/mobile-stepper.json @@ -11,39 +11,39 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "positionBottom": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "position=\"bottom\"" }, "positionTop": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "position=\"top\"" }, "positionStatic": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "position=\"static\"" }, "dots": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the dots container", "conditions": "variant=\"dots\"" }, "dot": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "each dot", "conditions": "variant=\"dots\"" }, "dotActive": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "a dot", "conditions": "variant=\"dots\" and this is the active step" }, "progress": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Linear Progress component", "conditions": "variant=\"progress\"" } diff --git a/docs/translations/api-docs/native-select/native-select.json b/docs/translations/api-docs/native-select/native-select.json index a8fb0aae5a5315..014d38a1500569 100644 --- a/docs/translations/api-docs/native-select/native-select.json +++ b/docs/translations/api-docs/native-select/native-select.json @@ -11,47 +11,50 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the select component `root` class" }, + "root": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the select component `root` class" + }, "select": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the select component `select` class" }, "filled": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the select component", "conditions": "variant=\"filled\"" }, "outlined": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the select component", "conditions": "variant=\"outlined\"" }, "selectMenu": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the select component `selectMenu` class" }, "disabled": { - "description": "{{pseudoClassApplied}}", + "description": "Pseudo-class applied to {{nodeName}}.", "nodeName": "the select component `disabled` class" }, - "icon": { "description": "{{stylesApplied}}", "nodeName": "the icon component" }, + "icon": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the icon component" }, "iconOpen": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the icon component", "conditions": "the popup is open" }, "iconFilled": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the icon component", "conditions": "variant=\"filled\"" }, "iconOutlined": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the icon component", "conditions": "variant=\"outlined\"" }, "nativeInput": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the underlying native input component" } } diff --git a/docs/translations/api-docs/outlined-input/outlined-input.json b/docs/translations/api-docs/outlined-input/outlined-input.json index 4fb01d585c6479..76fb37ecb0ecf0 100644 --- a/docs/translations/api-docs/outlined-input/outlined-input.json +++ b/docs/translations/api-docs/outlined-input/outlined-input.json @@ -32,69 +32,69 @@ "value": "The value of the input element, required for a controlled component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "colorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "the color is secondary" }, "focused": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "the component is focused" }, "disabled": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, "adornedStart": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "startAdornment is provided" }, "adornedEnd": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "endAdornment is provided" }, "error": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "error={true}" }, "sizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "size=\"small\"" }, "multiline": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "multiline={true}" }, "notchedOutline": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the NotchedOutline element" }, - "input": { "description": "{{stylesApplied}}", "nodeName": "the input element" }, + "input": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the input element" }, "inputSizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "size=\"small\"" }, "inputMultiline": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "multiline={true}" }, "inputAdornedStart": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "startAdornment is provided" }, "inputAdornedEnd": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the input element", "conditions": "endAdornment is provided" } diff --git a/docs/translations/api-docs/pagination-item/pagination-item.json b/docs/translations/api-docs/pagination-item/pagination-item.json index db9cd375aefa78..deea34aa6181f1 100644 --- a/docs/translations/api-docs/pagination-item/pagination-item.json +++ b/docs/translations/api-docs/pagination-item/pagination-item.json @@ -13,77 +13,77 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "page": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "type=\"page\"" }, "sizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"small\"" }, "sizeLarge": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"large\"" }, "text": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"text\"" }, "textPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"text\" and color=\"primary\"" }, "textSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"text\" and color=\"secondary\"" }, "outlined": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"outlined\"" }, "outlinedPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"primary\"" }, "outlinedSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"outlined\" and color=\"secondary\"" }, "rounded": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "rounded=\"true\"" }, "ellipsis": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "type=\"start-ellipsis\" or type=\"end-ellipsis\"" }, "focusVisible": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "keyboard focused" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, "selected": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "selected={true}" }, - "icon": { "description": "{{stylesApplied}}", "nodeName": "tThe icon to display" } + "icon": { "description": "Styles applied to {{nodeName}}.", "nodeName": "tThe icon to display" } } } diff --git a/docs/translations/api-docs/pagination/pagination.json b/docs/translations/api-docs/pagination/pagination.json index 3e640563de0d12..5e705c979c4639 100644 --- a/docs/translations/api-docs/pagination/pagination.json +++ b/docs/translations/api-docs/pagination/pagination.json @@ -21,15 +21,15 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, - "ul": { "description": "{{stylesApplied}}", "nodeName": "the ul element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "ul": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the ul element" }, "outlined": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"outlined\"" }, "text": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"text\"" } diff --git a/docs/translations/api-docs/paper/paper.json b/docs/translations/api-docs/paper/paper.json index ee52fcb458aeaa..cc8a60e2077214 100644 --- a/docs/translations/api-docs/paper/paper.json +++ b/docs/translations/api-docs/paper/paper.json @@ -9,19 +9,19 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "rounded": { - "description": "{{stylesApplied}} unless {{conditions}}.", + "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the root element", "conditions": "square={true}" }, "outlined": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"outlined\"" }, "elevation": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"elevation\"" } diff --git a/docs/translations/api-docs/popover/popover.json b/docs/translations/api-docs/popover/popover.json index 0ea004d20446c9..f5d6d5e76c7d33 100644 --- a/docs/translations/api-docs/popover/popover.json +++ b/docs/translations/api-docs/popover/popover.json @@ -21,7 +21,7 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, - "paper": { "description": "{{stylesApplied}}", "nodeName": "the Paper component" } + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "paper": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the Paper component" } } } diff --git a/docs/translations/api-docs/radio/radio.json b/docs/translations/api-docs/radio/radio.json index f7f76d4634f16e..163a24c53dde85 100644 --- a/docs/translations/api-docs/radio/radio.json +++ b/docs/translations/api-docs/radio/radio.json @@ -18,24 +18,24 @@ "value": "The value of the component. The DOM API casts this to a string." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "checked": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "checked={true}" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, "colorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"secondary\"" } diff --git a/docs/translations/api-docs/rating/rating.json b/docs/translations/api-docs/rating/rating.json index 75dd64d306f283..de67b932ff169b 100644 --- a/docs/translations/api-docs/rating/rating.json +++ b/docs/translations/api-docs/rating/rating.json @@ -19,67 +19,70 @@ "value": "The rating value." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "sizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"small\"" }, "sizeLarge": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"large\"" }, "readOnly": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "readOnly={true}" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, "focusVisible": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "keyboard focused" }, "visuallyHidden": { "description": "Visually hide an element." }, - "label": { "description": "{{stylesApplied}}", "nodeName": "the label elements" }, + "label": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the label elements" }, "labelEmptyValueActive": { - "description": "{{stylesApplied}} when {{conditions}}.", + "description": "Styles applied to {{nodeName}} when {{conditions}}.", "nodeName": "the label of the \"no value\" input", "conditions": "it is active" }, - "icon": { "description": "{{stylesApplied}}", "nodeName": "the icon wrapping elements" }, + "icon": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the icon wrapping elements" + }, "iconEmpty": { - "description": "{{stylesApplied}} when {{conditions}}.", + "description": "Styles applied to {{nodeName}} when {{conditions}}.", "nodeName": "the icon wrapping elements", "conditions": "empty" }, "iconFilled": { - "description": "{{stylesApplied}} when {{conditions}}.", + "description": "Styles applied to {{nodeName}} when {{conditions}}.", "nodeName": "the icon wrapping elements", "conditions": "filled" }, "iconHover": { - "description": "{{stylesApplied}} when {{conditions}}.", + "description": "Styles applied to {{nodeName}} when {{conditions}}.", "nodeName": "the icon wrapping elements", "conditions": "hover" }, "iconFocus": { - "description": "{{stylesApplied}} when {{conditions}}.", + "description": "Styles applied to {{nodeName}} when {{conditions}}.", "nodeName": "the icon wrapping elements", "conditions": "focus" }, "iconActive": { - "description": "{{stylesApplied}} when {{conditions}}.", + "description": "Styles applied to {{nodeName}} when {{conditions}}.", "nodeName": "the icon wrapping elements", "conditions": "active" }, "decimal": { - "description": "{{stylesApplied}} when {{conditions}}.", + "description": "Styles applied to {{nodeName}} when {{conditions}}.", "nodeName": "the icon wrapping elements", "conditions": "decimals are necessary" } diff --git a/docs/translations/api-docs/scoped-css-baseline/scoped-css-baseline.json b/docs/translations/api-docs/scoped-css-baseline/scoped-css-baseline.json index 831be86773f91c..a8f4968da499d1 100644 --- a/docs/translations/api-docs/scoped-css-baseline/scoped-css-baseline.json +++ b/docs/translations/api-docs/scoped-css-baseline/scoped-css-baseline.json @@ -5,6 +5,6 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/select/select.json b/docs/translations/api-docs/select/select.json index e24887f4d55fc6..6bac195635dbe3 100644 --- a/docs/translations/api-docs/select/select.json +++ b/docs/translations/api-docs/select/select.json @@ -26,47 +26,50 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the select component `root` class" }, + "root": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the select component `root` class" + }, "select": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the select component `select` class" }, "filled": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the select component", "conditions": "variant=\"filled\"" }, "outlined": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the select component", "conditions": "variant=\"outlined\"" }, "selectMenu": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the select component `selectMenu` class" }, "disabled": { - "description": "{{pseudoClassApplied}}", + "description": "Pseudo-class applied to {{nodeName}}.", "nodeName": "the select component `disabled` class" }, - "icon": { "description": "{{stylesApplied}}", "nodeName": "the icon component" }, + "icon": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the icon component" }, "iconOpen": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the icon component", "conditions": "the popup is open" }, "iconFilled": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the icon component", "conditions": "variant=\"filled\"" }, "iconOutlined": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the icon component", "conditions": "variant=\"outlined\"" }, "nativeInput": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the underlying native input component" } } diff --git a/docs/translations/api-docs/skeleton/skeleton.json b/docs/translations/api-docs/skeleton/skeleton.json index 92b79119aec7d5..e857e82df3d48d 100644 --- a/docs/translations/api-docs/skeleton/skeleton.json +++ b/docs/translations/api-docs/skeleton/skeleton.json @@ -10,29 +10,29 @@ "width": "Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "text": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"text\"" }, "rectangular": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"rectangular\"" }, "circular": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"circular\"" }, "pulse": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "animation=\"pulse\"" }, "wave": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "animation=\"wave\"" }, diff --git a/docs/translations/api-docs/slider-unstyled/slider-unstyled.json b/docs/translations/api-docs/slider-unstyled/slider-unstyled.json index 6bc43f2dc4bf44..8ee11a945a9081 100644 --- a/docs/translations/api-docs/slider-unstyled/slider-unstyled.json +++ b/docs/translations/api-docs/slider-unstyled/slider-unstyled.json @@ -28,43 +28,78 @@ "valueLabelFormat": "The format function the value label's value.
When a function is provided, it should have the following signature:
- {number} value The value label's value to format - {number} index The value label's index to format" }, "classDescriptions": { - "root": { "description": "Class name applied to the root element." }, + "root": { + "description": "Class name applied to {{nodeName}}.", + "nodeName": "the root element" + }, "marked": { - "description": "Class name applied to the root element if `marks` is provided with at least one label." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the root element", + "conditions": "marks is provided with at least one label" }, "vertical": { - "description": "Class name applied to the root element if `orientation=\"vertical\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the root element", + "conditions": "orientation=\"vertical\"" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root and thumb element", "conditions": "disabled={true}" }, - "rail": { "description": "Class name applied to the rail element." }, - "track": { "description": "Class name applied to the track element." }, - "trackFalse": { "description": "Class name applied to the track element if `track={false}`." }, + "rail": { + "description": "Class name applied to {{nodeName}}.", + "nodeName": "the rail element" + }, + "track": { + "description": "Class name applied to {{nodeName}}.", + "nodeName": "the track element" + }, + "trackFalse": { + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the track element", + "conditions": "track={false}" + }, "trackInverted": { - "description": "Class name applied to the track element if `track=\"inverted\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the track element", + "conditions": "track=\"inverted\"" + }, + "thumb": { + "description": "Class name applied to {{nodeName}}.", + "nodeName": "the thumb element" }, - "thumb": { "description": "Class name applied to the thumb element." }, "active": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the thumb element", "conditions": "it's active" }, "focusVisible": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the thumb element", "conditions": "keyboard focused" }, - "valueLabel": { "description": "Class name applied to the thumb label element." }, - "mark": { "description": "Class name applied to the mark element." }, + "valueLabel": { + "description": "Class name applied to {{nodeName}}.", + "nodeName": "the thumb label element" + }, + "mark": { + "description": "Class name applied to {{nodeName}}.", + "nodeName": "the mark element" + }, "markActive": { - "description": "Class name applied to the mark element if active (depending on the value)." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the mark element", + "conditions": "active (depending on the value)" + }, + "markLabel": { + "description": "Class name applied to {{nodeName}}.", + "nodeName": "the mark label element" }, - "markLabel": { "description": "Class name applied to the mark label element." }, "markLabelActive": { - "description": "Class name applied to the mark label element if active (depending on the value)." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the mark label element", + "conditions": "active (depending on the value)" } } } diff --git a/docs/translations/api-docs/slider/slider.json b/docs/translations/api-docs/slider/slider.json index 9cdcda00c3b442..57dcba1f42c8a7 100644 --- a/docs/translations/api-docs/slider/slider.json +++ b/docs/translations/api-docs/slider/slider.json @@ -30,55 +30,98 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "Class name applied to the root element." }, + "root": { + "description": "Class name applied to {{nodeName}}.", + "nodeName": "the root element" + }, "marked": { - "description": "Class name applied to the root element if `marks` is provided with at least one label." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the root element", + "conditions": "marks is provided with at least one label" }, "vertical": { - "description": "Class name applied to the root element if `orientation=\"vertical\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the root element", + "conditions": "orientation=\"vertical\"" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root and thumb element", "conditions": "disabled={true}" }, - "rail": { "description": "Class name applied to the rail element." }, - "track": { "description": "Class name applied to the track element." }, - "trackFalse": { "description": "Class name applied to the track element if `track={false}`." }, + "rail": { + "description": "Class name applied to {{nodeName}}.", + "nodeName": "the rail element" + }, + "track": { + "description": "Class name applied to {{nodeName}}.", + "nodeName": "the track element" + }, + "trackFalse": { + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the track element", + "conditions": "track={false}" + }, "trackInverted": { - "description": "Class name applied to the track element if `track=\"inverted\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the track element", + "conditions": "track=\"inverted\"" + }, + "thumb": { + "description": "Class name applied to {{nodeName}}.", + "nodeName": "the thumb element" }, - "thumb": { "description": "Class name applied to the thumb element." }, "active": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the thumb element", "conditions": "it's active" }, "focusVisible": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the thumb element", "conditions": "keyboard focused" }, - "valueLabel": { "description": "Class name applied to the thumb label element." }, - "mark": { "description": "Class name applied to the mark element." }, + "valueLabel": { + "description": "Class name applied to {{nodeName}}.", + "nodeName": "the thumb label element" + }, + "mark": { + "description": "Class name applied to {{nodeName}}.", + "nodeName": "the mark element" + }, "markActive": { - "description": "Class name applied to the mark element if active (depending on the value)." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the mark element", + "conditions": "active (depending on the value)" + }, + "markLabel": { + "description": "Class name applied to {{nodeName}}.", + "nodeName": "the mark label element" }, - "markLabel": { "description": "Class name applied to the mark label element." }, "markLabelActive": { - "description": "Class name applied to the mark label element if active (depending on the value)." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the mark label element", + "conditions": "active (depending on the value)" }, "colorPrimary": { - "description": "Class name applied to the root element if `color=\"primary\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the root element", + "conditions": "color=\"primary\"" }, "colorSecondary": { - "description": "Class name applied to the root element if `color=\"secondary\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the root element", + "conditions": "color=\"secondary\"" }, "thumbColorPrimary": { - "description": "Class name applied to the thumb element if `color=\"primary\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the thumb element", + "conditions": "color=\"primary\"" }, "thumbColorSecondary": { - "description": "Class name applied to the thumb element if `color=\"secondary\"`." + "description": "Class name applied to {{nodeName}} if {{conditions}}.", + "nodeName": "the thumb element", + "conditions": "color=\"secondary\"" } } } diff --git a/docs/translations/api-docs/snackbar-content/snackbar-content.json b/docs/translations/api-docs/snackbar-content/snackbar-content.json index b765d299f612a0..1fd2a9baafa591 100644 --- a/docs/translations/api-docs/snackbar-content/snackbar-content.json +++ b/docs/translations/api-docs/snackbar-content/snackbar-content.json @@ -7,10 +7,13 @@ "role": "The ARIA role attribute of the element." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, - "message": { "description": "{{stylesApplied}}", "nodeName": "the message wrapper element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "message": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the message wrapper element" + }, "action": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the action wrapper element", "conditions": "action is provided" } diff --git a/docs/translations/api-docs/snackbar/snackbar.json b/docs/translations/api-docs/snackbar/snackbar.json index 58b850c5620bd2..8e93122ddf34eb 100644 --- a/docs/translations/api-docs/snackbar/snackbar.json +++ b/docs/translations/api-docs/snackbar/snackbar.json @@ -19,34 +19,34 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "anchorOriginTopCenter": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "anchorOrigin={{ 'top', 'center' }}" }, "anchorOriginBottomCenter": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "anchorOrigin={{ 'bottom', 'center' }}" }, "anchorOriginTopRight": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "anchorOrigin={{ 'top', 'right' }}" }, "anchorOriginBottomRight": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "anchorOrigin={{ 'bottom', 'right' }}" }, "anchorOriginTopLeft": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "anchorOrigin={{ 'top', 'left' }}" }, "anchorOriginBottomLeft": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "anchorOrigin={{ 'bottom', 'left' }}" } diff --git a/docs/translations/api-docs/speed-dial-action/speed-dial-action.json b/docs/translations/api-docs/speed-dial-action/speed-dial-action.json index 4883563786cc89..e72832fd29fe9d 100644 --- a/docs/translations/api-docs/speed-dial-action/speed-dial-action.json +++ b/docs/translations/api-docs/speed-dial-action/speed-dial-action.json @@ -13,24 +13,24 @@ "tooltipTitle": "Label to display in the tooltip." }, "classDescriptions": { - "fab": { "description": "{{stylesApplied}}", "nodeName": "the Fab component" }, + "fab": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the Fab component" }, "fabClosed": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Fab component", "conditions": "open={false}" }, "staticTooltip": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "tooltipOpen={true}" }, "staticTooltipClosed": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "tooltipOpen={true} and open={false}" }, "staticTooltipLabel": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the static tooltip label", "conditions": "tooltipOpen={true}" }, diff --git a/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json b/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json index b0ba1236c0b8ad..4387a0b9e0245d 100644 --- a/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json +++ b/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json @@ -6,25 +6,25 @@ "openIcon": "The icon to display in the SpeedDial Floating Action Button when the SpeedDial is open." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, - "icon": { "description": "{{stylesApplied}}", "nodeName": "the icon component" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "icon": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the icon component" }, "iconOpen": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the icon component", "conditions": "open={true}" }, "iconWithOpenIconOpen": { - "description": "{{stylesApplied}} when {{conditions}}.", + "description": "Styles applied to {{nodeName}} when {{conditions}}.", "nodeName": "the icon", "conditions": "an openIcon is provided and if open={true}" }, "openIcon": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the `openIcon`", "conditions": "provided" }, "openIconOpen": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the `openIcon`", "conditions": "provided and if open={true}" } diff --git a/docs/translations/api-docs/speed-dial/speed-dial.json b/docs/translations/api-docs/speed-dial/speed-dial.json index 0e4af8dbcb1de0..51801adaf04a9f 100644 --- a/docs/translations/api-docs/speed-dial/speed-dial.json +++ b/docs/translations/api-docs/speed-dial/speed-dial.json @@ -17,8 +17,8 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, - "fab": { "description": "{{stylesApplied}}", "nodeName": "the Fab component" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "fab": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the Fab component" }, "directionUp": { "description": "Styles applied to the root element if direction=\"up\"" }, "directionDown": { "description": "Styles applied to the root element if direction=\"down\"" }, "directionLeft": { "description": "Styles applied to the root element if direction=\"left\"" }, @@ -26,11 +26,11 @@ "description": "Styles applied to the root element if direction=\"right\"" }, "actions": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the actions (`children` wrapper) element" }, "actionsClosed": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the actions (`children` wrapper) element", "conditions": "open={false}" } diff --git a/docs/translations/api-docs/step-button/step-button.json b/docs/translations/api-docs/step-button/step-button.json index 2cf54ad0f43656..b7dc7a37ae0b0c 100644 --- a/docs/translations/api-docs/step-button/step-button.json +++ b/docs/translations/api-docs/step-button/step-button.json @@ -7,19 +7,19 @@ "optional": "The optional node to display." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "horizontal": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "orientation=\"horizontal\"" }, "vertical": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, "touchRipple": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the `ButtonBase` touch-ripple" } } diff --git a/docs/translations/api-docs/step-connector/step-connector.json b/docs/translations/api-docs/step-connector/step-connector.json index 5af63e4fef686e..17f60ad38b3c4d 100644 --- a/docs/translations/api-docs/step-connector/step-connector.json +++ b/docs/translations/api-docs/step-connector/step-connector.json @@ -4,45 +4,45 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "horizontal": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "orientation=\"horizontal\"" }, "vertical": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, "alternativeLabel": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "alternativeLabel={true}" }, "active": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "active={true}" }, "completed": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "completed={true}" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, - "line": { "description": "{{stylesApplied}}", "nodeName": "the line element" }, + "line": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the line element" }, "lineHorizontal": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "orientation=\"horizontal\"" }, "lineVertical": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "orientation=\"vertical\"" } diff --git a/docs/translations/api-docs/step-content/step-content.json b/docs/translations/api-docs/step-content/step-content.json index b474f7e872738f..c7777f082a76af 100644 --- a/docs/translations/api-docs/step-content/step-content.json +++ b/docs/translations/api-docs/step-content/step-content.json @@ -8,12 +8,15 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "last": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "last={true} (controlled by Step)" }, - "transition": { "description": "{{stylesApplied}}", "nodeName": "the Transition component" } + "transition": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the Transition component" + } } } diff --git a/docs/translations/api-docs/step-icon/step-icon.json b/docs/translations/api-docs/step-icon/step-icon.json index 884787f06bf36f..8deabbad89d787 100644 --- a/docs/translations/api-docs/step-icon/step-icon.json +++ b/docs/translations/api-docs/step-icon/step-icon.json @@ -8,20 +8,23 @@ "icon": "The label displayed in the step icon." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, - "text": { "description": "{{stylesApplied}}", "nodeName": "the SVG text element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "text": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the SVG text element" + }, "active": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "active={true}" }, "completed": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "completed={true}" }, "error": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "error={true}" } diff --git a/docs/translations/api-docs/step-label/step-label.json b/docs/translations/api-docs/step-label/step-label.json index 26abf6a4bef3a6..56e6c67d45cb9f 100644 --- a/docs/translations/api-docs/step-label/step-label.json +++ b/docs/translations/api-docs/step-label/step-label.json @@ -10,52 +10,52 @@ "StepIconProps": "Props applied to the StepIcon element." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "horizontal": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "orientation=\"horizontal\"" }, "vertical": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, "label": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the Typography component that wraps `children`" }, "active": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the `Typography` component", "conditions": "active={true}" }, "completed": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the `Typography` component", "conditions": "completed={true}" }, "error": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element and `Typography` component", "conditions": "error={true}" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element and `Typography` component", "conditions": "disabled={true}" }, "iconContainer": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the `icon` container element" }, "alternativeLabel": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root and icon container and `Typography`", "conditions": "alternativeLabel={true}" }, "labelContainer": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the container element which wraps `Typography` and `optional`" } } diff --git a/docs/translations/api-docs/step/step.json b/docs/translations/api-docs/step/step.json index 88dfd099c924f9..c8c9fc19271b6c 100644 --- a/docs/translations/api-docs/step/step.json +++ b/docs/translations/api-docs/step/step.json @@ -11,24 +11,24 @@ "last": "If true, the Step is displayed as rendered last. The prop defaults to the value inherited from the parent Stepper component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "horizontal": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "orientation=\"horizontal\"" }, "vertical": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, "alternativeLabel": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "alternativeLabel={true}" }, "completed": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "completed={true}" } diff --git a/docs/translations/api-docs/stepper/stepper.json b/docs/translations/api-docs/stepper/stepper.json index 763ba55cca60ad..d7b5d343f7dcc9 100644 --- a/docs/translations/api-docs/stepper/stepper.json +++ b/docs/translations/api-docs/stepper/stepper.json @@ -10,19 +10,19 @@ "orientation": "The component orientation (layout flow direction)." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "horizontal": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "orientation=\"horizontal\"" }, "vertical": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, "alternativeLabel": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "alternativeLabel={true}" } diff --git a/docs/translations/api-docs/svg-icon/svg-icon.json b/docs/translations/api-docs/svg-icon/svg-icon.json index 99bd496769e61e..c06ce5be0f0112 100644 --- a/docs/translations/api-docs/svg-icon/svg-icon.json +++ b/docs/translations/api-docs/svg-icon/svg-icon.json @@ -12,44 +12,44 @@ "viewBox": "Allows you to redefine what the coordinates without units mean inside an SVG element. For example, if the SVG element is 500 (width) by 200 (height), and you pass viewBox="0 0 50 20", this means that the coordinates inside the SVG will go from the top left corner (0,0) to bottom right (50,20) and each unit will be worth 10px." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "colorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"secondary\"" }, "colorAction": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"action\"" }, "colorError": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"error\"" }, "colorDisabled": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"disabled\"" }, "fontSizeInherit": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "fontSize=\"inherit\"" }, "fontSizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "fontSize=\"small\"" }, "fontSizeLarge": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "fontSize=\"large\"" } diff --git a/docs/translations/api-docs/switch/switch.json b/docs/translations/api-docs/switch/switch.json index 1215e4cca0c6c0..e43a60efce0b44 100644 --- a/docs/translations/api-docs/switch/switch.json +++ b/docs/translations/api-docs/switch/switch.json @@ -18,51 +18,51 @@ "value": "The value of the component. The DOM API casts this to a string. The browser uses "on" as the default value." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "edgeStart": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "edge=\"start\"" }, "edgeEnd": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "edge=\"end\"" }, "switchBase": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the internal `SwitchBase` component's `root` class" }, "colorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the internal SwitchBase component's root element", "conditions": "color=\"primary\"" }, "colorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the internal SwitchBase component's root element", "conditions": "color=\"secondary\"" }, "sizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"small\"" }, "checked": { - "description": "{{pseudoClassApplied}}", + "description": "Pseudo-class applied to {{nodeName}}.", "nodeName": "the internal `SwitchBase` component's `checked` class" }, "disabled": { - "description": "{{pseudoClassApplied}}", + "description": "Pseudo-class applied to {{nodeName}}.", "nodeName": "the internal SwitchBase component's disabled class" }, "input": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the internal SwitchBase component's input element" }, "thumb": { "description": "Styles used to create the thumb passed to the internal `SwitchBase` component `icon` prop." }, - "track": { "description": "{{stylesApplied}}", "nodeName": "the track element" } + "track": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the track element" } } } diff --git a/docs/translations/api-docs/tab-panel/tab-panel.json b/docs/translations/api-docs/tab-panel/tab-panel.json index faee9f79310156..b02a3eeff185cb 100644 --- a/docs/translations/api-docs/tab-panel/tab-panel.json +++ b/docs/translations/api-docs/tab-panel/tab-panel.json @@ -6,6 +6,6 @@ "value": "The value of the corresponding Tab. Must use the index of the Tab when no value was passed to Tab." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/tab-scroll-button/tab-scroll-button.json b/docs/translations/api-docs/tab-scroll-button/tab-scroll-button.json index a303cb792ea266..c0b338e677ef8f 100644 --- a/docs/translations/api-docs/tab-scroll-button/tab-scroll-button.json +++ b/docs/translations/api-docs/tab-scroll-button/tab-scroll-button.json @@ -8,14 +8,14 @@ "orientation": "The component orientation (layout flow direction)." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "vertical": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" } diff --git a/docs/translations/api-docs/tab/tab.json b/docs/translations/api-docs/tab/tab.json index 19e4cac1ee159d..e35e891d7b1e8b 100644 --- a/docs/translations/api-docs/tab/tab.json +++ b/docs/translations/api-docs/tab/tab.json @@ -12,49 +12,49 @@ "wrapped": "Tab labels appear in a single row. They can use a second line if needed." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "labelIcon": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "both icon and label are provided" }, "textColorInherit": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "the parent [Tabs](/api/tabs/) has textColor=\"inherit\"" }, "textColorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "the parent [Tabs](/api/tabs/) has textColor=\"primary\"" }, "textColorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "the parent [Tabs](/api/tabs/) has textColor=\"secondary\"" }, "selected": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "selected={true} (controlled by the Tabs component)" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true} (controlled by the Tabs component)" }, "fullWidth": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "fullWidth={true} (controlled by the Tabs component)" }, "wrapped": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "wrapped={true}" }, "wrapper": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the `icon` and `label`'s wrapper element" } } diff --git a/docs/translations/api-docs/table-body/table-body.json b/docs/translations/api-docs/table-body/table-body.json index 05fe3a7f098ceb..118db137e869d7 100644 --- a/docs/translations/api-docs/table-body/table-body.json +++ b/docs/translations/api-docs/table-body/table-body.json @@ -6,6 +6,6 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/table-cell/table-cell.json b/docs/translations/api-docs/table-cell/table-cell.json index 557efbd839db64..99f805c1947d0b 100644 --- a/docs/translations/api-docs/table-cell/table-cell.json +++ b/docs/translations/api-docs/table-cell/table-cell.json @@ -12,59 +12,59 @@ "variant": "Specify the cell type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "head": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"head\" or context.table.head" }, "body": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"body\" or context.table.body" }, "footer": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"footer\" or context.table.footer" }, "sizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"small\"" }, "paddingCheckbox": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "padding=\"checkbox\"" }, "paddingNone": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "padding=\"none\"" }, "alignLeft": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "align=\"left\"" }, "alignCenter": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "align=\"center\"" }, "alignRight": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "align=\"right\"" }, "alignJustify": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "align=\"justify\"" }, "stickyHeader": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "context.table.stickyHeader={true}" } diff --git a/docs/translations/api-docs/table-container/table-container.json b/docs/translations/api-docs/table-container/table-container.json index f5afdb9a4aeee7..73889e03cddc00 100644 --- a/docs/translations/api-docs/table-container/table-container.json +++ b/docs/translations/api-docs/table-container/table-container.json @@ -6,6 +6,6 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/table-footer/table-footer.json b/docs/translations/api-docs/table-footer/table-footer.json index 05fe3a7f098ceb..118db137e869d7 100644 --- a/docs/translations/api-docs/table-footer/table-footer.json +++ b/docs/translations/api-docs/table-footer/table-footer.json @@ -6,6 +6,6 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/table-head/table-head.json b/docs/translations/api-docs/table-head/table-head.json index 05fe3a7f098ceb..118db137e869d7 100644 --- a/docs/translations/api-docs/table-head/table-head.json +++ b/docs/translations/api-docs/table-head/table-head.json @@ -6,6 +6,6 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/table-pagination/table-pagination.json b/docs/translations/api-docs/table-pagination/table-pagination.json index 2c69923a8dff49..8a9186c7eaf5dd 100644 --- a/docs/translations/api-docs/table-pagination/table-pagination.json +++ b/docs/translations/api-docs/table-pagination/table-pagination.json @@ -20,30 +20,42 @@ "showLastButton": "If true, show the last-page button." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, - "toolbar": { "description": "{{stylesApplied}}", "nodeName": "the Toolbar component" }, - "spacer": { "description": "{{stylesApplied}}", "nodeName": "the spacer element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "toolbar": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the Toolbar component" + }, + "spacer": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the spacer element" + }, "caption": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the caption Typography component", "conditions": "variant=\"caption\"" }, "selectRoot": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the Select component root element" }, "select": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the Select component `select` class" }, "selectIcon": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the Select component `icon` class" }, - "input": { "description": "{{stylesApplied}}", "nodeName": "the InputBase component" }, - "menuItem": { "description": "{{stylesApplied}}", "nodeName": "the MenuItem component" }, + "input": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the InputBase component" + }, + "menuItem": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the MenuItem component" + }, "actions": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the internal `TablePaginationActions` component" } } diff --git a/docs/translations/api-docs/table-row/table-row.json b/docs/translations/api-docs/table-row/table-row.json index fab105da5fe91c..864ee3a6d5b791 100644 --- a/docs/translations/api-docs/table-row/table-row.json +++ b/docs/translations/api-docs/table-row/table-row.json @@ -8,24 +8,24 @@ "selected": "If true, the table row will have the selected shading." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "selected": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "selected={true}" }, "hover": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "hover={true}" }, "head": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "table variant=\"head\"" }, "footer": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "table variant=\"footer\"" } diff --git a/docs/translations/api-docs/table-sort-label/table-sort-label.json b/docs/translations/api-docs/table-sort-label/table-sort-label.json index 61e44298dfc770..94fd4b27ed30f1 100644 --- a/docs/translations/api-docs/table-sort-label/table-sort-label.json +++ b/docs/translations/api-docs/table-sort-label/table-sort-label.json @@ -9,20 +9,20 @@ "IconComponent": "Sort icon to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "active": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "active={true}" }, - "icon": { "description": "{{stylesApplied}}", "nodeName": "the icon component" }, + "icon": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the icon component" }, "iconDirectionDesc": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the icon component", "conditions": "direction=\"desc\"" }, "iconDirectionAsc": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the icon component", "conditions": "direction=\"asc\"" } diff --git a/docs/translations/api-docs/table/table.json b/docs/translations/api-docs/table/table.json index 8f5b20ce278ff5..ab4f0acf124824 100644 --- a/docs/translations/api-docs/table/table.json +++ b/docs/translations/api-docs/table/table.json @@ -9,9 +9,9 @@ "stickyHeader": "Set the header sticky.
⚠️ It doesn't work with IE11." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "stickyHeader": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "stickyHeader={true}" } diff --git a/docs/translations/api-docs/tabs/tabs.json b/docs/translations/api-docs/tabs/tabs.json index 811902834a8064..221e58d6160308 100644 --- a/docs/translations/api-docs/tabs/tabs.json +++ b/docs/translations/api-docs/tabs/tabs.json @@ -23,56 +23,62 @@ "visibleScrollbar": "If true, the scrollbar is visible. It can be useful when displaying a long vertical list of tabs." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "vertical": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, "flexContainer": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the flex container element" }, "flexContainerVertical": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the flex container element", "conditions": "orientation=\"vertical\"" }, "centered": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the flex container element", "conditions": "centered={true} & !variant=\"scrollable\"" }, - "scroller": { "description": "{{stylesApplied}}", "nodeName": "the tablist element" }, + "scroller": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the tablist element" + }, "fixed": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the tablist element", "conditions": "!variant=\"scrollable\"\b\b\b" }, "scrollableX": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the tablist element", "conditions": "variant=\"scrollable\" and orientation=\"horizontal\"" }, "scrollableY": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the tablist element", "conditions": "variant=\"scrollable\" and orientation=\"vertical\"" }, "hideScrollbar": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the tablist element", "conditions": "variant=\"scrollable\" and visibleScrollbar={false}" }, "scrollButtons": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the ScrollButtonComponent component" }, "scrollButtonsHideMobile": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the ScrollButtonComponent component", "conditions": "allowScrollButtonsMobile={true}" }, - "indicator": { "description": "{{stylesApplied}}", "nodeName": "the TabIndicator component" } + "indicator": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the TabIndicator component" + } } } diff --git a/docs/translations/api-docs/text-field/text-field.json b/docs/translations/api-docs/text-field/text-field.json index af33cd270d06e8..1bf27b9b9133cc 100644 --- a/docs/translations/api-docs/text-field/text-field.json +++ b/docs/translations/api-docs/text-field/text-field.json @@ -34,6 +34,6 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/timeline-connector/timeline-connector.json b/docs/translations/api-docs/timeline-connector/timeline-connector.json index 831be86773f91c..a8f4968da499d1 100644 --- a/docs/translations/api-docs/timeline-connector/timeline-connector.json +++ b/docs/translations/api-docs/timeline-connector/timeline-connector.json @@ -5,6 +5,6 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/timeline-content/timeline-content.json b/docs/translations/api-docs/timeline-content/timeline-content.json index 7d13a8b035b937..d9a0c688194e4b 100644 --- a/docs/translations/api-docs/timeline-content/timeline-content.json +++ b/docs/translations/api-docs/timeline-content/timeline-content.json @@ -5,9 +5,9 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "alignRight": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "align=\"right\"" } diff --git a/docs/translations/api-docs/timeline-dot/timeline-dot.json b/docs/translations/api-docs/timeline-dot/timeline-dot.json index 9420903bce1f5a..c31a4847f5f371 100644 --- a/docs/translations/api-docs/timeline-dot/timeline-dot.json +++ b/docs/translations/api-docs/timeline-dot/timeline-dot.json @@ -7,44 +7,44 @@ "variant": "The dot can appear filled or outlined." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "filled": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"filled\"" }, "outlined": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"outlined\"" }, "filledGrey": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"grey\" and variant=\"filled\"" }, "outlinedGrey": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"grey\" and variant=\"outlined\"" }, "filledPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"primary\" and variant=\"filled\"" }, "outlinedPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"primary\" and variant=\"outlined\"" }, "filledSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"secondary\" and variant=\"filled\"" }, "outlinedSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"secondary\" and variant=\"outlined\"" } diff --git a/docs/translations/api-docs/timeline-item/timeline-item.json b/docs/translations/api-docs/timeline-item/timeline-item.json index 104f1f73704450..e53c50145c2334 100644 --- a/docs/translations/api-docs/timeline-item/timeline-item.json +++ b/docs/translations/api-docs/timeline-item/timeline-item.json @@ -5,30 +5,33 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "alignLeft": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "align=\"left\"" }, "alignRight": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "align=\"right\"" }, "alignAlternate": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "align=\"alternate\"" }, "missingOppositeContent": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "TimelineOppositeContent isn't provided" }, - "content": { "description": "{{stylesApplied}}", "nodeName": "the timeline content node" }, + "content": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the timeline content node" + }, "oppositeContent": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the timeline opposite content node" } } diff --git a/docs/translations/api-docs/timeline-opposite-content/timeline-opposite-content.json b/docs/translations/api-docs/timeline-opposite-content/timeline-opposite-content.json index 7d13a8b035b937..d9a0c688194e4b 100644 --- a/docs/translations/api-docs/timeline-opposite-content/timeline-opposite-content.json +++ b/docs/translations/api-docs/timeline-opposite-content/timeline-opposite-content.json @@ -5,9 +5,9 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "alignRight": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "align=\"right\"" } diff --git a/docs/translations/api-docs/timeline-separator/timeline-separator.json b/docs/translations/api-docs/timeline-separator/timeline-separator.json index 831be86773f91c..a8f4968da499d1 100644 --- a/docs/translations/api-docs/timeline-separator/timeline-separator.json +++ b/docs/translations/api-docs/timeline-separator/timeline-separator.json @@ -5,6 +5,6 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/timeline/timeline.json b/docs/translations/api-docs/timeline/timeline.json index 49f2fb7ff4bd53..c984b6b2852f4f 100644 --- a/docs/translations/api-docs/timeline/timeline.json +++ b/docs/translations/api-docs/timeline/timeline.json @@ -6,19 +6,19 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "alignLeft": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "align=\"left\"" }, "alignRight": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "align=\"right\"" }, "alignAlternate": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "align=\"alternate\"" } diff --git a/docs/translations/api-docs/toggle-button-group/toggle-button-group.json b/docs/translations/api-docs/toggle-button-group/toggle-button-group.json index 8d95cbbd00d2cb..6d739288e26148 100644 --- a/docs/translations/api-docs/toggle-button-group/toggle-button-group.json +++ b/docs/translations/api-docs/toggle-button-group/toggle-button-group.json @@ -10,20 +10,20 @@ "value": "The currently selected value within the group or an array of selected values when exclusive is false.
The value must have reference equality with the option in order to be selected." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "vertical": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "orientation=\"vertical\"" }, - "grouped": { "description": "{{stylesApplied}}", "nodeName": "the children" }, + "grouped": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the children" }, "groupedHorizontal": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the children", "conditions": "orientation=\"horizontal\"" }, "groupedVertical": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the children", "conditions": "orientation=\"vertical\"" } diff --git a/docs/translations/api-docs/toggle-button/toggle-button.json b/docs/translations/api-docs/toggle-button/toggle-button.json index 21c041cfb0d7fd..d1483076caf6ca 100644 --- a/docs/translations/api-docs/toggle-button/toggle-button.json +++ b/docs/translations/api-docs/toggle-button/toggle-button.json @@ -11,25 +11,28 @@ "value": "The value to associate with the button when selected in a ToggleButtonGroup." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "disabled": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "disabled={true}" }, "selected": { - "description": "{{pseudoClassApplied}} if {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "selected={true}" }, - "label": { "description": "{{stylesApplied}}", "nodeName": "the `label` wrapper element" }, + "label": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the `label` wrapper element" + }, "sizeSmall": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"small\"" }, "sizeLarge": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "size=\"large\"" } diff --git a/docs/translations/api-docs/toolbar/toolbar.json b/docs/translations/api-docs/toolbar/toolbar.json index 36cb76ff9e7d5d..96dab97474b206 100644 --- a/docs/translations/api-docs/toolbar/toolbar.json +++ b/docs/translations/api-docs/toolbar/toolbar.json @@ -8,19 +8,19 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "gutters": { - "description": "{{stylesApplied}} unless {{conditions}}.", + "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the root element", "conditions": "disableGutters={true}" }, "regular": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"regular\"" }, "dense": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"dense\"" } diff --git a/docs/translations/api-docs/tooltip/tooltip.json b/docs/translations/api-docs/tooltip/tooltip.json index bf58a41f78e94d..97a1810bb61c72 100644 --- a/docs/translations/api-docs/tooltip/tooltip.json +++ b/docs/translations/api-docs/tooltip/tooltip.json @@ -27,49 +27,52 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "popper": { "description": "{{stylesApplied}}", "nodeName": "the Popper component" }, + "popper": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the Popper component" + }, "popperInteractive": { - "description": "{{stylesApplied}} unless {{conditions}}.", + "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the Popper component", "conditions": "disableInteractive={true}" }, "popperArrow": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Popper component", "conditions": "arrow={true}" }, "tooltip": { - "description": "{{stylesApplied}}", + "description": "Styles applied to {{nodeName}}.", "nodeName": "the tooltip (label wrapper) element" }, "tooltipArrow": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the tooltip (label wrapper) element", "conditions": "arrow={true}" }, - "arrow": { "description": "{{stylesApplied}}", "nodeName": "the arrow element" }, + "arrow": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the arrow element" }, "touch": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the tooltip (label wrapper) element", "conditions": "the tooltip is opened by touch" }, "tooltipPlacementLeft": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the tooltip (label wrapper) element", "conditions": "placement contains \"left\"" }, "tooltipPlacementRight": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the tooltip (label wrapper) element", "conditions": "placement contains \"right\"" }, "tooltipPlacementTop": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the tooltip (label wrapper) element", "conditions": "placement contains \"top\"" }, "tooltipPlacementBottom": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the tooltip (label wrapper) element", "conditions": "placement contains \"bottom\"" } diff --git a/docs/translations/api-docs/tree-item/tree-item.json b/docs/translations/api-docs/tree-item/tree-item.json index 2294fcc2b199f6..e79cf94d7ab763 100644 --- a/docs/translations/api-docs/tree-item/tree-item.json +++ b/docs/translations/api-docs/tree-item/tree-item.json @@ -17,30 +17,39 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, - "group": { "description": "{{stylesApplied}}", "nodeName": "the transition component" }, - "content": { "description": "{{stylesApplied}}", "nodeName": "the content element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "group": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the transition component" + }, + "content": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the content element" + }, "expanded": { - "description": "{{pseudoClassApplied}} when {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} when {{conditions}}.", "nodeName": "the content element", "conditions": "expanded" }, "selected": { - "description": "{{pseudoClassApplied}} when {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} when {{conditions}}.", "nodeName": "the content element", "conditions": "selected" }, "focused": { - "description": "{{pseudoClassApplied}} when {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} when {{conditions}}.", "nodeName": "the content element", "conditions": "focused" }, "disabled": { - "description": "{{pseudoClassApplied}} when {{conditions}}.", + "description": "Pseudo-class applied to {{nodeName}} when {{conditions}}.", "nodeName": "the element", "conditions": "disabled" }, - "iconContainer": { "description": "{{stylesApplied}}", "nodeName": "the tree node icon" }, - "label": { "description": "{{stylesApplied}}", "nodeName": "the label element" } + "iconContainer": { + "description": "Styles applied to {{nodeName}}.", + "nodeName": "the tree node icon" + }, + "label": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the label element" } } } diff --git a/docs/translations/api-docs/tree-view/tree-view.json b/docs/translations/api-docs/tree-view/tree-view.json index 6068703360bfa6..ada4c0d3bb0a96 100644 --- a/docs/translations/api-docs/tree-view/tree-view.json +++ b/docs/translations/api-docs/tree-view/tree-view.json @@ -20,6 +20,6 @@ "selected": "Selected node ids. (Controlled) When multiSelect is true this takes an array of strings; when false (default) a string." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" } + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } } } diff --git a/docs/translations/api-docs/typography/typography.json b/docs/translations/api-docs/typography/typography.json index 6315512dcadd04..0e1d2c9c94170b 100644 --- a/docs/translations/api-docs/typography/typography.json +++ b/docs/translations/api-docs/typography/typography.json @@ -15,149 +15,149 @@ "variantMapping": "The component maps the variant prop to a range of different HTML element types. For instance, subtitle1 to <h6>. If you wish to change that mapping, you can provide your own. Alternatively, you can use the component prop." }, "classDescriptions": { - "root": { "description": "{{stylesApplied}}", "nodeName": "the root element" }, + "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, "body2": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"body2\"" }, "body1": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"body1\"" }, "caption": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"caption\"" }, "button": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"button\"" }, "h1": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"h1\"" }, "h2": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"h2\"" }, "h3": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"h3\"" }, "h4": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"h4\"" }, "h5": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"h5\"" }, "h6": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"h6\"" }, "subtitle1": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"subtitle1\"" }, "subtitle2": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"subtitle2\"" }, "overline": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"overline\"" }, "inherit": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "variant=\"inherit\"" }, "alignLeft": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "align=\"left\"" }, "alignCenter": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "align=\"center\"" }, "alignRight": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "align=\"right\"" }, "alignJustify": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "align=\"justify\"" }, "noWrap": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "nowrap={true}" }, "gutterBottom": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "gutterBottom={true}" }, "paragraph": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "paragraph={true}" }, "colorInherit": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"inherit\"" }, "colorPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"primary\"" }, "colorSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"secondary\"" }, "colorTextPrimary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"textPrimary\"" }, "colorTextSecondary": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"textSecondary\"" }, "colorError": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "color=\"error\"" }, "displayInline": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "display=\"inline\"" }, "displayBlock": { - "description": "{{stylesApplied}} if {{conditions}}.", + "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", "conditions": "display=\"block\"" } diff --git a/docs/translations/translations.json b/docs/translations/translations.json index 0e88fed37cbd5e..21f3bbe504e0b5 100644 --- a/docs/translations/translations.json +++ b/docs/translations/translations.json @@ -18,12 +18,10 @@ "overrideStylesStyledComponent": "

", "pageDescription": "API documentation for the React {{name}} component. Learn about the available props, and the CSS API.", "props": "Props", - "pseudoClassApplied": "Pseudo-class applied to the {{nodeName}}", "refNotHeld": "The component cannot hold a ref.", "refRootElement": "The ref is forwarded to the root element.", "ruleName": "Rule name", "spreadHint": "Any other props supplied will be provided to the root element ({{spreadHintElement}}).", - "stylesApplied": "Styles applied to the {{nodeName}}", "styleOverrides": "The name {{componentStyles.name}} can be used when providing default props or style overrides in the theme.", "type": "Type" }, From deb8d0f84a8ac4b0ffffc49a60b82264ff66f97c Mon Sep 17 00:00:00 2001 From: Matt Date: Tue, 12 Jan 2021 20:18:10 +0000 Subject: [PATCH 09/10] Skip 'Styles applied to the root element.' --- docs/scripts/buildApi.ts | 18 +++++++++--------- .../accordion-actions/accordion-actions.json | 2 +- .../accordion-details/accordion-details.json | 4 +--- .../accordion-summary/accordion-summary.json | 2 +- .../api-docs/accordion/accordion.json | 2 +- .../api-docs/alert-title/alert-title.json | 4 +--- docs/translations/api-docs/alert/alert.json | 2 +- .../translations/api-docs/app-bar/app-bar.json | 2 +- .../api-docs/autocomplete/autocomplete.json | 2 +- .../api-docs/avatar-group/avatar-group.json | 2 +- docs/translations/api-docs/avatar/avatar.json | 2 +- .../api-docs/backdrop/backdrop.json | 2 +- .../badge-unstyled/badge-unstyled.json | 5 +---- docs/translations/api-docs/badge/badge.json | 5 +---- .../bottom-navigation-action.json | 2 +- .../bottom-navigation/bottom-navigation.json | 4 +--- .../api-docs/breadcrumbs/breadcrumbs.json | 2 +- .../api-docs/button-base/button-base.json | 2 +- .../api-docs/button-group/button-group.json | 2 +- docs/translations/api-docs/button/button.json | 2 +- .../card-action-area/card-action-area.json | 2 +- .../api-docs/card-actions/card-actions.json | 2 +- .../api-docs/card-content/card-content.json | 4 +--- .../api-docs/card-header/card-header.json | 2 +- .../api-docs/card-media/card-media.json | 2 +- docs/translations/api-docs/card/card.json | 4 +--- .../api-docs/checkbox/checkbox.json | 2 +- docs/translations/api-docs/chip/chip.json | 2 +- .../circular-progress/circular-progress.json | 2 +- .../api-docs/collapse/collapse.json | 2 +- .../api-docs/container/container.json | 2 +- .../dialog-actions/dialog-actions.json | 2 +- .../dialog-content-text.json | 4 +--- .../dialog-content/dialog-content.json | 2 +- .../api-docs/dialog-title/dialog-title.json | 4 +--- docs/translations/api-docs/dialog/dialog.json | 2 +- .../translations/api-docs/divider/divider.json | 2 +- docs/translations/api-docs/drawer/drawer.json | 2 +- docs/translations/api-docs/fab/fab.json | 2 +- .../api-docs/filled-input/filled-input.json | 2 +- .../form-control-label/form-control-label.json | 2 +- .../api-docs/form-control/form-control.json | 2 +- .../api-docs/form-group/form-group.json | 2 +- .../form-helper-text/form-helper-text.json | 2 +- .../api-docs/form-label/form-label.json | 2 +- docs/translations/api-docs/grid/grid.json | 2 +- .../api-docs/icon-button/icon-button.json | 2 +- docs/translations/api-docs/icon/icon.json | 2 +- .../image-list-item-bar.json | 2 +- .../image-list-item/image-list-item.json | 2 +- .../api-docs/image-list/image-list.json | 2 +- .../input-adornment/input-adornment.json | 2 +- .../api-docs/input-base/input-base.json | 2 +- .../api-docs/input-label/input-label.json | 2 +- docs/translations/api-docs/input/input.json | 2 +- .../linear-progress/linear-progress.json | 2 +- docs/translations/api-docs/link/link.json | 2 +- .../list-item-avatar/list-item-avatar.json | 2 +- .../list-item-icon/list-item-icon.json | 2 +- .../list-item-secondary-action.json | 2 +- .../list-item-text/list-item-text.json | 2 +- .../list-subheader/list-subheader.json | 2 +- docs/translations/api-docs/list/list.json | 2 +- .../loading-button/loading-button.json | 2 +- .../api-docs/menu-item/menu-item.json | 2 +- .../mobile-stepper/mobile-stepper.json | 2 +- .../outlined-input/outlined-input.json | 2 +- .../pagination-item/pagination-item.json | 2 +- .../api-docs/pagination/pagination.json | 2 +- docs/translations/api-docs/paper/paper.json | 2 +- .../translations/api-docs/popover/popover.json | 2 +- docs/translations/api-docs/radio/radio.json | 2 +- docs/translations/api-docs/rating/rating.json | 2 +- .../scoped-css-baseline.json | 4 +--- .../api-docs/skeleton/skeleton.json | 2 +- .../slider-unstyled/slider-unstyled.json | 5 +---- docs/translations/api-docs/slider/slider.json | 5 +---- .../snackbar-content/snackbar-content.json | 2 +- .../api-docs/snackbar/snackbar.json | 2 +- .../speed-dial-icon/speed-dial-icon.json | 2 +- .../api-docs/speed-dial/speed-dial.json | 2 +- .../api-docs/step-button/step-button.json | 2 +- .../step-connector/step-connector.json | 2 +- .../api-docs/step-content/step-content.json | 2 +- .../api-docs/step-icon/step-icon.json | 2 +- .../api-docs/step-label/step-label.json | 2 +- docs/translations/api-docs/step/step.json | 2 +- .../translations/api-docs/stepper/stepper.json | 2 +- .../api-docs/svg-icon/svg-icon.json | 2 +- docs/translations/api-docs/switch/switch.json | 2 +- .../api-docs/tab-panel/tab-panel.json | 4 +--- .../tab-scroll-button/tab-scroll-button.json | 2 +- docs/translations/api-docs/tab/tab.json | 2 +- .../api-docs/table-body/table-body.json | 4 +--- .../api-docs/table-cell/table-cell.json | 2 +- .../table-container/table-container.json | 4 +--- .../api-docs/table-footer/table-footer.json | 4 +--- .../api-docs/table-head/table-head.json | 4 +--- .../table-pagination/table-pagination.json | 2 +- .../api-docs/table-row/table-row.json | 2 +- .../table-sort-label/table-sort-label.json | 2 +- docs/translations/api-docs/table/table.json | 2 +- docs/translations/api-docs/tabs/tabs.json | 2 +- .../api-docs/text-field/text-field.json | 4 +--- .../timeline-connector/timeline-connector.json | 4 +--- .../timeline-content/timeline-content.json | 2 +- .../api-docs/timeline-dot/timeline-dot.json | 2 +- .../api-docs/timeline-item/timeline-item.json | 2 +- .../timeline-opposite-content.json | 2 +- .../timeline-separator/timeline-separator.json | 4 +--- .../api-docs/timeline/timeline.json | 2 +- .../toggle-button-group.json | 2 +- .../api-docs/toggle-button/toggle-button.json | 2 +- .../translations/api-docs/toolbar/toolbar.json | 2 +- .../api-docs/tree-item/tree-item.json | 2 +- .../api-docs/tree-view/tree-view.json | 4 +--- .../api-docs/typography/typography.json | 2 +- 117 files changed, 125 insertions(+), 171 deletions(-) diff --git a/docs/scripts/buildApi.ts b/docs/scripts/buildApi.ts index d0875570be22d3..146b58d7c4963c 100644 --- a/docs/scripts/buildApi.ts +++ b/docs/scripts/buildApi.ts @@ -802,23 +802,23 @@ function extractClassConditions(descriptions: any) { } = {}; const stylesRegex = /((Styles|Pseudo-class|Class name) applied to )(.*?)(( if | unless | when |, ){1}(.*))?\./; - Object.entries(descriptions).forEach(([className, classDescription]: any) => { + Object.entries(descriptions).forEach(([className, description]: any) => { if (className) { - const conditions = classDescription.match(stylesRegex); + const conditions = description.match(stylesRegex); if (conditions && conditions[6]) { classConditions[className] = { - description: classDescription.replace(stylesRegex, '$1{{nodeName}}$5{{conditions}}.'), + description: description.replace(stylesRegex, '$1{{nodeName}}$5{{conditions}}.'), nodeName: conditions[3], conditions: conditions[6].replace(/`(.*?)`/g, '$1'), }; - } else if (conditions && conditions[3]) { - classConditions[className] = { - description: classDescription.replace(stylesRegex, '$1{{nodeName}}$5.'), - nodeName: conditions[3], - }; + } else if (conditions && conditions[3] && conditions[3] !== 'the root element') { + classConditions[className] = { + description: description.replace(stylesRegex, '$1{{nodeName}}$5.'), + nodeName: conditions[3], + }; } else { - classConditions[className] = { description: classDescription }; + classConditions[className] = { description }; } } }); diff --git a/docs/translations/api-docs/accordion-actions/accordion-actions.json b/docs/translations/api-docs/accordion-actions/accordion-actions.json index ebf7a69e0f40f7..52b117283775a2 100644 --- a/docs/translations/api-docs/accordion-actions/accordion-actions.json +++ b/docs/translations/api-docs/accordion-actions/accordion-actions.json @@ -6,7 +6,7 @@ "disableSpacing": "If true, the actions do not have additional margin." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "spacing": { "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/accordion-details/accordion-details.json b/docs/translations/api-docs/accordion-details/accordion-details.json index a8f4968da499d1..677928ea8148e3 100644 --- a/docs/translations/api-docs/accordion-details/accordion-details.json +++ b/docs/translations/api-docs/accordion-details/accordion-details.json @@ -4,7 +4,5 @@ "children": "The content of the component.", "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, - "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } - } + "classDescriptions": { "root": { "description": "Styles applied to the root element." } } } diff --git a/docs/translations/api-docs/accordion-summary/accordion-summary.json b/docs/translations/api-docs/accordion-summary/accordion-summary.json index 69878b4b95e251..6f16268ad4836c 100644 --- a/docs/translations/api-docs/accordion-summary/accordion-summary.json +++ b/docs/translations/api-docs/accordion-summary/accordion-summary.json @@ -7,7 +7,7 @@ "focusVisibleClassName": "This prop can help identify which element has keyboard focus. The class name will be applied when the element gains the focus through keyboard interaction. It's a polyfill for the CSS :focus-visible selector. The rationale for using this feature is explained here. A polyfill can be used to apply a focus-visible class to other components if needed." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "expanded": { "description": "Pseudo-class applied to {{nodeName}}, {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/accordion/accordion.json b/docs/translations/api-docs/accordion/accordion.json index 4bbcb821c42949..7164c6b8087b01 100644 --- a/docs/translations/api-docs/accordion/accordion.json +++ b/docs/translations/api-docs/accordion/accordion.json @@ -12,7 +12,7 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "rounded": { "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/alert-title/alert-title.json b/docs/translations/api-docs/alert-title/alert-title.json index a8f4968da499d1..677928ea8148e3 100644 --- a/docs/translations/api-docs/alert-title/alert-title.json +++ b/docs/translations/api-docs/alert-title/alert-title.json @@ -4,7 +4,5 @@ "children": "The content of the component.", "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, - "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } - } + "classDescriptions": { "root": { "description": "Styles applied to the root element." } } } diff --git a/docs/translations/api-docs/alert/alert.json b/docs/translations/api-docs/alert/alert.json index 1d31fceb42068c..3ea8dad4644191 100644 --- a/docs/translations/api-docs/alert/alert.json +++ b/docs/translations/api-docs/alert/alert.json @@ -14,7 +14,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "filled": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/app-bar/app-bar.json b/docs/translations/api-docs/app-bar/app-bar.json index 56654695a32ab6..110b6e4de820dc 100644 --- a/docs/translations/api-docs/app-bar/app-bar.json +++ b/docs/translations/api-docs/app-bar/app-bar.json @@ -7,7 +7,7 @@ "position": "The positioning type. The behavior of the different options is described in the MDN web docs. Note: sticky is not universally supported and will fall back to static when unavailable." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "positionFixed": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/autocomplete/autocomplete.json b/docs/translations/api-docs/autocomplete/autocomplete.json index 1a2bdccb4878ec..93033b48f5afb6 100644 --- a/docs/translations/api-docs/autocomplete/autocomplete.json +++ b/docs/translations/api-docs/autocomplete/autocomplete.json @@ -61,7 +61,7 @@ "value": "The value of the autocomplete.
The value must have reference equality with the option in order to be selected. You can customize the equality behavior with the getOptionSelected prop." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "@media (pointer": { "description": "Avoid double tap issue on iOS" }, "fullWidth": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", diff --git a/docs/translations/api-docs/avatar-group/avatar-group.json b/docs/translations/api-docs/avatar-group/avatar-group.json index 83cfb9608d5959..0fc78564fc67ce 100644 --- a/docs/translations/api-docs/avatar-group/avatar-group.json +++ b/docs/translations/api-docs/avatar-group/avatar-group.json @@ -8,7 +8,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "avatar": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the avatar elements" diff --git a/docs/translations/api-docs/avatar/avatar.json b/docs/translations/api-docs/avatar/avatar.json index b459e6a6d71749..9c32905847a7e3 100644 --- a/docs/translations/api-docs/avatar/avatar.json +++ b/docs/translations/api-docs/avatar/avatar.json @@ -13,7 +13,7 @@ "variant": "The shape of the avatar." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "colorDefault": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/backdrop/backdrop.json b/docs/translations/api-docs/backdrop/backdrop.json index cc3c9270acc09c..f7a6573c7e1a2c 100644 --- a/docs/translations/api-docs/backdrop/backdrop.json +++ b/docs/translations/api-docs/backdrop/backdrop.json @@ -8,7 +8,7 @@ "transitionDuration": "The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "invisible": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/badge-unstyled/badge-unstyled.json b/docs/translations/api-docs/badge-unstyled/badge-unstyled.json index e03adaf85dad1a..744c28e1cb73bf 100644 --- a/docs/translations/api-docs/badge-unstyled/badge-unstyled.json +++ b/docs/translations/api-docs/badge-unstyled/badge-unstyled.json @@ -15,10 +15,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { - "description": "Class name applied to {{nodeName}}.", - "nodeName": "the root element" - }, + "root": { "description": "Class name applied to the root element." }, "badge": { "description": "Class name applied to {{nodeName}}.", "nodeName": "the badge `span` element" diff --git a/docs/translations/api-docs/badge/badge.json b/docs/translations/api-docs/badge/badge.json index 7376a27259ce1e..6d62e755cba5c0 100644 --- a/docs/translations/api-docs/badge/badge.json +++ b/docs/translations/api-docs/badge/badge.json @@ -17,10 +17,7 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { - "description": "Class name applied to {{nodeName}}.", - "nodeName": "the root element" - }, + "root": { "description": "Class name applied to the root element." }, "badge": { "description": "Class name applied to {{nodeName}}.", "nodeName": "the badge `span` element" diff --git a/docs/translations/api-docs/bottom-navigation-action/bottom-navigation-action.json b/docs/translations/api-docs/bottom-navigation-action/bottom-navigation-action.json index 2654de91b23580..87949d8cd2f1e9 100644 --- a/docs/translations/api-docs/bottom-navigation-action/bottom-navigation-action.json +++ b/docs/translations/api-docs/bottom-navigation-action/bottom-navigation-action.json @@ -9,7 +9,7 @@ "value": "You can provide your own value. Otherwise, we fallback to the child position index." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "selected": { "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/bottom-navigation/bottom-navigation.json b/docs/translations/api-docs/bottom-navigation/bottom-navigation.json index 3b1df7cf702163..f423fc51192947 100644 --- a/docs/translations/api-docs/bottom-navigation/bottom-navigation.json +++ b/docs/translations/api-docs/bottom-navigation/bottom-navigation.json @@ -8,7 +8,5 @@ "showLabels": "If true, all BottomNavigationActions will show their labels. By default, only the selected BottomNavigationAction will show its label.", "value": "The value of the currently selected BottomNavigationAction." }, - "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } - } + "classDescriptions": { "root": { "description": "Styles applied to the root element." } } } diff --git a/docs/translations/api-docs/breadcrumbs/breadcrumbs.json b/docs/translations/api-docs/breadcrumbs/breadcrumbs.json index 2a1aa5331538a5..bbcf7474ae8905 100644 --- a/docs/translations/api-docs/breadcrumbs/breadcrumbs.json +++ b/docs/translations/api-docs/breadcrumbs/breadcrumbs.json @@ -11,7 +11,7 @@ "separator": "Custom separator node." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "ol": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the ol element" }, "li": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the li element" }, "separator": { diff --git a/docs/translations/api-docs/button-base/button-base.json b/docs/translations/api-docs/button-base/button-base.json index bd4b312f4f06ac..1e65f287ab39fa 100644 --- a/docs/translations/api-docs/button-base/button-base.json +++ b/docs/translations/api-docs/button-base/button-base.json @@ -16,7 +16,7 @@ "TouchRippleProps": "Props applied to the TouchRipple element." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "disabled": { "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/button-group/button-group.json b/docs/translations/api-docs/button-group/button-group.json index 4b5b521eb361e2..885105f10fa391 100644 --- a/docs/translations/api-docs/button-group/button-group.json +++ b/docs/translations/api-docs/button-group/button-group.json @@ -15,7 +15,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "contained": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/button/button.json b/docs/translations/api-docs/button/button.json index 2df15b392da316..a685cdd1f1cbd1 100644 --- a/docs/translations/api-docs/button/button.json +++ b/docs/translations/api-docs/button/button.json @@ -18,7 +18,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "label": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the span element that wraps the children" diff --git a/docs/translations/api-docs/card-action-area/card-action-area.json b/docs/translations/api-docs/card-action-area/card-action-area.json index beeaae5f60eac6..8575bc36ac9361 100644 --- a/docs/translations/api-docs/card-action-area/card-action-area.json +++ b/docs/translations/api-docs/card-action-area/card-action-area.json @@ -5,7 +5,7 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "focusVisible": { "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the ButtonBase root element", diff --git a/docs/translations/api-docs/card-actions/card-actions.json b/docs/translations/api-docs/card-actions/card-actions.json index ebf7a69e0f40f7..52b117283775a2 100644 --- a/docs/translations/api-docs/card-actions/card-actions.json +++ b/docs/translations/api-docs/card-actions/card-actions.json @@ -6,7 +6,7 @@ "disableSpacing": "If true, the actions do not have additional margin." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "spacing": { "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/card-content/card-content.json b/docs/translations/api-docs/card-content/card-content.json index 527ffe0f4c2a09..9fbaf3f4099185 100644 --- a/docs/translations/api-docs/card-content/card-content.json +++ b/docs/translations/api-docs/card-content/card-content.json @@ -5,7 +5,5 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details.", "component": "The component used for the root node. Either a string to use a HTML element or a component." }, - "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } - } + "classDescriptions": { "root": { "description": "Styles applied to the root element." } } } diff --git a/docs/translations/api-docs/card-header/card-header.json b/docs/translations/api-docs/card-header/card-header.json index c8013874072d86..3c285917a4523d 100644 --- a/docs/translations/api-docs/card-header/card-header.json +++ b/docs/translations/api-docs/card-header/card-header.json @@ -12,7 +12,7 @@ "titleTypographyProps": "These props will be forwarded to the title (as long as disableTypography is not true)." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "avatar": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the avatar element" diff --git a/docs/translations/api-docs/card-media/card-media.json b/docs/translations/api-docs/card-media/card-media.json index 9642f613a8fb0b..549ce3ec7b894f 100644 --- a/docs/translations/api-docs/card-media/card-media.json +++ b/docs/translations/api-docs/card-media/card-media.json @@ -8,7 +8,7 @@ "src": "An alias for image property. Available only with media components. Media components: video, audio, picture, iframe, img." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "media": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/card/card.json b/docs/translations/api-docs/card/card.json index 8c8353c79c4690..f115d5fb6b49e4 100644 --- a/docs/translations/api-docs/card/card.json +++ b/docs/translations/api-docs/card/card.json @@ -5,7 +5,5 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details.", "raised": "If true, the card will use raised styling." }, - "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } - } + "classDescriptions": { "root": { "description": "Styles applied to the root element." } } } diff --git a/docs/translations/api-docs/checkbox/checkbox.json b/docs/translations/api-docs/checkbox/checkbox.json index 0e0f984484ed96..b1e73ff34fb4a3 100644 --- a/docs/translations/api-docs/checkbox/checkbox.json +++ b/docs/translations/api-docs/checkbox/checkbox.json @@ -19,7 +19,7 @@ "value": "The value of the component. The DOM API casts this to a string. The browser uses "on" as the default value." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "checked": { "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/chip/chip.json b/docs/translations/api-docs/chip/chip.json index 2d035511a3ddfb..0d93559a050bfc 100644 --- a/docs/translations/api-docs/chip/chip.json +++ b/docs/translations/api-docs/chip/chip.json @@ -16,7 +16,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "sizeSmall": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/circular-progress/circular-progress.json b/docs/translations/api-docs/circular-progress/circular-progress.json index 6b11830b486740..362d4818b2f789 100644 --- a/docs/translations/api-docs/circular-progress/circular-progress.json +++ b/docs/translations/api-docs/circular-progress/circular-progress.json @@ -10,7 +10,7 @@ "variant": "The variant to use. Use indeterminate when there is no progress value." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "determinate": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/collapse/collapse.json b/docs/translations/api-docs/collapse/collapse.json index 6ed7ea2d3d9b7d..e9ae3ec8b18013 100644 --- a/docs/translations/api-docs/collapse/collapse.json +++ b/docs/translations/api-docs/collapse/collapse.json @@ -10,7 +10,7 @@ "timeout": "The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.
Set to 'auto' to automatically calculate transition time based on height." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "horizontal": { "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/container/container.json b/docs/translations/api-docs/container/container.json index 0295d28a9f0bab..f99a9136d15b5f 100644 --- a/docs/translations/api-docs/container/container.json +++ b/docs/translations/api-docs/container/container.json @@ -9,7 +9,7 @@ "sx": "The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "disableGutters": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/dialog-actions/dialog-actions.json b/docs/translations/api-docs/dialog-actions/dialog-actions.json index ebf7a69e0f40f7..52b117283775a2 100644 --- a/docs/translations/api-docs/dialog-actions/dialog-actions.json +++ b/docs/translations/api-docs/dialog-actions/dialog-actions.json @@ -6,7 +6,7 @@ "disableSpacing": "If true, the actions do not have additional margin." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "spacing": { "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/dialog-content-text/dialog-content-text.json b/docs/translations/api-docs/dialog-content-text/dialog-content-text.json index a8f4968da499d1..677928ea8148e3 100644 --- a/docs/translations/api-docs/dialog-content-text/dialog-content-text.json +++ b/docs/translations/api-docs/dialog-content-text/dialog-content-text.json @@ -4,7 +4,5 @@ "children": "The content of the component.", "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, - "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } - } + "classDescriptions": { "root": { "description": "Styles applied to the root element." } } } diff --git a/docs/translations/api-docs/dialog-content/dialog-content.json b/docs/translations/api-docs/dialog-content/dialog-content.json index b485b1e83ff48f..6ef99d94d7296b 100644 --- a/docs/translations/api-docs/dialog-content/dialog-content.json +++ b/docs/translations/api-docs/dialog-content/dialog-content.json @@ -6,7 +6,7 @@ "dividers": "Display the top and bottom dividers." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "dividers": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/dialog-title/dialog-title.json b/docs/translations/api-docs/dialog-title/dialog-title.json index a8868083ba8dfc..e94c9c45476891 100644 --- a/docs/translations/api-docs/dialog-title/dialog-title.json +++ b/docs/translations/api-docs/dialog-title/dialog-title.json @@ -5,7 +5,5 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details.", "disableTypography": "If true, the children won't be wrapped by a typography component. For instance, this can be useful to render an h4 instead of the default h2." }, - "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } - } + "classDescriptions": { "root": { "description": "Styles applied to the root element." } } } diff --git a/docs/translations/api-docs/dialog/dialog.json b/docs/translations/api-docs/dialog/dialog.json index a83f6e81fcb03f..d4f80a8f8c89a0 100644 --- a/docs/translations/api-docs/dialog/dialog.json +++ b/docs/translations/api-docs/dialog/dialog.json @@ -20,7 +20,7 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "scrollPaper": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the container element", diff --git a/docs/translations/api-docs/divider/divider.json b/docs/translations/api-docs/divider/divider.json index 621950616e910a..cf430682113e5d 100644 --- a/docs/translations/api-docs/divider/divider.json +++ b/docs/translations/api-docs/divider/divider.json @@ -12,7 +12,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "absolute": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/drawer/drawer.json b/docs/translations/api-docs/drawer/drawer.json index cf82c93796664a..a1177cd6533058 100644 --- a/docs/translations/api-docs/drawer/drawer.json +++ b/docs/translations/api-docs/drawer/drawer.json @@ -14,7 +14,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "docked": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/fab/fab.json b/docs/translations/api-docs/fab/fab.json index 6bd5f1dee50062..7216e76d8fa3fb 100644 --- a/docs/translations/api-docs/fab/fab.json +++ b/docs/translations/api-docs/fab/fab.json @@ -13,7 +13,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "label": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the span element that wraps the children" diff --git a/docs/translations/api-docs/filled-input/filled-input.json b/docs/translations/api-docs/filled-input/filled-input.json index 9b3f2fee72b027..8eb7f3062d7a1c 100644 --- a/docs/translations/api-docs/filled-input/filled-input.json +++ b/docs/translations/api-docs/filled-input/filled-input.json @@ -30,7 +30,7 @@ "value": "The value of the input element, required for a controlled component." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "colorSecondary": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/form-control-label/form-control-label.json b/docs/translations/api-docs/form-control-label/form-control-label.json index 2d2d6c94bea234..50acb5dba8539a 100644 --- a/docs/translations/api-docs/form-control-label/form-control-label.json +++ b/docs/translations/api-docs/form-control-label/form-control-label.json @@ -12,7 +12,7 @@ "value": "The value of the component." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "labelPlacementStart": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/form-control/form-control.json b/docs/translations/api-docs/form-control/form-control.json index 9a139e62d1ba46..5114d64c1dd6eb 100644 --- a/docs/translations/api-docs/form-control/form-control.json +++ b/docs/translations/api-docs/form-control/form-control.json @@ -16,7 +16,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "marginNormal": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/form-group/form-group.json b/docs/translations/api-docs/form-group/form-group.json index 415f28b6eb516f..e0766392b5ab64 100644 --- a/docs/translations/api-docs/form-group/form-group.json +++ b/docs/translations/api-docs/form-group/form-group.json @@ -6,7 +6,7 @@ "row": "Display group of elements in a compact row." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "row": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/form-helper-text/form-helper-text.json b/docs/translations/api-docs/form-helper-text/form-helper-text.json index 52740ae07d5f32..a5a22e8e2b3eae 100644 --- a/docs/translations/api-docs/form-helper-text/form-helper-text.json +++ b/docs/translations/api-docs/form-helper-text/form-helper-text.json @@ -13,7 +13,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "error": { "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/form-label/form-label.json b/docs/translations/api-docs/form-label/form-label.json index 4c2ad36b91802e..1a0bc8f36b83a9 100644 --- a/docs/translations/api-docs/form-label/form-label.json +++ b/docs/translations/api-docs/form-label/form-label.json @@ -12,7 +12,7 @@ "required": "If true, the label will indicate that the input is required." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "colorSecondary": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/grid/grid.json b/docs/translations/api-docs/grid/grid.json index b0be7404f82c72..0f11afda580efc 100644 --- a/docs/translations/api-docs/grid/grid.json +++ b/docs/translations/api-docs/grid/grid.json @@ -20,7 +20,7 @@ "zeroMinWidth": "If true, it sets min-width: 0 on the item. Refer to the limitations section of the documentation to better understand the use case." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "container": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/icon-button/icon-button.json b/docs/translations/api-docs/icon-button/icon-button.json index 673257a6ba9738..123efa819e0b7f 100644 --- a/docs/translations/api-docs/icon-button/icon-button.json +++ b/docs/translations/api-docs/icon-button/icon-button.json @@ -11,7 +11,7 @@ "size": "The size of the component. small is equivalent to the dense button styling." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "edgeStart": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/icon/icon.json b/docs/translations/api-docs/icon/icon.json index 794ce4f6472c6d..a54205cb545168 100644 --- a/docs/translations/api-docs/icon/icon.json +++ b/docs/translations/api-docs/icon/icon.json @@ -9,7 +9,7 @@ "fontSize": "The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "colorPrimary": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/image-list-item-bar/image-list-item-bar.json b/docs/translations/api-docs/image-list-item-bar/image-list-item-bar.json index 2b8ae6ff2b4cf9..bc741fb5a1d71c 100644 --- a/docs/translations/api-docs/image-list-item-bar/image-list-item-bar.json +++ b/docs/translations/api-docs/image-list-item-bar/image-list-item-bar.json @@ -9,7 +9,7 @@ "title": "Title to be displayed." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "positionBottom": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/image-list-item/image-list-item.json b/docs/translations/api-docs/image-list-item/image-list-item.json index 6f8f1da6bd9658..2c3d71dbf13752 100644 --- a/docs/translations/api-docs/image-list-item/image-list-item.json +++ b/docs/translations/api-docs/image-list-item/image-list-item.json @@ -8,7 +8,7 @@ "rows": "Height of the item in number of grid rows." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "img": { "description": "Styles applied to {{nodeName}}.", "nodeName": "an `img` element to ensure it covers the item" diff --git a/docs/translations/api-docs/image-list/image-list.json b/docs/translations/api-docs/image-list/image-list.json index 2e62597b269995..98a6f4527411d6 100644 --- a/docs/translations/api-docs/image-list/image-list.json +++ b/docs/translations/api-docs/image-list/image-list.json @@ -10,7 +10,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "masonry": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/input-adornment/input-adornment.json b/docs/translations/api-docs/input-adornment/input-adornment.json index 6a4bd838f44fe9..8d7b5e3140e006 100644 --- a/docs/translations/api-docs/input-adornment/input-adornment.json +++ b/docs/translations/api-docs/input-adornment/input-adornment.json @@ -10,7 +10,7 @@ "variant": "The variant to use. Note: If you are using the TextField component or the FormControl component you do not have to set this manually." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "filled": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/input-base/input-base.json b/docs/translations/api-docs/input-base/input-base.json index 35f5973b00b39d..2e75cd911b97b9 100644 --- a/docs/translations/api-docs/input-base/input-base.json +++ b/docs/translations/api-docs/input-base/input-base.json @@ -31,7 +31,7 @@ "value": "The value of the input element, required for a controlled component." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "formControl": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/input-label/input-label.json b/docs/translations/api-docs/input-label/input-label.json index 4826c3bb8d3f45..6382b58d6445aa 100644 --- a/docs/translations/api-docs/input-label/input-label.json +++ b/docs/translations/api-docs/input-label/input-label.json @@ -14,7 +14,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "focused": { "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/input/input.json b/docs/translations/api-docs/input/input.json index 96226675ff5342..17040b0c5c0f5b 100644 --- a/docs/translations/api-docs/input/input.json +++ b/docs/translations/api-docs/input/input.json @@ -30,7 +30,7 @@ "value": "The value of the input element, required for a controlled component." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "formControl": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/linear-progress/linear-progress.json b/docs/translations/api-docs/linear-progress/linear-progress.json index aff8e94fb8e1ac..cb5978958170aa 100644 --- a/docs/translations/api-docs/linear-progress/linear-progress.json +++ b/docs/translations/api-docs/linear-progress/linear-progress.json @@ -8,7 +8,7 @@ "variant": "The variant to use. Use indeterminate or query when there is no progress value." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "colorPrimary": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root and bar2 element", diff --git a/docs/translations/api-docs/link/link.json b/docs/translations/api-docs/link/link.json index db0e5ce4a7f2f5..11b2de264b43e2 100644 --- a/docs/translations/api-docs/link/link.json +++ b/docs/translations/api-docs/link/link.json @@ -10,7 +10,7 @@ "variant": "Applies the theme typography styles." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "underlineNone": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/list-item-avatar/list-item-avatar.json b/docs/translations/api-docs/list-item-avatar/list-item-avatar.json index e357ca416a59c9..473e72bf3f2844 100644 --- a/docs/translations/api-docs/list-item-avatar/list-item-avatar.json +++ b/docs/translations/api-docs/list-item-avatar/list-item-avatar.json @@ -5,7 +5,7 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "alignItemsFlexStart": { "description": "Styles applied to {{nodeName}} when {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/list-item-icon/list-item-icon.json b/docs/translations/api-docs/list-item-icon/list-item-icon.json index e85370f0011eea..9e59257550caa4 100644 --- a/docs/translations/api-docs/list-item-icon/list-item-icon.json +++ b/docs/translations/api-docs/list-item-icon/list-item-icon.json @@ -5,7 +5,7 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "alignItemsFlexStart": { "description": "Styles applied to {{nodeName}} when {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json b/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json index 328d1ee406c543..21cb1ea4791bb6 100644 --- a/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json +++ b/docs/translations/api-docs/list-item-secondary-action/list-item-secondary-action.json @@ -5,7 +5,7 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "disableGutters": { "description": "Styles applied to {{nodeName}} when {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/list-item-text/list-item-text.json b/docs/translations/api-docs/list-item-text/list-item-text.json index 8b443dbd6cb5e5..a6804e4effc247 100644 --- a/docs/translations/api-docs/list-item-text/list-item-text.json +++ b/docs/translations/api-docs/list-item-text/list-item-text.json @@ -11,7 +11,7 @@ "secondaryTypographyProps": "These props will be forwarded to the secondary typography component (as long as disableTypography is not true)." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "multiline": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Typography component", diff --git a/docs/translations/api-docs/list-subheader/list-subheader.json b/docs/translations/api-docs/list-subheader/list-subheader.json index 0cb68d0d0f8206..cb169074213da3 100644 --- a/docs/translations/api-docs/list-subheader/list-subheader.json +++ b/docs/translations/api-docs/list-subheader/list-subheader.json @@ -10,7 +10,7 @@ "inset": "If true, the List Subheader is indented." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "colorPrimary": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/list/list.json b/docs/translations/api-docs/list/list.json index c430990b87e120..ef68cbac78ecce 100644 --- a/docs/translations/api-docs/list/list.json +++ b/docs/translations/api-docs/list/list.json @@ -9,7 +9,7 @@ "subheader": "The content of the subheader, normally ListSubheader." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "padding": { "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/loading-button/loading-button.json b/docs/translations/api-docs/loading-button/loading-button.json index 25855a6b9e73ef..1b6d51e03da10b 100644 --- a/docs/translations/api-docs/loading-button/loading-button.json +++ b/docs/translations/api-docs/loading-button/loading-button.json @@ -9,7 +9,7 @@ "pendingPosition": "The pending indicator can be positioned on the start, end, or the center of the button." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "pending": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/menu-item/menu-item.json b/docs/translations/api-docs/menu-item/menu-item.json index 3d4f7a115eb4e7..8167ddab6b387d 100644 --- a/docs/translations/api-docs/menu-item/menu-item.json +++ b/docs/translations/api-docs/menu-item/menu-item.json @@ -9,7 +9,7 @@ "ListItemClasses": "classes prop applied to the ListItem element." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "gutters": { "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/mobile-stepper/mobile-stepper.json b/docs/translations/api-docs/mobile-stepper/mobile-stepper.json index c3eac99e61a81b..fbb4937f610891 100644 --- a/docs/translations/api-docs/mobile-stepper/mobile-stepper.json +++ b/docs/translations/api-docs/mobile-stepper/mobile-stepper.json @@ -11,7 +11,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "positionBottom": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/outlined-input/outlined-input.json b/docs/translations/api-docs/outlined-input/outlined-input.json index 76fb37ecb0ecf0..c0beed450ac777 100644 --- a/docs/translations/api-docs/outlined-input/outlined-input.json +++ b/docs/translations/api-docs/outlined-input/outlined-input.json @@ -32,7 +32,7 @@ "value": "The value of the input element, required for a controlled component." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "colorSecondary": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/pagination-item/pagination-item.json b/docs/translations/api-docs/pagination-item/pagination-item.json index deea34aa6181f1..adc2eb94b23f14 100644 --- a/docs/translations/api-docs/pagination-item/pagination-item.json +++ b/docs/translations/api-docs/pagination-item/pagination-item.json @@ -13,7 +13,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "page": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/pagination/pagination.json b/docs/translations/api-docs/pagination/pagination.json index 5e705c979c4639..c954dfc9d51b3f 100644 --- a/docs/translations/api-docs/pagination/pagination.json +++ b/docs/translations/api-docs/pagination/pagination.json @@ -21,7 +21,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "ul": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the ul element" }, "outlined": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", diff --git a/docs/translations/api-docs/paper/paper.json b/docs/translations/api-docs/paper/paper.json index cc8a60e2077214..746579030f3f8d 100644 --- a/docs/translations/api-docs/paper/paper.json +++ b/docs/translations/api-docs/paper/paper.json @@ -9,7 +9,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "rounded": { "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/popover/popover.json b/docs/translations/api-docs/popover/popover.json index f5d6d5e76c7d33..169f18cde52cb6 100644 --- a/docs/translations/api-docs/popover/popover.json +++ b/docs/translations/api-docs/popover/popover.json @@ -21,7 +21,7 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "paper": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the Paper component" } } } diff --git a/docs/translations/api-docs/radio/radio.json b/docs/translations/api-docs/radio/radio.json index 163a24c53dde85..97f080c3fb2405 100644 --- a/docs/translations/api-docs/radio/radio.json +++ b/docs/translations/api-docs/radio/radio.json @@ -18,7 +18,7 @@ "value": "The value of the component. The DOM API casts this to a string." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "checked": { "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/rating/rating.json b/docs/translations/api-docs/rating/rating.json index de67b932ff169b..2634fa31ffad8b 100644 --- a/docs/translations/api-docs/rating/rating.json +++ b/docs/translations/api-docs/rating/rating.json @@ -19,7 +19,7 @@ "value": "The rating value." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "sizeSmall": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/scoped-css-baseline/scoped-css-baseline.json b/docs/translations/api-docs/scoped-css-baseline/scoped-css-baseline.json index a8f4968da499d1..677928ea8148e3 100644 --- a/docs/translations/api-docs/scoped-css-baseline/scoped-css-baseline.json +++ b/docs/translations/api-docs/scoped-css-baseline/scoped-css-baseline.json @@ -4,7 +4,5 @@ "children": "The content of the component.", "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, - "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } - } + "classDescriptions": { "root": { "description": "Styles applied to the root element." } } } diff --git a/docs/translations/api-docs/skeleton/skeleton.json b/docs/translations/api-docs/skeleton/skeleton.json index e857e82df3d48d..ae725f11b808c7 100644 --- a/docs/translations/api-docs/skeleton/skeleton.json +++ b/docs/translations/api-docs/skeleton/skeleton.json @@ -10,7 +10,7 @@ "width": "Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "text": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/slider-unstyled/slider-unstyled.json b/docs/translations/api-docs/slider-unstyled/slider-unstyled.json index 8ee11a945a9081..5af80b8ac9ce9d 100644 --- a/docs/translations/api-docs/slider-unstyled/slider-unstyled.json +++ b/docs/translations/api-docs/slider-unstyled/slider-unstyled.json @@ -28,10 +28,7 @@ "valueLabelFormat": "The format function the value label's value.
When a function is provided, it should have the following signature:
- {number} value The value label's value to format - {number} index The value label's index to format" }, "classDescriptions": { - "root": { - "description": "Class name applied to {{nodeName}}.", - "nodeName": "the root element" - }, + "root": { "description": "Class name applied to the root element." }, "marked": { "description": "Class name applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/slider/slider.json b/docs/translations/api-docs/slider/slider.json index 57dcba1f42c8a7..ba0c13c29e9424 100644 --- a/docs/translations/api-docs/slider/slider.json +++ b/docs/translations/api-docs/slider/slider.json @@ -30,10 +30,7 @@ "component": "The component used for the root node. Either a string to use a HTML element or a component." }, "classDescriptions": { - "root": { - "description": "Class name applied to {{nodeName}}.", - "nodeName": "the root element" - }, + "root": { "description": "Class name applied to the root element." }, "marked": { "description": "Class name applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/snackbar-content/snackbar-content.json b/docs/translations/api-docs/snackbar-content/snackbar-content.json index 1fd2a9baafa591..ed06fd15c166ae 100644 --- a/docs/translations/api-docs/snackbar-content/snackbar-content.json +++ b/docs/translations/api-docs/snackbar-content/snackbar-content.json @@ -7,7 +7,7 @@ "role": "The ARIA role attribute of the element." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "message": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the message wrapper element" diff --git a/docs/translations/api-docs/snackbar/snackbar.json b/docs/translations/api-docs/snackbar/snackbar.json index 8e93122ddf34eb..0e4752a2ba6ef4 100644 --- a/docs/translations/api-docs/snackbar/snackbar.json +++ b/docs/translations/api-docs/snackbar/snackbar.json @@ -19,7 +19,7 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "anchorOriginTopCenter": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json b/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json index 4387a0b9e0245d..3950ebb3809f15 100644 --- a/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json +++ b/docs/translations/api-docs/speed-dial-icon/speed-dial-icon.json @@ -6,7 +6,7 @@ "openIcon": "The icon to display in the SpeedDial Floating Action Button when the SpeedDial is open." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "icon": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the icon component" }, "iconOpen": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", diff --git a/docs/translations/api-docs/speed-dial/speed-dial.json b/docs/translations/api-docs/speed-dial/speed-dial.json index 51801adaf04a9f..c2ad427cce9584 100644 --- a/docs/translations/api-docs/speed-dial/speed-dial.json +++ b/docs/translations/api-docs/speed-dial/speed-dial.json @@ -17,7 +17,7 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "fab": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the Fab component" }, "directionUp": { "description": "Styles applied to the root element if direction=\"up\"" }, "directionDown": { "description": "Styles applied to the root element if direction=\"down\"" }, diff --git a/docs/translations/api-docs/step-button/step-button.json b/docs/translations/api-docs/step-button/step-button.json index b7dc7a37ae0b0c..4e78066f6a8632 100644 --- a/docs/translations/api-docs/step-button/step-button.json +++ b/docs/translations/api-docs/step-button/step-button.json @@ -7,7 +7,7 @@ "optional": "The optional node to display." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "horizontal": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/step-connector/step-connector.json b/docs/translations/api-docs/step-connector/step-connector.json index 17f60ad38b3c4d..8a3c1a815beb75 100644 --- a/docs/translations/api-docs/step-connector/step-connector.json +++ b/docs/translations/api-docs/step-connector/step-connector.json @@ -4,7 +4,7 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "horizontal": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/step-content/step-content.json b/docs/translations/api-docs/step-content/step-content.json index c7777f082a76af..d5d9ed79fffaff 100644 --- a/docs/translations/api-docs/step-content/step-content.json +++ b/docs/translations/api-docs/step-content/step-content.json @@ -8,7 +8,7 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "last": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/step-icon/step-icon.json b/docs/translations/api-docs/step-icon/step-icon.json index 8deabbad89d787..5c84ff2c3c9e13 100644 --- a/docs/translations/api-docs/step-icon/step-icon.json +++ b/docs/translations/api-docs/step-icon/step-icon.json @@ -8,7 +8,7 @@ "icon": "The label displayed in the step icon." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "text": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the SVG text element" diff --git a/docs/translations/api-docs/step-label/step-label.json b/docs/translations/api-docs/step-label/step-label.json index 56e6c67d45cb9f..3b68832166d09e 100644 --- a/docs/translations/api-docs/step-label/step-label.json +++ b/docs/translations/api-docs/step-label/step-label.json @@ -10,7 +10,7 @@ "StepIconProps": "Props applied to the StepIcon element." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "horizontal": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/step/step.json b/docs/translations/api-docs/step/step.json index c8c9fc19271b6c..2f186a74577117 100644 --- a/docs/translations/api-docs/step/step.json +++ b/docs/translations/api-docs/step/step.json @@ -11,7 +11,7 @@ "last": "If true, the Step is displayed as rendered last. The prop defaults to the value inherited from the parent Stepper component." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "horizontal": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/stepper/stepper.json b/docs/translations/api-docs/stepper/stepper.json index d7b5d343f7dcc9..0cb7f4f8787174 100644 --- a/docs/translations/api-docs/stepper/stepper.json +++ b/docs/translations/api-docs/stepper/stepper.json @@ -10,7 +10,7 @@ "orientation": "The component orientation (layout flow direction)." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "horizontal": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/svg-icon/svg-icon.json b/docs/translations/api-docs/svg-icon/svg-icon.json index c06ce5be0f0112..609cd0aebad93b 100644 --- a/docs/translations/api-docs/svg-icon/svg-icon.json +++ b/docs/translations/api-docs/svg-icon/svg-icon.json @@ -12,7 +12,7 @@ "viewBox": "Allows you to redefine what the coordinates without units mean inside an SVG element. For example, if the SVG element is 500 (width) by 200 (height), and you pass viewBox="0 0 50 20", this means that the coordinates inside the SVG will go from the top left corner (0,0) to bottom right (50,20) and each unit will be worth 10px." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "colorPrimary": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/switch/switch.json b/docs/translations/api-docs/switch/switch.json index e43a60efce0b44..20b7e97f793f93 100644 --- a/docs/translations/api-docs/switch/switch.json +++ b/docs/translations/api-docs/switch/switch.json @@ -18,7 +18,7 @@ "value": "The value of the component. The DOM API casts this to a string. The browser uses "on" as the default value." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "edgeStart": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/tab-panel/tab-panel.json b/docs/translations/api-docs/tab-panel/tab-panel.json index b02a3eeff185cb..2884bfa8016756 100644 --- a/docs/translations/api-docs/tab-panel/tab-panel.json +++ b/docs/translations/api-docs/tab-panel/tab-panel.json @@ -5,7 +5,5 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details.", "value": "The value of the corresponding Tab. Must use the index of the Tab when no value was passed to Tab." }, - "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } - } + "classDescriptions": { "root": { "description": "Styles applied to the root element." } } } diff --git a/docs/translations/api-docs/tab-scroll-button/tab-scroll-button.json b/docs/translations/api-docs/tab-scroll-button/tab-scroll-button.json index c0b338e677ef8f..fd44b10237c76d 100644 --- a/docs/translations/api-docs/tab-scroll-button/tab-scroll-button.json +++ b/docs/translations/api-docs/tab-scroll-button/tab-scroll-button.json @@ -8,7 +8,7 @@ "orientation": "The component orientation (layout flow direction)." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "vertical": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/tab/tab.json b/docs/translations/api-docs/tab/tab.json index e35e891d7b1e8b..7f420f0f1759d7 100644 --- a/docs/translations/api-docs/tab/tab.json +++ b/docs/translations/api-docs/tab/tab.json @@ -12,7 +12,7 @@ "wrapped": "Tab labels appear in a single row. They can use a second line if needed." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "labelIcon": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/table-body/table-body.json b/docs/translations/api-docs/table-body/table-body.json index 118db137e869d7..a97666a1f27185 100644 --- a/docs/translations/api-docs/table-body/table-body.json +++ b/docs/translations/api-docs/table-body/table-body.json @@ -5,7 +5,5 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details.", "component": "The component used for the root node. Either a string to use a HTML element or a component." }, - "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } - } + "classDescriptions": { "root": { "description": "Styles applied to the root element." } } } diff --git a/docs/translations/api-docs/table-cell/table-cell.json b/docs/translations/api-docs/table-cell/table-cell.json index 99f805c1947d0b..3c3faa1c0625a1 100644 --- a/docs/translations/api-docs/table-cell/table-cell.json +++ b/docs/translations/api-docs/table-cell/table-cell.json @@ -12,7 +12,7 @@ "variant": "Specify the cell type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "head": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/table-container/table-container.json b/docs/translations/api-docs/table-container/table-container.json index 73889e03cddc00..d2c2d1ad71074a 100644 --- a/docs/translations/api-docs/table-container/table-container.json +++ b/docs/translations/api-docs/table-container/table-container.json @@ -5,7 +5,5 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details.", "component": "The component used for the root node. Either a string to use a HTML element or a component." }, - "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } - } + "classDescriptions": { "root": { "description": "Styles applied to the root element." } } } diff --git a/docs/translations/api-docs/table-footer/table-footer.json b/docs/translations/api-docs/table-footer/table-footer.json index 118db137e869d7..a97666a1f27185 100644 --- a/docs/translations/api-docs/table-footer/table-footer.json +++ b/docs/translations/api-docs/table-footer/table-footer.json @@ -5,7 +5,5 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details.", "component": "The component used for the root node. Either a string to use a HTML element or a component." }, - "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } - } + "classDescriptions": { "root": { "description": "Styles applied to the root element." } } } diff --git a/docs/translations/api-docs/table-head/table-head.json b/docs/translations/api-docs/table-head/table-head.json index 118db137e869d7..a97666a1f27185 100644 --- a/docs/translations/api-docs/table-head/table-head.json +++ b/docs/translations/api-docs/table-head/table-head.json @@ -5,7 +5,5 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details.", "component": "The component used for the root node. Either a string to use a HTML element or a component." }, - "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } - } + "classDescriptions": { "root": { "description": "Styles applied to the root element." } } } diff --git a/docs/translations/api-docs/table-pagination/table-pagination.json b/docs/translations/api-docs/table-pagination/table-pagination.json index 8a9186c7eaf5dd..6bfe9bf114b5e9 100644 --- a/docs/translations/api-docs/table-pagination/table-pagination.json +++ b/docs/translations/api-docs/table-pagination/table-pagination.json @@ -20,7 +20,7 @@ "showLastButton": "If true, show the last-page button." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "toolbar": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the Toolbar component" diff --git a/docs/translations/api-docs/table-row/table-row.json b/docs/translations/api-docs/table-row/table-row.json index 864ee3a6d5b791..17b42f23cab865 100644 --- a/docs/translations/api-docs/table-row/table-row.json +++ b/docs/translations/api-docs/table-row/table-row.json @@ -8,7 +8,7 @@ "selected": "If true, the table row will have the selected shading." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "selected": { "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/table-sort-label/table-sort-label.json b/docs/translations/api-docs/table-sort-label/table-sort-label.json index 94fd4b27ed30f1..df9a2b099df33e 100644 --- a/docs/translations/api-docs/table-sort-label/table-sort-label.json +++ b/docs/translations/api-docs/table-sort-label/table-sort-label.json @@ -9,7 +9,7 @@ "IconComponent": "Sort icon to use." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "active": { "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/table/table.json b/docs/translations/api-docs/table/table.json index ab4f0acf124824..987c1cd0b18f4a 100644 --- a/docs/translations/api-docs/table/table.json +++ b/docs/translations/api-docs/table/table.json @@ -9,7 +9,7 @@ "stickyHeader": "Set the header sticky.
⚠️ It doesn't work with IE11." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "stickyHeader": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/tabs/tabs.json b/docs/translations/api-docs/tabs/tabs.json index 221e58d6160308..61c69d3f4dc61a 100644 --- a/docs/translations/api-docs/tabs/tabs.json +++ b/docs/translations/api-docs/tabs/tabs.json @@ -23,7 +23,7 @@ "visibleScrollbar": "If true, the scrollbar is visible. It can be useful when displaying a long vertical list of tabs." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "vertical": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/text-field/text-field.json b/docs/translations/api-docs/text-field/text-field.json index 1bf27b9b9133cc..e0b6e89a04b568 100644 --- a/docs/translations/api-docs/text-field/text-field.json +++ b/docs/translations/api-docs/text-field/text-field.json @@ -33,7 +33,5 @@ "value": "The value of the input element, required for a controlled component.", "variant": "The variant to use." }, - "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } - } + "classDescriptions": { "root": { "description": "Styles applied to the root element." } } } diff --git a/docs/translations/api-docs/timeline-connector/timeline-connector.json b/docs/translations/api-docs/timeline-connector/timeline-connector.json index a8f4968da499d1..677928ea8148e3 100644 --- a/docs/translations/api-docs/timeline-connector/timeline-connector.json +++ b/docs/translations/api-docs/timeline-connector/timeline-connector.json @@ -4,7 +4,5 @@ "children": "The content of the component.", "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, - "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } - } + "classDescriptions": { "root": { "description": "Styles applied to the root element." } } } diff --git a/docs/translations/api-docs/timeline-content/timeline-content.json b/docs/translations/api-docs/timeline-content/timeline-content.json index d9a0c688194e4b..b2fa807df21cbd 100644 --- a/docs/translations/api-docs/timeline-content/timeline-content.json +++ b/docs/translations/api-docs/timeline-content/timeline-content.json @@ -5,7 +5,7 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "alignRight": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/timeline-dot/timeline-dot.json b/docs/translations/api-docs/timeline-dot/timeline-dot.json index c31a4847f5f371..097c98e93c7127 100644 --- a/docs/translations/api-docs/timeline-dot/timeline-dot.json +++ b/docs/translations/api-docs/timeline-dot/timeline-dot.json @@ -7,7 +7,7 @@ "variant": "The dot can appear filled or outlined." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "filled": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/timeline-item/timeline-item.json b/docs/translations/api-docs/timeline-item/timeline-item.json index e53c50145c2334..07c000c62ee045 100644 --- a/docs/translations/api-docs/timeline-item/timeline-item.json +++ b/docs/translations/api-docs/timeline-item/timeline-item.json @@ -5,7 +5,7 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "alignLeft": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/timeline-opposite-content/timeline-opposite-content.json b/docs/translations/api-docs/timeline-opposite-content/timeline-opposite-content.json index d9a0c688194e4b..b2fa807df21cbd 100644 --- a/docs/translations/api-docs/timeline-opposite-content/timeline-opposite-content.json +++ b/docs/translations/api-docs/timeline-opposite-content/timeline-opposite-content.json @@ -5,7 +5,7 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "alignRight": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/timeline-separator/timeline-separator.json b/docs/translations/api-docs/timeline-separator/timeline-separator.json index a8f4968da499d1..677928ea8148e3 100644 --- a/docs/translations/api-docs/timeline-separator/timeline-separator.json +++ b/docs/translations/api-docs/timeline-separator/timeline-separator.json @@ -4,7 +4,5 @@ "children": "The content of the component.", "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, - "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } - } + "classDescriptions": { "root": { "description": "Styles applied to the root element." } } } diff --git a/docs/translations/api-docs/timeline/timeline.json b/docs/translations/api-docs/timeline/timeline.json index c984b6b2852f4f..070387d9764fe2 100644 --- a/docs/translations/api-docs/timeline/timeline.json +++ b/docs/translations/api-docs/timeline/timeline.json @@ -6,7 +6,7 @@ "classes": "Override or extend the styles applied to the component. See CSS API below for more details." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "alignLeft": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/toggle-button-group/toggle-button-group.json b/docs/translations/api-docs/toggle-button-group/toggle-button-group.json index 6d739288e26148..3f5a5404b97034 100644 --- a/docs/translations/api-docs/toggle-button-group/toggle-button-group.json +++ b/docs/translations/api-docs/toggle-button-group/toggle-button-group.json @@ -10,7 +10,7 @@ "value": "The currently selected value within the group or an array of selected values when exclusive is false.
The value must have reference equality with the option in order to be selected." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "vertical": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/toggle-button/toggle-button.json b/docs/translations/api-docs/toggle-button/toggle-button.json index d1483076caf6ca..9946870331411b 100644 --- a/docs/translations/api-docs/toggle-button/toggle-button.json +++ b/docs/translations/api-docs/toggle-button/toggle-button.json @@ -11,7 +11,7 @@ "value": "The value to associate with the button when selected in a ToggleButtonGroup." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "disabled": { "description": "Pseudo-class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/toolbar/toolbar.json b/docs/translations/api-docs/toolbar/toolbar.json index 96dab97474b206..7da5294c570497 100644 --- a/docs/translations/api-docs/toolbar/toolbar.json +++ b/docs/translations/api-docs/toolbar/toolbar.json @@ -8,7 +8,7 @@ "variant": "The variant to use." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "gutters": { "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the root element", diff --git a/docs/translations/api-docs/tree-item/tree-item.json b/docs/translations/api-docs/tree-item/tree-item.json index e79cf94d7ab763..c84024b15aa392 100644 --- a/docs/translations/api-docs/tree-item/tree-item.json +++ b/docs/translations/api-docs/tree-item/tree-item.json @@ -17,7 +17,7 @@ "TransitionProps": "Props applied to the transition element. By default, the element is based on this Transition component." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "group": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the transition component" diff --git a/docs/translations/api-docs/tree-view/tree-view.json b/docs/translations/api-docs/tree-view/tree-view.json index ada4c0d3bb0a96..48c2219bb4bfe6 100644 --- a/docs/translations/api-docs/tree-view/tree-view.json +++ b/docs/translations/api-docs/tree-view/tree-view.json @@ -19,7 +19,5 @@ "onNodeToggle": "Callback fired when tree items are expanded/collapsed.

Signature:
function(event: object, nodeIds: array) => void
event: The event source of the callback.
nodeIds: The ids of the expanded nodes.", "selected": "Selected node ids. (Controlled) When multiSelect is true this takes an array of strings; when false (default) a string." }, - "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" } - } + "classDescriptions": { "root": { "description": "Styles applied to the root element." } } } diff --git a/docs/translations/api-docs/typography/typography.json b/docs/translations/api-docs/typography/typography.json index 0e1d2c9c94170b..97c38a37d58002 100644 --- a/docs/translations/api-docs/typography/typography.json +++ b/docs/translations/api-docs/typography/typography.json @@ -15,7 +15,7 @@ "variantMapping": "The component maps the variant prop to a range of different HTML element types. For instance, subtitle1 to <h6>. If you wish to change that mapping, you can provide your own. Alternatively, you can use the component prop." }, "classDescriptions": { - "root": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the root element" }, + "root": { "description": "Styles applied to the root element." }, "body2": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", From befcc67f56c8ed7074ffd0f7eb8b5ef062ef250b Mon Sep 17 00:00:00 2001 From: Matt Date: Tue, 12 Jan 2021 20:45:57 +0000 Subject: [PATCH 10/10] prettier --- docs/scripts/buildApi.ts | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/docs/scripts/buildApi.ts b/docs/scripts/buildApi.ts index 146b58d7c4963c..f7fddf81289470 100644 --- a/docs/scripts/buildApi.ts +++ b/docs/scripts/buildApi.ts @@ -812,11 +812,11 @@ function extractClassConditions(descriptions: any) { nodeName: conditions[3], conditions: conditions[6].replace(/`(.*?)`/g, '$1'), }; - } else if (conditions && conditions[3] && conditions[3] !== 'the root element') { - classConditions[className] = { - description: description.replace(stylesRegex, '$1{{nodeName}}$5.'), - nodeName: conditions[3], - }; + } else if (conditions && conditions[3] && conditions[3] !== 'the root element') { + classConditions[className] = { + description: description.replace(stylesRegex, '$1{{nodeName}}$5.'), + nodeName: conditions[3], + }; } else { classConditions[className] = { description }; }