@swell/swell-ui 0.0.0-stage → 0.1.1

package/dist/editors/vscode.css-custom-data.json

@@ -0,0 +1,824 @@
+{
+  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-css-languageservice/main/docs/customData.schema.json",
+  "version": 1.1,
+  "properties": [
+    {
+      "name": "--swell-color-background",
+      "description": "Page background."
+    },
+    {
+      "name": "--swell-color-foreground",
+      "description": "Text and icons on the page background."
+    },
+    {
+      "name": "--swell-color-border",
+      "description": "Decorative borders and dividers."
+    },
+    {
+      "name": "--swell-color-accent",
+      "description": "The brand color: filled buttons, links, checked controls, focus."
+    },
+    {
+      "name": "--swell-color-danger",
+      "description": "Errors: invalid fields, error messages."
+    },
+    {
+      "name": "--swell-color-success",
+      "description": "Success: success messages and a successful button."
+    },
+    {
+      "name": "--swell-color-warning",
+      "description": "Warnings: warning messages."
+    },
+    {
+      "name": "--swell-color-secondary-background",
+      "description": "Quiet areas: secondary buttons, status messages, filled fields."
+    },
+    {
+      "name": "--swell-color-secondary-foreground",
+      "description": "Quiet text: hints, captions, placeholders, secondary text."
+    },
+    {
+      "name": "--swell-color-secondary-border",
+      "description": "Borders of secondary buttons, badges and thumbnails."
+    },
+    {
+      "name": "--swell-color-secondary-accent",
+      "description": "The quiet color where there is no fill: secondary text and links, and the text of outline and plain secondary buttons and badges."
+    },
+    {
+      "name": "--swell-color-secondary-shadow",
+      "description": "Color of the shadow of filled secondary buttons."
+    },
+    {
+      "name": "--swell-font-family",
+      "description": "Font family."
+    },
+    {
+      "name": "--swell-font-size",
+      "description": "Base font size."
+    },
+    {
+      "name": "--swell-font-weight",
+      "description": "Base font weight."
+    },
+    {
+      "name": "--swell-font-tracking",
+      "description": "Base letter spacing, in em."
+    },
+    {
+      "name": "--swell-font-leading",
+      "description": "Base line height, as a multiple of the font size."
+    },
+    {
+      "name": "--swell-font-caption-size",
+      "description": "Small font size: captions, divider labels and medium chips."
+    },
+    {
+      "name": "--swell-font-footnote-size",
+      "description": "Smallest font size: footnotes, eyebrows and medium badges."
+    },
+    {
+      "name": "--swell-font-heading-family",
+      "description": "Font family of titles, headings, subheadings and the labels of vertical steps."
+    },
+    {
+      "name": "--swell-font-heading-weight",
+      "description": "Font weight of titles, headings, subheadings and the labels of vertical steps."
+    },
+    {
+      "name": "--swell-font-heading-tracking",
+      "description": "Letter spacing of headings and the labels of vertical steps, in em."
+    },
+    {
+      "name": "--swell-font-medium-weight",
+      "description": "A medium weight: a raised field label and the label of a button option."
+    },
+    {
+      "name": "--swell-font-strong-weight",
+      "description": "A strong weight: field labels, errors, plain status messages and links, tabs, the labels of outline and segmented options, badges and strong text."
+    },
+    {
+      "name": "--swell-font-bold-weight",
+      "description": "A bold weight: the count of a quantity, the numbers of steps, the chosen button option, chips, small badges and eyebrows."
+    },
+    {
+      "name": "--swell-border-radius",
+      "description": "Base corner radius."
+    },
+    {
+      "name": "--swell-border-width",
+      "description": "Width of a border or a line: the frames of fields, checkboxes, overlays, cards, chips, badges, thumbnails, status messages, quantities and button options, buttons, dividers, the lines between the options of a select, above a lookup's action and under tabs."
+    },
+    {
+      "name": "--swell-border-strong-width",
+      "description": "Width of a border that marks a control: outline buttons, the frames of outline radio options, radio circles, the circles of steps and skeleton cards."
+    },
+    {
+      "name": "--swell-focus-color",
+      "description": "Color of the focus outline."
+    },
+    {
+      "name": "--swell-focus-width",
+      "description": "Width of the focus outline."
+    },
+    {
+      "name": "--swell-focus-offset",
+      "description": "Gap between a component and its focus outline."
+    },
+    {
+      "name": "--swell-motion-duration-fast",
+      "description": "Color changes on hover and focus."
+    },
+    {
+      "name": "--swell-motion-duration-base",
+      "description": "Presses, small moves and pops: a check, a rising label, a list or an error appearing."
+    },
+    {
+      "name": "--swell-motion-duration-slow",
+      "description": "Large moves: a sliding marker, expanding content, a message appearing, a shake, a chip popping in."
+    },
+    {
+      "name": "--swell-motion-duration-loop",
+      "description": "Period of a continuous motion: the shimmer of a skeleton; the spinner of a loading button turns in two thirds of it."
+    },
+    {
+      "name": "--swell-motion-easing",
+      "description": "Easing of every transition that doesn't overshoot."
+    },
+    {
+      "name": "--swell-motion-spring",
+      "description": "Easing of pops that overshoot: checks and chips."
+    },
+    {
+      "name": "--swell-control-height",
+      "description": "Height of medium controls."
+    },
+    {
+      "name": "--swell-control-font-size",
+      "description": "Font size of medium controls."
+    },
+    {
+      "name": "--swell-control-xsmall-height",
+      "description": "Height of extra small controls, the smallest that holds a 16px line on a touch screen."
+    },
+    {
+      "name": "--swell-control-xsmall-font-size",
+      "description": "Font size of extra small controls."
+    },
+    {
+      "name": "--swell-control-small-height",
+      "description": "Height of small controls."
+    },
+    {
+      "name": "--swell-control-small-font-size",
+      "description": "Font size of small controls."
+    },
+    {
+      "name": "--swell-control-large-height",
+      "description": "Height of large controls."
+    },
+    {
+      "name": "--swell-control-large-font-size",
+      "description": "Font size of large controls."
+    },
+    {
+      "name": "--swell-control-xlarge-height",
+      "description": "Height of extra large controls."
+    },
+    {
+      "name": "--swell-control-xlarge-font-size",
+      "description": "Font size of extra large controls."
+    },
+    {
+      "name": "--swell-control-disabled-opacity",
+      "description": "Opacity of a disabled control, the disabled options of a choice, a busy quantity and the step of a quantity at its limit."
+    },
+    {
+      "name": "--swell-field-color-background",
+      "description": "Fill of filled fields."
+    },
+    {
+      "name": "--swell-field-color-foreground",
+      "description": "Text of fields."
+    },
+    {
+      "name": "--swell-field-color-border",
+      "description": "Border of fields, checkboxes and radio circles, at 3:1 against the background."
+    },
+    {
+      "name": "--swell-field-hover-color-border",
+      "description": "Border of fields, checkboxes and radio circles under the pointer."
+    },
+    {
+      "name": "--swell-field-focus-color-ring",
+      "description": "Soft ring around a focused outline field, outside its border in focus.color."
+    },
+    {
+      "name": "--swell-field-invalid-color-ring",
+      "description": "Soft ring around an invalid outline field, outside its border in color.danger."
+    },
+    {
+      "name": "--swell-field-label-font-family",
+      "description": "Font family of field labels."
+    },
+    {
+      "name": "--swell-field-label-font-weight",
+      "description": "Font weight of labels above fields; a floating label takes the base font weight at rest and font.medium.weight raised."
+    },
+    {
+      "name": "--swell-field-label-font-tracking",
+      "description": "Letter spacing of field labels, in em."
+    },
+    {
+      "name": "--swell-field-label-color-foreground",
+      "description": "Color of labels above fields; a floating label takes color.secondary.foreground."
+    },
+    {
+      "name": "--swell-field-ring-width",
+      "description": "Width of the ring around a focused or invalid outline field, and of the ring around the current step."
+    },
+    {
+      "name": "--swell-field-gap",
+      "description": "Space between the label, the field and the hint or error of a field, a checkbox and a radio group."
+    },
+    {
+      "name": "--swell-field-outline-color-background",
+      "description": "Fill of outline fields, such as a raised surface on a dark page or a field in an area of its own; transparent by default."
+    },
+    {
+      "name": "--swell-overlay-border-radius",
+      "description": "Corner radius of a floating surface."
+    },
+    {
+      "name": "--swell-overlay-color-background",
+      "description": "Background of a floating surface."
+    },
+    {
+      "name": "--swell-overlay-color-border",
+      "description": "Border of a floating surface, and the dividers between its rows."
+    },
+    {
+      "name": "--swell-overlay-color-shadow",
+      "description": "Color of the shadow of surfaces that float above the page."
+    },
+    {
+      "name": "--swell-overlay-shadow",
+      "description": "Shadow of the lists of selects and lookups and the panels of popovers, in overlay.color.shadow."
+    },
+    {
+      "name": "--swell-overlay-padding",
+      "description": "Padding of the panel of a popover."
+    },
+    {
+      "name": "--swell-overlay-offset",
+      "description": "Space between a field or a trigger and the list or panel it opens."
+    },
+    {
+      "name": "--swell-overlay-height",
+      "description": "The tallest a list or a panel grows before it scrolls."
+    },
+    {
+      "name": "--swell-text-font-family",
+      "description": "Font family of text."
+    },
+    {
+      "name": "--swell-text-font-size",
+      "description": "Font size of body text."
+    },
+    {
+      "name": "--swell-text-font-weight",
+      "description": "Font weight of body text."
+    },
+    {
+      "name": "--swell-text-font-tracking",
+      "description": "Letter spacing of body text, in em."
+    },
+    {
+      "name": "--swell-text-font-leading",
+      "description": "Line height of body text, as a multiple of the font size."
+    },
+    {
+      "name": "--swell-text-color-accent",
+      "description": "Color of text: text has no fill, so a variant colors it with its accent."
+    },
+    {
+      "name": "--swell-text-title-font-family",
+      "description": "Font family of titles."
+    },
+    {
+      "name": "--swell-text-title-font-size",
+      "description": "Font size of titles."
+    },
+    {
+      "name": "--swell-text-title-font-weight",
+      "description": "Font weight of titles."
+    },
+    {
+      "name": "--swell-text-title-font-tracking",
+      "description": "Letter spacing of titles, in em."
+    },
+    {
+      "name": "--swell-text-title-font-leading",
+      "description": "Line height of titles."
+    },
+    {
+      "name": "--swell-text-heading-font-family",
+      "description": "Font family of headings."
+    },
+    {
+      "name": "--swell-text-heading-font-size",
+      "description": "Font size of headings."
+    },
+    {
+      "name": "--swell-text-heading-font-weight",
+      "description": "Font weight of headings."
+    },
+    {
+      "name": "--swell-text-heading-font-tracking",
+      "description": "Letter spacing of headings, in em."
+    },
+    {
+      "name": "--swell-text-heading-font-leading",
+      "description": "Line height of headings."
+    },
+    {
+      "name": "--swell-text-subheading-font-family",
+      "description": "Font family of subheadings."
+    },
+    {
+      "name": "--swell-text-subheading-font-size",
+      "description": "Font size of subheadings."
+    },
+    {
+      "name": "--swell-text-subheading-font-weight",
+      "description": "Font weight of subheadings."
+    },
+    {
+      "name": "--swell-text-subheading-font-tracking",
+      "description": "Letter spacing of subheadings, in em."
+    },
+    {
+      "name": "--swell-text-subheading-font-leading",
+      "description": "Line height of subheadings."
+    },
+    {
+      "name": "--swell-text-strong-font-weight",
+      "description": "Font weight of strong text, such as the title of a group of fields."
+    },
+    {
+      "name": "--swell-text-caption-font-size",
+      "description": "Font size of captions."
+    },
+    {
+      "name": "--swell-text-footnote-font-size",
+      "description": "Font size of footnotes: legal text, footers and notes."
+    },
+    {
+      "name": "--swell-text-eyebrow-font-size",
+      "description": "Font size of eyebrows, the short uppercase lines above content."
+    },
+    {
+      "name": "--swell-text-eyebrow-font-weight",
+      "description": "Font weight of eyebrows."
+    },
+    {
+      "name": "--swell-text-eyebrow-font-tracking",
+      "description": "Letter spacing of eyebrows, in em."
+    },
+    {
+      "name": "--swell-link-font-weight",
+      "description": "Font weight of plain links."
+    },
+    {
+      "name": "--swell-link-color-accent",
+      "description": "Color of links."
+    },
+    {
+      "name": "--swell-button-height",
+      "description": "Height of medium buttons."
+    },
+    {
+      "name": "--swell-button-font-size",
+      "description": "Font size of medium buttons."
+    },
+    {
+      "name": "--swell-button-font-tracking",
+      "description": "Letter spacing of buttons, in em."
+    },
+    {
+      "name": "--swell-button-font-weight",
+      "description": "Font weight of button labels."
+    },
+    {
+      "name": "--swell-button-xsmall-height",
+      "description": "Height of extra small buttons."
+    },
+    {
+      "name": "--swell-button-xsmall-font-size",
+      "description": "Font size of extra small buttons."
+    },
+    {
+      "name": "--swell-button-small-height",
+      "description": "Height of small buttons."
+    },
+    {
+      "name": "--swell-button-small-font-size",
+      "description": "Font size of small buttons."
+    },
+    {
+      "name": "--swell-button-large-height",
+      "description": "Height of large buttons."
+    },
+    {
+      "name": "--swell-button-large-font-size",
+      "description": "Font size of large buttons."
+    },
+    {
+      "name": "--swell-button-large-font-tracking",
+      "description": "Letter spacing of large buttons, in em."
+    },
+    {
+      "name": "--swell-button-xlarge-height",
+      "description": "Height of extra large buttons."
+    },
+    {
+      "name": "--swell-button-xlarge-font-size",
+      "description": "Font size of extra large buttons."
+    },
+    {
+      "name": "--swell-button-xlarge-font-tracking",
+      "description": "Letter spacing of extra large buttons, in em."
+    },
+    {
+      "name": "--swell-button-border-radius",
+      "description": "Corner radius of buttons."
+    },
+    {
+      "name": "--swell-button-color-accent",
+      "description": "Text and border of outline and plain primary buttons."
+    },
+    {
+      "name": "--swell-button-color-background",
+      "description": "Fill of filled primary buttons."
+    },
+    {
+      "name": "--swell-button-color-foreground",
+      "description": "Text of filled primary buttons."
+    },
+    {
+      "name": "--swell-button-color-border",
+      "description": "Border of filled and outline primary buttons."
+    },
+    {
+      "name": "--swell-button-color-shadow",
+      "description": "Color of the shadow of filled buttons."
+    },
+    {
+      "name": "--swell-button-shadow",
+      "description": "Shadow of a filled button, in button.color.shadow; a successful button casts it in color.success."
+    },
+    {
+      "name": "--swell-button-hover-shadow",
+      "description": "Shadow of a filled button under the pointer, in button.color.shadow."
+    },
+    {
+      "name": "--swell-button-hover-offset",
+      "description": "How far a button rises under the pointer; 0 keeps it in place."
+    },
+    {
+      "name": "--swell-checkbox-border-radius",
+      "description": "Corner radius of checkboxes."
+    },
+    {
+      "name": "--swell-radio-border-radius",
+      "description": "Corner radius of outline options and of skeleton cards."
+    },
+    {
+      "name": "--swell-radio-color-background",
+      "description": "Background of outline and button options and of the marker of a segmented group."
+    },
+    {
+      "name": "--swell-radio-color-border",
+      "description": "Border of outline and button options; decorative: the circle of an outline option and the label of a button option mark the control."
+    },
+    {
+      "name": "--swell-radio-color-shadow",
+      "description": "Color of the shadow of the marker of a segmented group."
+    },
+    {
+      "name": "--swell-radio-checked-color-background",
+      "description": "Fill of the chosen option of a group drawn as buttons."
+    },
+    {
+      "name": "--swell-radio-shadow",
+      "description": "Shadow of the marker under the chosen option of a segmented group, in radio.color.shadow."
+    },
+    {
+      "name": "--swell-radio-gap",
+      "description": "Space between the options of a radio group."
+    },
+    {
+      "name": "--swell-radio-button-gap",
+      "description": "Space between the options of a radio group drawn as buttons."
+    },
+    {
+      "name": "--swell-status-border-radius",
+      "description": "Corner radius of status messages."
+    },
+    {
+      "name": "--swell-status-color-background",
+      "description": "Background of filled messages; a type sets its own."
+    },
+    {
+      "name": "--swell-status-color-foreground",
+      "description": "Text of status messages."
+    },
+    {
+      "name": "--swell-status-color-accent",
+      "description": "Icon of a message without a type, such as the host's start icon; a type sets its own, which also draws the border of an outline message and the text of a plain danger one."
+    },
+    {
+      "name": "--swell-status-color-border",
+      "description": "Border of messages; a type sets its own."
+    },
+    {
+      "name": "--swell-status-danger-color-accent",
+      "description": "Icon of danger messages, the border of an outline one and the text of a plain one."
+    },
+    {
+      "name": "--swell-status-danger-color-background",
+      "description": "Background of filled danger messages."
+    },
+    {
+      "name": "--swell-status-danger-color-border",
+      "description": "Border of filled danger messages."
+    },
+    {
+      "name": "--swell-status-success-color-accent",
+      "description": "Icon of success messages, the border of an outline one."
+    },
+    {
+      "name": "--swell-status-success-color-background",
+      "description": "Background of filled success messages."
+    },
+    {
+      "name": "--swell-status-success-color-border",
+      "description": "Border of filled success messages."
+    },
+    {
+      "name": "--swell-status-warning-color-accent",
+      "description": "Icon of warning messages, the border of an outline one."
+    },
+    {
+      "name": "--swell-status-warning-color-background",
+      "description": "Background of filled warning messages."
+    },
+    {
+      "name": "--swell-status-warning-color-border",
+      "description": "Border of filled warning messages."
+    },
+    {
+      "name": "--swell-badge-height",
+      "description": "Height and least width of medium badges."
+    },
+    {
+      "name": "--swell-badge-font-size",
+      "description": "Font size of medium badges."
+    },
+    {
+      "name": "--swell-badge-font-weight",
+      "description": "Font weight of medium badges."
+    },
+    {
+      "name": "--swell-badge-xsmall-height",
+      "description": "Height and least width of extra small badges, such as a count on an icon."
+    },
+    {
+      "name": "--swell-badge-xsmall-font-size",
+      "description": "Font size of extra small badges."
+    },
+    {
+      "name": "--swell-badge-xsmall-font-weight",
+      "description": "Font weight of extra small badges."
+    },
+    {
+      "name": "--swell-badge-small-height",
+      "description": "Height and least width of small badges, such as a count."
+    },
+    {
+      "name": "--swell-badge-small-font-size",
+      "description": "Font size of small badges."
+    },
+    {
+      "name": "--swell-badge-small-font-weight",
+      "description": "Font weight of small badges."
+    },
+    {
+      "name": "--swell-badge-large-height",
+      "description": "Height and least width of large badges."
+    },
+    {
+      "name": "--swell-badge-large-font-size",
+      "description": "Font size of large badges."
+    },
+    {
+      "name": "--swell-badge-xlarge-height",
+      "description": "Height and least width of extra large badges."
+    },
+    {
+      "name": "--swell-badge-xlarge-font-size",
+      "description": "Font size of extra large badges."
+    },
+    {
+      "name": "--swell-badge-color-background",
+      "description": "Fill of filled primary badges, such as a count."
+    },
+    {
+      "name": "--swell-badge-color-foreground",
+      "description": "Text of filled primary badges."
+    },
+    {
+      "name": "--swell-badge-color-border",
+      "description": "Border of outline primary badges."
+    },
+    {
+      "name": "--swell-badge-color-accent",
+      "description": "Text of outline primary badges."
+    },
+    {
+      "name": "--swell-chip-height",
+      "description": "Height of medium chips."
+    },
+    {
+      "name": "--swell-chip-font-size",
+      "description": "Font size of medium chips."
+    },
+    {
+      "name": "--swell-chip-font-weight",
+      "description": "Font weight of chips."
+    },
+    {
+      "name": "--swell-chip-font-tracking",
+      "description": "Letter spacing of chips, in em."
+    },
+    {
+      "name": "--swell-chip-xsmall-height",
+      "description": "Height of extra small chips."
+    },
+    {
+      "name": "--swell-chip-xsmall-font-size",
+      "description": "Font size of extra small chips."
+    },
+    {
+      "name": "--swell-chip-small-height",
+      "description": "Height of small chips."
+    },
+    {
+      "name": "--swell-chip-small-font-size",
+      "description": "Font size of small chips."
+    },
+    {
+      "name": "--swell-chip-large-height",
+      "description": "Height of large chips."
+    },
+    {
+      "name": "--swell-chip-large-font-size",
+      "description": "Font size of large chips."
+    },
+    {
+      "name": "--swell-chip-xlarge-height",
+      "description": "Height of extra large chips."
+    },
+    {
+      "name": "--swell-chip-xlarge-font-size",
+      "description": "Font size of extra large chips."
+    },
+    {
+      "name": "--swell-chip-color-background",
+      "description": "Fill of chips."
+    },
+    {
+      "name": "--swell-chip-color-foreground",
+      "description": "Text of chips."
+    },
+    {
+      "name": "--swell-chip-color-border",
+      "description": "Border of chips."
+    },
+    {
+      "name": "--swell-chip-color-accent",
+      "description": "The remove button of chips."
+    },
+    {
+      "name": "--swell-thumbnail-border-radius",
+      "description": "Corner radius of thumbnails that aren't circles."
+    },
+    {
+      "name": "--swell-thumbnail-color-background",
+      "description": "Fill of primary thumbnails, such as an avatar's initials."
+    },
+    {
+      "name": "--swell-thumbnail-color-foreground",
+      "description": "Initials and icons of primary thumbnails."
+    },
+    {
+      "name": "--swell-thumbnail-color-border",
+      "description": "Border of primary thumbnails; none by default, also over a photo."
+    },
+    {
+      "name": "--swell-thumbnail-font-weight",
+      "description": "Font weight of the initials in a thumbnail."
+    },
+    {
+      "name": "--swell-card-border-radius",
+      "description": "Corner radius of cards."
+    },
+    {
+      "name": "--swell-card-color-background",
+      "description": "Background of outline cards."
+    },
+    {
+      "name": "--swell-card-color-border",
+      "description": "Border of outline cards."
+    },
+    {
+      "name": "--swell-tabs-border-radius",
+      "description": "Corner radius of the marker of segmented tabs; the track takes 4px more."
+    },
+    {
+      "name": "--swell-tabs-indicator-width",
+      "description": "Width of the line that marks the chosen tab, and of the lines between steps."
+    },
+    {
+      "name": "--swell-tabs-color-background",
+      "description": "Background of the marker of segmented tabs."
+    },
+    {
+      "name": "--swell-tabs-color-shadow",
+      "description": "Color of the shadow of the marker of segmented tabs."
+    },
+    {
+      "name": "--swell-tabs-font-weight",
+      "description": "Font weight of tab labels."
+    },
+    {
+      "name": "--swell-tabs-shadow",
+      "description": "Shadow of the marker under the chosen segmented tab, in tabs.color.shadow."
+    }
+  ],
+  "pseudoElements": [
+    {
+      "name": "::part(remove)",
+      "description": "The remove button."
+    },
+    {
+      "name": "::part(content)",
+      "description": "The box that expands to show the content."
+    },
+    {
+      "name": "::part(link)",
+      "description": "The anchor, or the content of the button without `href`."
+    },
+    {
+      "name": "::part(frame)",
+      "description": "The box that draws the field around the native input, its start and its end."
+    },
+    {
+      "name": "::part(start)",
+      "description": "The box of the start content."
+    },
+    {
+      "name": "::part(end)",
+      "description": "The box of the end content."
+    },
+    {
+      "name": "::part(list)",
+      "description": "The popup that holds the list and the action."
+    },
+    {
+      "name": "::part(frame)",
+      "description": "The box that draws the field around the native input, its start and its end."
+    },
+    {
+      "name": "::part(start)",
+      "description": "The box of the start content."
+    },
+    {
+      "name": "::part(end)",
+      "description": "The box of the end content."
+    },
+    {
+      "name": "::part(panel)",
+      "description": "The floating panel."
+    },
+    {
+      "name": "::part(message)",
+      "description": "The message box."
+    },
+    {
+      "name": "::part(frame)",
+      "description": "The box that draws the field around the native textarea."
+    }
+  ]
+}