pyro/dist/vscode.css-custom-data.json

Pyro custom elements

{
  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-css-languageservice/main/docs/customData.schema.json",
  "version": 1.1,
  "properties": [
    {
      "name": "--pyro-accordion-text-color",
      "description": "`color`",
      "values": []
    },
    {
      "name": "--pyro-accordion-surface-color",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-accordion-border",
      "description": "`border`",
      "values": []
    },
    {
      "name": "--pyro-accordion-border-radius",
      "description": "`border-radius`",
      "values": []
    },
    {
      "name": "--pyro-accordion-spacing",
      "description": "`padding`",
      "values": []
    },
    {
      "name": "--pyro-alert-text-color",
      "description": "`color`",
      "values": []
    },
    {
      "name": "--pyro-alert-surface-color",
      "description": "`background` (when no `severity` is set)",
      "values": []
    },
    { "name": "--pyro-alert-border", "description": "`border`", "values": [] },
    {
      "name": "--pyro-alert-border-radius",
      "description": "`border-radius`",
      "values": []
    },
    {
      "name": "--pyro-alert-spacing",
      "description": "`padding` Severity",
      "values": []
    },
    {
      "name": "--pyro-alert-info-color",
      "description": "`color` (icon, band)",
      "values": []
    },
    {
      "name": "--pyro-alert-info-color-lighter",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-alert-success-color",
      "description": "`color` (icon, band)",
      "values": []
    },
    {
      "name": "--pyro-alert-success-color-lighter",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-alert-warning-color",
      "description": "`color` (icon, band)",
      "values": []
    },
    {
      "name": "--pyro-alert-warning-color-lighter",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-alert-error-color",
      "description": "`color` (icon, band)",
      "values": []
    },
    {
      "name": "--pyro-alert-error-color-lighter",
      "description": "`background` Variation based",
      "values": []
    },
    {
      "name": "--pyro-alert-band-width",
      "description": "left band `width`",
      "values": []
    },
    {
      "name": "--pyro-alert-dismissible-width",
      "description": "dismissible icon `width`",
      "values": []
    },
    { "name": "--pyro-avatar-width", "description": "`width`", "values": [] },
    { "name": "--pyro-avatar-height", "description": "`height`", "values": [] },
    {
      "name": "--pyro-avatar-text-color",
      "description": "`color`",
      "values": []
    },
    {
      "name": "--pyro-avatar-accent-color",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-badge-text-color",
      "description": "`color`",
      "values": []
    },
    {
      "name": "--pyro-badge-accent-color",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-badge-font-size",
      "description": "`font-size`",
      "values": []
    },
    { "name": "--pyro-badge-height", "description": "`height`", "values": [] },
    { "name": "--pyro-box-text-color", "description": "`color`", "values": [] },
    {
      "name": "--pyro-box-background",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-box-surface-color",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-box-foreground-color",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-button-text-color",
      "description": "`color`",
      "values": []
    },
    {
      "name": "--pyro-button-font-weight",
      "description": "`font-weight`",
      "values": []
    },
    {
      "name": "--pyro-button-spacing",
      "description": "default size or `padding`",
      "values": []
    },
    { "name": "--pyro-button-border", "description": "`border`", "values": [] },
    {
      "name": "--pyro-button-border-radius",
      "description": "`border`",
      "values": []
    },
    {
      "name": "--pyro-button-surface-color",
      "description": "default `background`",
      "values": []
    },
    {
      "name": "--pyro-button-primary-color",
      "description": "primary `background`",
      "values": []
    },
    {
      "name": "--pyro-text-color-on-primary",
      "description": "text `color` on primary",
      "values": []
    },
    {
      "name": "--pyro-button-secondary-color",
      "description": "secondary `background`",
      "values": []
    },
    {
      "name": "--pyro-text-color-on-secondary",
      "description": "text `color` on secondary",
      "values": []
    },
    {
      "name": "--pyro-button-tertiary-color",
      "description": "tertiary `background`",
      "values": []
    },
    {
      "name": "--pyro-text-color-on-tertiary",
      "description": "text `color` on tertiary",
      "values": []
    },
    {
      "name": "--pyro-text-color-on-transparent",
      "description": "text `color` on transparent",
      "values": []
    },
    {
      "name": "--pyro-button-hover-color",
      "description": "`:hover` `background`",
      "values": []
    },
    {
      "name": "--pyro-button-disabled-color",
      "description": "disabled `background`",
      "values": []
    },
    {
      "name": "--pyro-button-active-color",
      "description": "`:active` `background`",
      "values": []
    },
    {
      "name": "--pyro-card-text-color",
      "description": "`color`",
      "values": []
    },
    {
      "name": "--pyro-card-surface-color",
      "description": "`background`",
      "values": []
    },
    { "name": "--pyro-card-border", "description": "`border`", "values": [] },
    {
      "name": "--pyro-card-border-radius",
      "description": "`border-radius`",
      "values": []
    },
    { "name": "--pyro-card-spacing", "description": "`padding`", "values": [] },
    {
      "name": "--pyro-checkbox-text-color",
      "description": "checkmark `color`",
      "values": []
    },
    {
      "name": "--pyro-checkbox-surface-color",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-checkbox-accent-color",
      "description": "checked `background`;",
      "values": []
    },
    {
      "name": "--pyro-checkbox-border",
      "description": "`border`",
      "values": []
    },
    {
      "name": "--pyro-checkbox-border-radius",
      "description": "`border`",
      "values": []
    },
    {
      "name": "--pyro-checkbox-height",
      "description": "`height`",
      "values": []
    },
    { "name": "--pyro-checkbox-width", "description": "`width`", "values": [] },
    {
      "name": "--pyro-checkbox-disabled-color",
      "description": "disabled `background`",
      "values": []
    },
    {
      "name": "--pyro-colorpicker-spacing",
      "description": "`gap`",
      "values": []
    },
    {
      "name": "--pyro-colorpicker-border",
      "description": "`border`",
      "values": []
    },
    {
      "name": "--pyro-colorpicker-border-radius",
      "description": "`border`",
      "values": []
    },
    {
      "name": "--pyro-colorpicker-surface-color",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-divider-border",
      "description": "`border-top`",
      "values": []
    },
    { "name": "--pyro-divider-color", "description": "`color`", "values": [] },
    {
      "name": "--pyro-divider-spacing",
      "description": "`padding`",
      "values": []
    },
    {
      "name": "--pyro-dialog-text-color",
      "description": "`color`",
      "values": []
    },
    {
      "name": "--pyro-dialog-surface-color",
      "description": "`background`",
      "values": []
    },
    { "name": "--pyro-dialog-border", "description": "`border`", "values": [] },
    {
      "name": "--pyro-dialog-border-radius",
      "description": "`border`",
      "values": []
    },
    {
      "name": "--pyro-dialog-spacing",
      "description": "`padding`",
      "values": []
    },
    { "name": "--pyro-icon-height", "description": "`height`", "values": [] },
    { "name": "--pyro-icon-width", "description": "`width`", "values": [] },
    {
      "name": "--pyro-icon-min-width",
      "description": "`min-width`",
      "values": []
    },
    {
      "name": "--pyro-icon-min-height",
      "description": "`min-height`",
      "values": []
    },
    {
      "name": "--pyro-icon-height-s",
      "description": "`height` when size=\"s\"",
      "values": []
    },
    {
      "name": "--pyro-icon-width-s",
      "description": "`width` when size=\"s\"",
      "values": []
    },
    {
      "name": "--pyro-icon-min-width-s",
      "description": "`min-width` when size=\"s\"",
      "values": []
    },
    {
      "name": "--pyro-icon-min-height-s",
      "description": "`min-height` when size=\"s\"",
      "values": []
    },
    {
      "name": "--pyro-icon-height-l",
      "description": "`height` when size=\"l\"",
      "values": []
    },
    {
      "name": "--pyro-icon-width-l",
      "description": "`width` when size=\"l\"",
      "values": []
    },
    {
      "name": "--pyro-icon-min-width-l",
      "description": "`min-width` when size=\"l\"",
      "values": []
    },
    {
      "name": "--pyro-icon-min-height-l",
      "description": "`min-height` when size=\"l\"",
      "values": []
    },
    {
      "name": "--pyro-list-item-text-color",
      "description": "`color`",
      "values": []
    },
    {
      "name": "--pyro-list-item-spacing",
      "description": "`padding`",
      "values": []
    },
    {
      "name": "--pyro-list-text-color",
      "description": "`color`",
      "values": []
    },
    { "name": "--pyro-list-spacing", "description": "`padding`", "values": [] },
    {
      "name": "--pyro-list-border",
      "description": "`border-left`",
      "values": []
    },
    {
      "name": "--pyro-list-min-width",
      "description": "`min-width`",
      "values": []
    },
    {
      "name": "--pyro-progressbar-accent-color",
      "description": "fill `color`",
      "values": []
    },
    {
      "name": "--pyro-progressbar-background",
      "description": "background `color`",
      "values": []
    },
    {
      "name": "--pyro-progressbar-text-color",
      "description": "text `color`",
      "values": []
    },
    {
      "name": "--pyro-progressbar-border",
      "description": "`border`",
      "values": []
    },
    {
      "name": "--pyro-progressbar-border-radius",
      "description": "`border-radius`",
      "values": []
    },
    {
      "name": "--pyro-progressbar-height",
      "description": "`height`",
      "values": []
    },
    {
      "name": "--pyro-progresscircle-accent-color",
      "description": "value `background`",
      "values": []
    },
    {
      "name": "--pyro-progresscircle-background",
      "description": "background `background`",
      "values": []
    },
    {
      "name": "--pyro-progresscircle-text-color",
      "description": "text `color`",
      "values": []
    },
    {
      "name": "--pyro-progresscircle-height",
      "description": "`height`",
      "values": []
    },
    {
      "name": "--pyro-radio-accent-color",
      "description": "icon `color`",
      "values": []
    },
    {
      "name": "--pyro-radio-surface-color",
      "description": "`background`",
      "values": []
    },
    { "name": "--pyro-radio-border", "description": "`border`", "values": [] },
    {
      "name": "--pyro-radio-border-radius",
      "description": "`border-radius`",
      "values": []
    },
    {
      "name": "--pyro-radio-width, 1em",
      "description": "`width`",
      "values": []
    },
    {
      "name": "--pyro-radio-height, 1em",
      "description": "`height`",
      "values": []
    },
    {
      "name": "--pyro-radio-check-height",
      "description": "checkmark/icon `height`",
      "values": []
    },
    {
      "name": "--pyro-radio-check-width",
      "description": "checkmark/icon `width`",
      "values": []
    },
    {
      "name": "--pyro-select-item-text-color",
      "description": "`color`",
      "values": []
    },
    {
      "name": "--pyro-select-item-hover-color",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-select-item-surface-color",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-select-item-text-align",
      "description": "text alignment in select item `text-align`",
      "values": []
    },
    {
      "name": "--pyro-select-text-color",
      "description": "`color`",
      "values": []
    },
    {
      "name": "--pyro-select-surface-color",
      "description": "`background`",
      "values": []
    },
    { "name": "--pyro-select-border", "description": "`border`", "values": [] },
    {
      "name": "--pyro-select-border-radius",
      "description": "`border-radius`",
      "values": []
    },
    {
      "name": "--pyro-select-spacing",
      "description": "`padding`",
      "values": []
    },
    {
      "name": "--pyro-select-font-size",
      "description": "`font-size`",
      "values": []
    },
    {
      "name": "--pyro-select-min-width",
      "description": "`min-width`",
      "values": []
    },
    {
      "name": "--pyro-select-max-height",
      "description": "`max-height`",
      "values": []
    },
    {
      "name": "--pyro-select-text-align",
      "description": "text alignment for selected/button `text-align`",
      "values": []
    },
    {
      "name": "--pyro-skeleton-color",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-skeleton-border-radius",
      "description": "`border-radius`",
      "values": []
    },
    {
      "name": "--pyro-switch-border-radius",
      "description": "set low value for squared look, equals size by default",
      "values": []
    },
    {
      "name": "--pyro-switch-size",
      "description": "size of the switch",
      "values": []
    },
    { "name": "--pyro-switch-border", "description": "`border`", "values": [] },
    {
      "name": "--pyro-switch-surface-color",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-switch-accent-color",
      "description": "`background`",
      "values": []
    },
    { "values": [] },
    {
      "name": "--pyro-switch-ball-color",
      "description": "ball `background`",
      "values": []
    },
    {
      "name": "--pyro-switch-ball-border",
      "description": "ball `border`",
      "values": []
    },
    {
      "name": "--pyro-switch-disabled-color",
      "description": "disabled `background`",
      "values": []
    },
    {
      "name": "--pyro-tab-group-gap",
      "description": "gap between tabs",
      "values": []
    },
    {
      "name": "--pyro-tab-group-justify-content",
      "description": "justify tabs with flexbox `justify-content`",
      "values": []
    },
    { "name": "--pyro-tab-padding", "description": "`padding`", "values": [] },
    { "name": "--pyro-tab-text-color", "description": "`color`", "values": [] },
    {
      "name": "--pyro-tab-background",
      "description": "`background`",
      "values": []
    },
    { "name": "--pyro-tab-border", "description": "`border`", "values": [] },
    {
      "name": "--pyro-tab-selected-border",
      "description": "`border`",
      "values": []
    },
    {
      "name": "--pyro-tab-selected-border-width",
      "description": "`border-width`",
      "values": []
    },
    {
      "name": "--pyro-tab-selected-border-color",
      "description": "`border-color`",
      "values": []
    },
    {
      "name": "--pyro-tab-gap",
      "description": "gap between tabs",
      "values": []
    },
    { "name": "--pyro-tag-text-color", "description": "`color`", "values": [] },
    {
      "name": "--pyro-tag-surface-color",
      "description": "`background` (when no `severity` is set)",
      "values": []
    },
    { "name": "--pyro-tag-border", "description": "`border`", "values": [] },
    {
      "name": "--pyro-tag-border-radius",
      "description": "`border-radius`",
      "values": []
    },
    { "name": "--pyro-tag-spacing", "description": "`padding`", "values": [] },
    {
      "name": "--pyro-tag-min-width",
      "description": "`min-width`",
      "values": []
    },
    {
      "name": "--pyro-tag-info-color-lighter",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-tag-success-color-lighter",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-tag-warning-color-lighter",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-tag-error-color-lighter",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-tag-info-color",
      "description": "`border-color`",
      "values": []
    },
    {
      "name": "--pyro-tag-success-color",
      "description": "`border-color`",
      "values": []
    },
    {
      "name": "--pyro-tag-warning-color",
      "description": "`border-color`",
      "values": []
    },
    {
      "name": "--pyro-tag-error-color",
      "description": "`border-color`",
      "values": []
    },
    {
      "name": "--pyro-textfield-text-color",
      "description": "`color`",
      "values": []
    },
    {
      "name": "--pyro-textfield-surface-color",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-textfield-border",
      "description": "`border`",
      "values": []
    },
    {
      "name": "--pyro-textfield-border-radius",
      "description": "`border-radius`",
      "values": []
    },
    {
      "name": "--pyro-textfield-min-width",
      "description": "`min-width`",
      "values": []
    },
    {
      "name": "--pyro-textfield-spacing",
      "description": "`padding`",
      "values": []
    },
    {
      "name": "--pyro-textfield-font-size",
      "description": "`font-size`",
      "values": []
    },
    {
      "name": "--pyro-textfield-caption-text-color, inherit",
      "description": "`color`",
      "values": []
    },
    {
      "name": "--pyro-textfield-info-color",
      "description": "`color`",
      "values": []
    },
    {
      "name": "--pyro-textfield-success-color",
      "description": "`color`",
      "values": []
    },
    {
      "name": "--pyro-textfield-warning-color",
      "description": "`color`",
      "values": []
    },
    {
      "name": "--pyro-textfield-error-color",
      "description": "`color`",
      "values": []
    },
    {
      "name": "--pyro-textfield-disabled-color",
      "description": "disabled `background`",
      "values": []
    },
    {
      "name": "--pyro-toast-spacing",
      "description": "size of toast",
      "values": []
    },
    { "name": "--pyro-toast-border", "description": "`border`", "values": [] },
    {
      "name": "--pyro-toast-border-radius",
      "description": "`border-radius`",
      "values": []
    },
    {
      "name": "--pyro-toast-text-color",
      "description": "text `color` Severity",
      "values": []
    },
    {
      "name": "--pyro-toast-info-color-lighter",
      "description": "default `background`",
      "values": []
    },
    {
      "name": "--pyro-toast-success-color-lighter",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-toast-warning-color-lighter",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-toast-error-color-lighter",
      "description": "`background`",
      "values": []
    },
    {
      "name": "--pyro-toast-info-color",
      "description": "default `border-color`",
      "values": []
    },
    {
      "name": "--pyro-toast-success-color",
      "description": "`border-color`",
      "values": []
    },
    {
      "name": "--pyro-toast-warning-color",
      "description": "`border-color`",
      "values": []
    },
    {
      "name": "--pyro-toast-error-color",
      "description": "`border-color`",
      "values": []
    }
  ],
  "pseudoElements": [
    {
      "name": "::part(dialog)",
      "description": "The dialog itself, change width, max-heigh etc."
    },
    { "name": "::part(header)", "description": "Header" },
    { "name": "::part(items)", "description": "List of `<pyro-list-item>`" },
    {
      "name": "::part(item)",
      "description": "Single `<pyro-list-item>`, only with items prop"
    }
  ]
}