@synergy-design-system/components 0.1.0 → 1.0.0-main.2

package/dist/vscode.html-custom-data.json

@@ -1,400 +0,0 @@
-{
-  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
-  "version": 1.1,
-  "tags": [
-    {
-      "name": "syn-button",
-      "description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Events:**\n - **syn-blur** - Emitted when the button loses focus.\n- **syn-focus** - Emitted when the button gains focus.\n- **syn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The button's label.\n- **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **prefix** - The container that wraps the prefix.\n- **label** - The button's label.\n- **suffix** - The container that wraps the suffix.\n- **caret** - The button's caret icon, an `<syn-icon>` element.\n- **spinner** - The spinner that shows when the button is in the loading state.",
-      "attributes": [
-        { "name": "title", "values": [] },
-        {
-          "name": "variant",
-          "description": "The button's theme variant.",
-          "values": [
-            { "name": "default" },
-            { "name": "primary" },
-            { "name": "success" },
-            { "name": "neutral" },
-            { "name": "warning" },
-            { "name": "danger" },
-            { "name": "text" }
-          ]
-        },
-        {
-          "name": "size",
-          "description": "The button's size.",
-          "values": [
-            { "name": "small" },
-            { "name": "medium" },
-            { "name": "large" }
-          ]
-        },
-        {
-          "name": "caret",
-          "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Disables the button.",
-          "values": []
-        },
-        {
-          "name": "loading",
-          "description": "Draws the button in a loading state.",
-          "values": []
-        },
-        {
-          "name": "outline",
-          "description": "Draws an outlined button.",
-          "values": []
-        },
-        {
-          "name": "pill",
-          "description": "Draws a pill-style button with rounded edges.",
-          "values": []
-        },
-        {
-          "name": "circle",
-          "description": "Draws a circular icon button. When this attribute is present, the button expects a single `<syn-icon>` in the\ndefault slot.",
-          "values": []
-        },
-        {
-          "name": "type",
-          "description": "The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.",
-          "values": [
-            { "name": "button" },
-            { "name": "submit" },
-            { "name": "reset" }
-          ]
-        },
-        {
-          "name": "name",
-          "description": "The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.",
-          "values": []
-        },
-        {
-          "name": "value",
-          "description": "The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.",
-          "values": []
-        },
-        {
-          "name": "href",
-          "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-          "values": []
-        },
-        {
-          "name": "target",
-          "description": "Tells the browser where to open the link. Only used when `href` is present.",
-          "values": [
-            { "name": "_blank" },
-            { "name": "_parent" },
-            { "name": "_self" },
-            { "name": "_top" }
-          ]
-        },
-        {
-          "name": "rel",
-          "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
-          "values": []
-        },
-        {
-          "name": "download",
-          "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
-          "values": []
-        },
-        {
-          "name": "form",
-          "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
-          "values": []
-        },
-        {
-          "name": "formaction",
-          "description": "Used to override the form owner's `action` attribute.",
-          "values": []
-        },
-        {
-          "name": "formenctype",
-          "description": "Used to override the form owner's `enctype` attribute.",
-          "values": [
-            { "name": "application/x-www-form-urlencoded" },
-            { "name": "multipart/form-data" },
-            { "name": "text/plain" }
-          ]
-        },
-        {
-          "name": "formmethod",
-          "description": "Used to override the form owner's `method` attribute.",
-          "values": [{ "name": "post" }, { "name": "get" }]
-        },
-        {
-          "name": "formnovalidate",
-          "description": "Used to override the form owner's `novalidate` attribute.",
-          "values": []
-        },
-        {
-          "name": "formtarget",
-          "description": "Used to override the form owner's `target` attribute.",
-          "values": [
-            { "name": "_self" },
-            { "name": "_blank" },
-            { "name": "_parent" },
-            { "name": "_top" }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://synergy.style/components/button"
-        }
-      ]
-    },
-    {
-      "name": "syn-icon",
-      "description": "Icons are symbols that can be used to represent various options within an application.\n---\n\n\n### **Events:**\n - **syn-load** - Emitted when the icon has loaded. When using `spriteSheet: true` this will not emit.\n- **syn-error** - Emitted when the icon fails to load due to an error. When using `spriteSheet: true` this will not emit.\n\n### **CSS Parts:**\n - **svg** - The internal SVG element.\n- **use** - The <use> element generated when using `spriteSheet: true`",
-      "attributes": [
-        {
-          "name": "name",
-          "description": "The name of the icon to draw. Available names depend on the icon library being used.",
-          "values": []
-        },
-        {
-          "name": "src",
-          "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
-          "values": []
-        },
-        {
-          "name": "label",
-          "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
-          "values": []
-        },
-        {
-          "name": "library",
-          "description": "The name of a registered custom icon library.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://synergy.style/components/icon"
-        }
-      ]
-    },
-    {
-      "name": "syn-input",
-      "description": "Inputs collect data from the user.\n---\n\n\n### **Events:**\n - **syn-blur** - Emitted when the control loses focus.\n- **syn-change** - Emitted when an alteration to the control's value is committed by the user.\n- **syn-clear** - Emitted when the clear button is activated.\n- **syn-focus** - Emitted when the control gains focus.\n- **syn-input** - Emitted when the control receives input.\n- **syn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **showPicker()** - Displays the browser picker for an input element (only works if the browser supports it for the input type).\n- **stepUp()** - Increments the value of a numeric input type by the value of the step attribute.\n- **stepDown()** - Decrements the value of a numeric input type by the value of the step attribute.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the input.\n- **suffix** - Used to append a presentational icon or similar element to the input.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **show-password-icon** - An icon to use in lieu of the default show password icon.\n- **hide-password-icon** - An icon to use in lieu of the default hide password icon.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **base** - The component's base wrapper.\n- **input** - The internal `<input>` control.\n- **prefix** - The container that wraps the prefix.\n- **clear-button** - The clear button.\n- **password-toggle-button** - The password toggle button.\n- **suffix** - The container that wraps the suffix.",
-      "attributes": [
-        { "name": "title", "values": [] },
-        {
-          "name": "type",
-          "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
-          "values": [
-            { "name": "" },
-            { "name": "date" },
-            { "name": "datetime-local" },
-            { "name": "email" },
-            { "name": "number" },
-            { "name": "password" },
-            { "name": "search" },
-            { "name": "tel" },
-            { "name": "text" },
-            { "name": "time" },
-            { "name": "url" }
-          ]
-        },
-        {
-          "name": "name",
-          "description": "The name of the input, submitted as a name/value pair with form data.",
-          "values": []
-        },
-        {
-          "name": "value",
-          "description": "The current value of the input, submitted as a name/value pair with form data.",
-          "values": []
-        },
-        {
-          "name": "size",
-          "description": "The input's size.",
-          "values": [
-            { "name": "small" },
-            { "name": "medium" },
-            { "name": "large" }
-          ]
-        },
-        {
-          "name": "filled",
-          "description": "Draws a filled input.",
-          "values": []
-        },
-        {
-          "name": "pill",
-          "description": "Draws a pill-style input with rounded edges.",
-          "values": []
-        },
-        {
-          "name": "label",
-          "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
-          "values": []
-        },
-        {
-          "name": "help-text",
-          "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
-          "values": []
-        },
-        {
-          "name": "clearable",
-          "description": "Adds a clear button when the input is not empty.",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Disables the input.",
-          "values": []
-        },
-        {
-          "name": "placeholder",
-          "description": "Placeholder text to show as a hint when the input is empty.",
-          "values": []
-        },
-        {
-          "name": "readonly",
-          "description": "Makes the input readonly.",
-          "values": []
-        },
-        {
-          "name": "password-toggle",
-          "description": "Adds a button to toggle the password's visibility. Only applies to password types.",
-          "values": []
-        },
-        {
-          "name": "password-visible",
-          "description": "Determines whether or not the password is currently visible. Only applies to password input types.",
-          "values": []
-        },
-        {
-          "name": "no-spin-buttons",
-          "description": "Hides the browser's built-in increment/decrement spin buttons for number inputs.",
-          "values": []
-        },
-        {
-          "name": "form",
-          "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
-          "values": []
-        },
-        {
-          "name": "required",
-          "description": "Makes the input a required field.",
-          "values": []
-        },
-        {
-          "name": "pattern",
-          "description": "A regular expression pattern to validate input against.",
-          "values": []
-        },
-        {
-          "name": "minlength",
-          "description": "The minimum length of input that will be considered valid.",
-          "values": []
-        },
-        {
-          "name": "maxlength",
-          "description": "The maximum length of input that will be considered valid.",
-          "values": []
-        },
-        {
-          "name": "min",
-          "description": "The input's minimum value. Only applies to date and number input types.",
-          "values": []
-        },
-        {
-          "name": "max",
-          "description": "The input's maximum value. Only applies to date and number input types.",
-          "values": []
-        },
-        {
-          "name": "step",
-          "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
-          "values": [{ "name": "any" }]
-        },
-        {
-          "name": "autocapitalize",
-          "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
-          "values": [
-            { "name": "off" },
-            { "name": "none" },
-            { "name": "on" },
-            { "name": "sentences" },
-            { "name": "words" },
-            { "name": "characters" }
-          ]
-        },
-        {
-          "name": "autocorrect",
-          "description": "Indicates whether the browser's autocorrect feature is on or off.",
-          "values": [{ "name": "off" }, { "name": "on" }]
-        },
-        {
-          "name": "autocomplete",
-          "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-          "values": []
-        },
-        {
-          "name": "autofocus",
-          "description": "Indicates that the input should receive focus on page load.",
-          "values": []
-        },
-        {
-          "name": "enterkeyhint",
-          "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-          "values": [
-            { "name": "enter" },
-            { "name": "done" },
-            { "name": "go" },
-            { "name": "next" },
-            { "name": "previous" },
-            { "name": "search" },
-            { "name": "send" }
-          ]
-        },
-        {
-          "name": "spellcheck",
-          "description": "Enables spell checking on the input.",
-          "values": []
-        },
-        {
-          "name": "inputmode",
-          "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
-          "values": [
-            { "name": "none" },
-            { "name": "text" },
-            { "name": "decimal" },
-            { "name": "numeric" },
-            { "name": "tel" },
-            { "name": "search" },
-            { "name": "email" },
-            { "name": "url" }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://synergy.style/components/input"
-        }
-      ]
-    },
-    {
-      "name": "syn-spinner",
-      "description": "Spinners are used to show the progress of an indeterminate operation.\n---\n\n\n### **CSS Properties:**\n - **--track-width** - The width of the track. _(default: undefined)_\n- **--track-color** - The color of the track. _(default: undefined)_\n- **--indicator-color** - The color of the spinner's indicator. _(default: undefined)_\n- **--speed** - The time it takes for the spinner to complete one animation cycle. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://synergy.style/components/spinner"
-        }
-      ]
-    }
-  ]
-}