@gravitee/ui-components 3.24.5 → 3.25.0-fix-gvcode-15ce1d2

package/src/theme/definition.json

@@ -0,0 +1,1762 @@
+{
+  "data": [
+    {
+      "name": "gv-theme",
+      "css": [
+        {
+          "name": "--gv-theme-color-darker",
+          "description": "Primary darker color",
+          "type": "color",
+          "default": "#383E3F",
+          "value": "#383E3F"
+        },
+        {
+          "name": "--gv-theme-color-dark",
+          "description": "Primary dark color",
+          "type": "color",
+          "default": "#28444F",
+          "value": "#28444F"
+        },
+        {
+          "name": "--gv-theme-color",
+          "description": "Primary color",
+          "type": "color",
+          "default": "#5A7684",
+          "value": "#5A7684"
+        },
+        {
+          "name": "--gv-theme-color-light",
+          "description": "Primary light color",
+          "type": "color",
+          "default": "#86c3d0",
+          "value": "#86c3d0"
+        },
+        {
+          "name": "--gv-theme-color-danger",
+          "description": "Primary danger color",
+          "type": "color",
+          "default": "#FF5722",
+          "value": "#FF5722"
+        },
+        {
+          "name": "--gv-theme-color-error-dark",
+          "description": "Error dark color",
+          "type": "color",
+          "default": "#d32f2f",
+          "value": "#d32f2f"
+        },
+        {
+          "name": "--gv-theme-color-error",
+          "description": "Error color",
+          "type": "color",
+          "default": "#f44336",
+          "value": "#f44336"
+        },
+        {
+          "name": "--gv-theme-color-error-light",
+          "description": "Error light color",
+          "type": "color",
+          "default": "#e57373",
+          "value": "#e57373"
+        },
+        {
+          "name": "--gv-theme-color-info-dark",
+          "description": "Info dark color",
+          "type": "color",
+          "default": "#1976d2",
+          "value": "#1976d2"
+        },
+        {
+          "name": "--gv-theme-color-info",
+          "description": "Info color",
+          "type": "color",
+          "default": "#2196f3",
+          "value": "#2196f3"
+        },
+        {
+          "name": "--gv-theme-color-info-light",
+          "description": "Info light color",
+          "type": "color",
+          "default": "#64b5f6",
+          "value": "#64b5f6"
+        },
+        {
+          "name": "--gv-theme-color-success-dark",
+          "description": "Success dark color",
+          "type": "color",
+          "default": "#388e3c",
+          "value": "#388e3c"
+        },
+        {
+          "name": "--gv-theme-color-success",
+          "description": "Success color",
+          "type": "color",
+          "default": "#4caf50",
+          "value": "#4caf50"
+        },
+        {
+          "name": "--gv-theme-color-success-light",
+          "description": "Success light color",
+          "type": "color",
+          "default": "#81c784",
+          "value": "#81c784"
+        },
+        {
+          "name": "--gv-theme-color-warning-dark",
+          "description": "Warning dark color",
+          "type": "color",
+          "default": "#f57c00",
+          "value": "#f57c00"
+        },
+        {
+          "name": "--gv-theme-color-warning",
+          "description": "Warning color",
+          "type": "color",
+          "default": "#ff9800",
+          "value": "#ff9800"
+        },
+        {
+          "name": "--gv-theme-color-warning-light",
+          "description": "Warning light color",
+          "type": "color",
+          "default": "#ffb74d",
+          "value": "#ffb74d"
+        },
+        {
+          "name": "--gv-theme-neutral-color-darkest",
+          "description": "Neutral darkest color",
+          "type": "color",
+          "default": "#000000",
+          "value": "#000000"
+        },
+        {
+          "name": "--gv-theme-neutral-color-darker",
+          "description": "Neutral darker color",
+          "type": "color",
+          "default": "#BFBFBF",
+          "value": "#BFBFBF"
+        },
+        {
+          "name": "--gv-theme-neutral-color-dark",
+          "description": "Neutral dark color",
+          "type": "color",
+          "default": "#D9D9D9",
+          "value": "#D9D9D9"
+        },
+        {
+          "name": "--gv-theme-neutral-color",
+          "description": "Neutral color",
+          "type": "color",
+          "default": "#F5F5F5",
+          "value": "#F5F5F5"
+        },
+        {
+          "name": "--gv-theme-neutral-color-light",
+          "description": "Neutral light color",
+          "type": "color",
+          "default": "#EFEFEF",
+          "value": "#EFEFEF"
+        },
+        {
+          "name": "--gv-theme-neutral-color-lighter",
+          "description": "Neutral light color",
+          "type": "color",
+          "default": "#FAFAFA",
+          "value": "#FAFAFA"
+        },
+        {
+          "name": "--gv-theme-neutral-color-lightest",
+          "description": "Neutral lightest color",
+          "type": "color",
+          "default": "#FFFFFF",
+          "value": "#FFFFFF"
+        },
+        {
+          "name": "--gv-theme-font-color-dark",
+          "description": "Dark font color",
+          "type": "color",
+          "default": "#262626",
+          "value": "#262626"
+        },
+        {
+          "name": "--gv-theme-font-color-light",
+          "description": "Light Font color",
+          "type": "color",
+          "default": "#FFFFFF",
+          "value": "#FFFFFF"
+        },
+        {
+          "name": "--gv-theme-font-family",
+          "description": "Family",
+          "type": "string",
+          "default": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
+          "value": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif"
+        },
+        {
+          "name": "--gv-theme-font-size-xs",
+          "description": "Extra small",
+          "type": "length",
+          "default": "10px",
+          "value": "10px"
+        },
+        {
+          "name": "--gv-theme-font-size-s",
+          "description": "Small",
+          "type": "length",
+          "default": "12px",
+          "value": "12px"
+        },
+        {
+          "name": "--gv-theme-font-size-m",
+          "description": "Medium (Default)",
+          "type": "length",
+          "default": "14px",
+          "value": "14px"
+        },
+        {
+          "name": "--gv-theme-font-size-l",
+          "description": "Large",
+          "type": "length",
+          "default": "16px",
+          "value": "16px"
+        },
+        {
+          "name": "--gv-theme-font-size-xl",
+          "description": "Extra large",
+          "type": "length",
+          "default": "26px",
+          "value": "26px"
+        },
+        {
+          "name": "--gv-theme-font-size-xxl",
+          "description": "Extra extra large",
+          "type": "length",
+          "default": "30px",
+          "value": "30px"
+        },
+        {
+          "name": "--gv-theme-homepage-background-height",
+          "description": "Homepage background height",
+          "type": "length",
+          "default": "400px",
+          "value": "400px"
+        },
+        {
+          "name": "--gv-theme-skeleton-color",
+          "description": "Primary skeleton color",
+          "type": "color",
+          "default": "#BFBFBF",
+          "value": "#BFBFBF"
+        },
+        {
+          "name": "--gv-theme-homepage-background-color",
+          "description": "Homepage background color",
+          "type": "color",
+          "default": "#5A7684",
+          "value": "#5A7684"
+        }
+      ]
+    },
+    {
+      "name": "gv-user-menu",
+      "css": [
+        {
+          "name": "--gv-user-menu--c",
+          "description": "Color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-dark, #262626)",
+          "value": ""
+        },
+        {
+          "name": "--gv-user-menu-hover--c",
+          "description": "Hover color",
+          "type": "color",
+          "default": "var(--gv-theme-color-dark, #28444f)",
+          "value": ""
+        },
+        {
+          "name": "--gv-user-menu--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "transparent",
+          "value": "transparent"
+        },
+        {
+          "name": "--gv-user-menu-list--bgc",
+          "description": "List background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-lightest, #ffffff)",
+          "value": ""
+        },
+        {
+          "name": "--gv-user-menu-hover--bgc",
+          "description": "Hover background color",
+          "type": "color",
+          "default": "var(--gv-theme-color-light, #86c3d0)",
+          "value": ""
+        },
+        {
+          "name": "--gv-user-menu--bdc",
+          "description": "Border color",
+          "type": "color",
+          "default": "lightgrey",
+          "value": "lightgrey"
+        },
+        {
+          "name": "--gv-user-menu--tsh",
+          "description": "Text shadow",
+          "type": "string",
+          "default": "none",
+          "value": "none"
+        },
+        {
+          "name": "--gv-user-menu-icon--c",
+          "description": "Icon color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-darkest, #000000)",
+          "value": ""
+        },
+        {
+          "name": "--gv-user-menu-icon--s",
+          "description": "Height and icon width",
+          "type": "length",
+          "default": "16px",
+          "value": "16px"
+        },
+        {
+          "name": "--gv-user-menu-link-a--ph",
+          "description": "Link horizontal padding",
+          "type": "length",
+          "default": "0px",
+          "value": "0px"
+        },
+        {
+          "name": "--gv-user-menu-link--ta",
+          "description": "Text align",
+          "type": "string",
+          "default": "right",
+          "value": "right"
+        }
+      ]
+    },
+    {
+      "name": "gv-pagination",
+      "css": [
+        {
+          "name": "--gv-pagination--fz",
+          "description": "Font size",
+          "type": "length",
+          "default": "var(--gv-theme-font-size-s, 12px)",
+          "value": ""
+        },
+        {
+          "name": "--gv-pagination-icon--s",
+          "description": "Height and icon width",
+          "type": "length",
+          "default": "18px",
+          "value": "18px"
+        }
+      ]
+    },
+    {
+      "name": "gv-menu",
+      "css": [
+        {
+          "name": "--gv-menu--c",
+          "description": "Color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-light, #ffffff)",
+          "value": ""
+        },
+        {
+          "name": "--gv-menu--bgc",
+          "description": "Background color.",
+          "type": "color",
+          "default": "var(--gv-theme-color-dark, #28444f)",
+          "value": ""
+        },
+        {
+          "name": "--gv-menu-link-active--bdc",
+          "description": "Border bottom color of active link.",
+          "type": "color",
+          "default": "var(--gv-theme-color-light, #86c3d0)",
+          "value": ""
+        },
+        {
+          "name": "--gv-menu-link-active--bds",
+          "description": "Border bottom style of active link.",
+          "type": "string",
+          "default": "solid",
+          "value": "solid"
+        },
+        {
+          "name": "--gv-menu-link-active--bdw",
+          "description": "Border bottom width of active link.",
+          "type": "length",
+          "default": "0 0 3px 0",
+          "value": "0 0 3px 0"
+        },
+        {
+          "name": "--gv-menu-link-active--bgc",
+          "description": "Active background color",
+          "type": "color",
+          "default": "transparent",
+          "value": "transparent"
+        },
+        {
+          "name": "--gv-menu-link--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "transparent",
+          "value": "transparent"
+        },
+        {
+          "name": "--gv-menu-link-a--pv",
+          "description": "Link vertical padding",
+          "type": "length",
+          "default": "0px",
+          "value": "0px"
+        }
+      ]
+    },
+    {
+      "name": "gv-header",
+      "css": [
+        {
+          "name": "--gv-header--bgc",
+          "description": "Background color.",
+          "type": "color",
+          "default": "var(--gv-theme-color-light, #86c3d0)",
+          "value": ""
+        },
+        {
+          "name": "--gv-header--c",
+          "description": "Color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-dark, #262626)",
+          "value": ""
+        },
+        {
+          "name": "--gv-header-button--p",
+          "description": "Button adding",
+          "type": "length",
+          "default": "10px 24px",
+          "value": "10px 24px"
+        },
+        {
+          "name": "--gv-header-button--fz",
+          "description": "Button font size",
+          "type": "length",
+          "default": "var(--gv-theme-font-size-l, 16px)",
+          "value": ""
+        }
+      ]
+    },
+    {
+      "name": "gv-tree",
+      "css": [
+        {
+          "name": "--gv-tree--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-lightest, #ffffff)",
+          "value": ""
+        },
+        {
+          "name": "--gv-tree--c",
+          "description": "Color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-dark, #262626)",
+          "value": ""
+        },
+        {
+          "name": "--gv-tree-active--bdc",
+          "description": "Active border",
+          "type": "color",
+          "default": "var(--gv-theme-color, #5a7684)",
+          "value": ""
+        },
+        {
+          "name": "--gv-tree-active--bgc",
+          "description": "Active background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-dark, #d9d9d9)",
+          "value": ""
+        },
+        {
+          "name": "--gv-tree-icon--s",
+          "description": "Height and icon width",
+          "type": "length",
+          "default": "20px",
+          "value": "20px"
+        }
+      ]
+    },
+    {
+      "name": "gv-table",
+      "css": [
+        {
+          "name": "--gv-table-selected--bgc",
+          "description": "Selected background color",
+          "type": "color",
+          "default": "var(--gv-theme-color, #5a7684)",
+          "value": ""
+        },
+        {
+          "name": "--gv-table-hover--bgc",
+          "description": "Row background color on hover",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-lighter, #fafafa)",
+          "value": ""
+        },
+        {
+          "name": "--gv-table--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-lightest, #ffffff)",
+          "value": ""
+        },
+        {
+          "name": "--gv-table--bdc",
+          "description": "Border color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-dark, #d9d9d9)",
+          "value": ""
+        },
+        {
+          "name": "--gv-table-header--fz",
+          "description": "Title font size",
+          "type": "string",
+          "default": "var(--gv-theme-font-size-l, 20px)",
+          "value": ""
+        },
+        {
+          "name": "--gv-table-header--p",
+          "description": "Title padding",
+          "type": "length",
+          "default": "2rem 4rem",
+          "value": "2rem 4rem"
+        },
+        {
+          "name": "--gv-table-rows--ov",
+          "description": "Overflow on table",
+          "type": "string",
+          "default": "auto",
+          "value": "auto"
+        },
+        {
+          "name": "--gv-table--colmg",
+          "description": "Column gap",
+          "type": "length",
+          "default": "0.2rem",
+          "value": "0.2rem"
+        },
+        {
+          "name": "--gv-table-row--ai",
+          "description": "Row align-items",
+          "type": "string",
+          "default": "center",
+          "value": "center"
+        },
+        {
+          "name": "--gv-table-row--ac",
+          "description": "Row align-content",
+          "type": "string",
+          "default": "center",
+          "value": "center"
+        },
+        {
+          "name": "--gv-table-cell--d",
+          "description": "Cell display",
+          "type": "string",
+          "default": "flex",
+          "value": "flex"
+        }
+      ]
+    },
+    {
+      "name": "gv-stepper",
+      "css": [
+        {
+          "name": "--gv-stepper-valid--bgc",
+          "description": "Valid background color",
+          "type": "color",
+          "default": "var(--gv-theme-color, #5a7684)",
+          "value": ""
+        },
+        {
+          "name": "--gv-stepper-passed--bdc",
+          "description": "Passed border color",
+          "type": "color",
+          "default": "var(--gv-theme-color-light, #86c3d0)",
+          "value": ""
+        },
+        {
+          "name": "--gv-stepper--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-dark, #bfbfbf)",
+          "value": ""
+        },
+        {
+          "name": "--gv-stepper--bdc",
+          "description": "Border color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-dark, #bfbfbf)",
+          "value": ""
+        },
+        {
+          "name": "--gv-stepper--c",
+          "description": "Color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-dark, #bfbfbf)",
+          "value": ""
+        },
+        {
+          "name": "--gv-stepper-passed--c",
+          "description": "Passed color",
+          "type": "color",
+          "default": "#595959",
+          "value": "#595959"
+        },
+        {
+          "name": "--gv-stepper-icon--s",
+          "description": "Height and icon width",
+          "type": "length",
+          "default": "32px",
+          "value": "32px"
+        }
+      ]
+    },
+    {
+      "name": "gv-row",
+      "css": [
+        {
+          "name": "--gv-row-hover--bgc",
+          "description": "Hoover background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-lighter, #fafafa)",
+          "value": ""
+        },
+        {
+          "name": "--gv-row-hover--trf-ty",
+          "description": "Hoover transform translateY",
+          "type": "length",
+          "default": "0px",
+          "value": "0px"
+        },
+        {
+          "name": "--gv-row-image--h",
+          "description": "Image height",
+          "type": "length",
+          "default": "35px",
+          "value": "35px"
+        },
+        {
+          "name": "--gv-row-image--w",
+          "description": "Image width",
+          "type": "length",
+          "default": "35px",
+          "value": "35px"
+        }
+      ]
+    },
+    {
+      "name": "gv-rating",
+      "css": [
+        {
+          "name": "--gv-rating--c",
+          "description": "Color",
+          "type": "color",
+          "default": "var(--gv-theme-color, #5a7684)",
+          "value": ""
+        },
+        {
+          "name": "--gv-rating--s",
+          "description": "Size",
+          "type": "length",
+          "default": "13px",
+          "value": "13px"
+        }
+      ]
+    },
+    {
+      "name": "gv-rating-list",
+      "css": [
+        {
+          "name": "--gv-rating-list--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-lightest, #ffffff)",
+          "value": ""
+        },
+        {
+          "name": "--gv-rating-list-answer--bgc",
+          "description": "Answer background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-lighter, #fafafa)",
+          "value": ""
+        },
+        {
+          "name": "--gv-rating-list--bdc",
+          "description": "Border color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color, #f5f5f5)",
+          "value": ""
+        },
+        {
+          "name": "--gv-rating-list--s",
+          "description": "Height and star width",
+          "type": "length",
+          "default": "18px",
+          "value": "18px"
+        }
+      ]
+    },
+    {
+      "name": "gv-promote",
+      "css": [
+        {
+          "name": "--gv-promote-image--bgc",
+          "description": "Image background color",
+          "type": "color",
+          "default": "var(--gv-theme-color-light, #86c3d0)",
+          "value": ""
+        },
+        {
+          "name": "--gv-promote--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-lightest, #ffffff)",
+          "value": ""
+        },
+        {
+          "name": "--gv-promote-image--h",
+          "description": "Image height",
+          "type": "length",
+          "default": "300px",
+          "value": "300px"
+        },
+        {
+          "name": "--gv-promote-image--w",
+          "description": "Image width",
+          "type": "length",
+          "default": "300px",
+          "value": "300px"
+        },
+        {
+          "name": "--gv-promote-button--p",
+          "description": "Button padding",
+          "type": "length",
+          "default": "19px 80px",
+          "value": "19px 80px"
+        },
+        {
+          "name": "--gv-promote-button--fz",
+          "description": "Button font size",
+          "type": "length",
+          "default": "var(--gv-theme-font-size-l, 16px)",
+          "value": ""
+        }
+      ]
+    },
+    {
+      "name": "gv-popover",
+      "css": [
+        {
+          "name": "--gv-popover--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-lighter, #fafafa)",
+          "value": ""
+        },
+        {
+          "name": "--gv-popover--c",
+          "description": "Color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-dark, #262626)",
+          "value": ""
+        },
+        {
+          "name": "--gv-popover--bdc",
+          "description": "Border color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color, #f5f5f5)",
+          "value": ""
+        },
+        {
+          "name": "--gv-popover--p",
+          "description": "Padding",
+          "type": "length",
+          "default": "0.5rem",
+          "value": "0.5rem"
+        }
+      ]
+    },
+    {
+      "name": "gv-plans",
+      "css": [
+        {
+          "name": "--gv-plans--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "var(--gv-theme-color, #5a7684)",
+          "value": ""
+        },
+        {
+          "name": "--gv-plans-font--c",
+          "description": "Font color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-light, #ffffff)",
+          "value": ""
+        },
+        {
+          "name": "--gv-plans-characteristic--bgc",
+          "description": "Characteristic background color",
+          "type": "color",
+          "default": "var(--gv-theme-color-light, #86c3d0)",
+          "value": ""
+        },
+        {
+          "name": "--gv-plans-characteristics--bdc",
+          "description": "Characteristics border color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color, #f5f5f5)",
+          "value": ""
+        },
+        {
+          "name": "--gv-plans-icon--s",
+          "description": "Height and icon width",
+          "type": "length",
+          "default": "24px",
+          "value": "24px"
+        }
+      ]
+    },
+    {
+      "name": "gv-option",
+      "css": [
+        {
+          "name": "--gv-option--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-dark, #bfbfbf)",
+          "value": ""
+        },
+        {
+          "name": "--gv-option--bdrs",
+          "description": "Border radius",
+          "type": "length",
+          "default": "0.15rem",
+          "value": "0.15rem"
+        },
+        {
+          "name": "--gv-option-button--maw",
+          "description": "Button max width",
+          "type": "length",
+          "default": "200px",
+          "value": "200px"
+        },
+        {
+          "name": "--gv-option-icon--s",
+          "description": "Icon size",
+          "type": "length",
+          "default": "64px",
+          "value": "64px"
+        }
+      ]
+    },
+    {
+      "name": "gv-list",
+      "css": [
+        {
+          "name": "--gv-list--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-lightest, #ffffff)",
+          "value": ""
+        },
+        {
+          "name": "--gv-list-icon--s",
+          "description": "Height and icon width",
+          "type": "length",
+          "default": "20px",
+          "value": "20px"
+        },
+        {
+          "name": "--gv-list-image--h",
+          "description": "Image height",
+          "type": "length",
+          "default": "40px",
+          "value": "40px"
+        },
+        {
+          "name": "--gv-list-image--w",
+          "description": "Image width",
+          "type": "length",
+          "default": "40px",
+          "value": "40px"
+        }
+      ]
+    },
+    {
+      "name": "gv-identity-picture",
+      "css": [
+        {
+          "name": "--gv-identity-picture-notification--bgc",
+          "description": "Notification background color",
+          "type": "color",
+          "default": "var(--gv-theme-color-light, #86c3d0)",
+          "value": ""
+        }
+      ]
+    },
+    {
+      "name": "gv-confirm",
+      "css": [
+        {
+          "name": "--gv-confirm--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-lighter, #fafafa)",
+          "value": ""
+        },
+        {
+          "name": "--gv-confirm--maw",
+          "description": "Max width",
+          "type": "length",
+          "default": "350px",
+          "value": "350px"
+        }
+      ]
+    },
+    {
+      "name": "gv-category",
+      "css": [
+        {
+          "name": "--gv-category--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-lightest, #ffffff)",
+          "value": ""
+        },
+        {
+          "name": "--gv-category--c",
+          "description": "Color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-dark, #262626)",
+          "value": ""
+        },
+        {
+          "name": "--gv-category--h",
+          "description": "Height",
+          "type": "length",
+          "default": "200px",
+          "value": "200px"
+        }
+      ]
+    },
+    {
+      "name": "gv-category-list",
+      "css": [
+        {
+          "name": "--gv-category-list--bgc-1",
+          "description": "Category background color 1",
+          "type": "color",
+          "default": "#cce6eb",
+          "value": "#cce6eb"
+        },
+        {
+          "name": "--gv-category-list--bgc-2",
+          "description": "Category background color 2",
+          "type": "color",
+          "default": "#fcf1a8",
+          "value": "#fcf1a8"
+        },
+        {
+          "name": "--gv-category-list--bgc-3",
+          "description": "Category background color 3",
+          "type": "color",
+          "default": "#d9d4f1",
+          "value": "#d9d4f1"
+        },
+        {
+          "name": "--gv-category-list--bgc-4",
+          "description": "Category background color 4",
+          "type": "color",
+          "default": "#f9c15e",
+          "value": "#f9c15e"
+        },
+        {
+          "name": "--gv-category-list--bgc-5",
+          "description": "Category background color 5",
+          "type": "color",
+          "default": "#d4fccd",
+          "value": "#d4fccd"
+        },
+        {
+          "name": "--gv-category-list--bgc-6",
+          "description": "Category background color 6",
+          "type": "color",
+          "default": "#e0c8b2",
+          "value": "#e0c8b2"
+        }
+      ]
+    },
+    {
+      "name": "gv-card",
+      "css": [
+        {
+          "name": "--gv-card--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-lightest, #ffffff)",
+          "value": ""
+        }
+      ]
+    },
+    {
+      "name": "gv-card-full",
+      "css": [
+        {
+          "name": "--gv-card-full--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-lightest, #ffffff)",
+          "value": ""
+        },
+        {
+          "name": "--gv-card-full-image--h",
+          "description": "Image height",
+          "type": "length",
+          "default": "65px",
+          "value": "65px"
+        },
+        {
+          "name": "--gv-card-full-image--w",
+          "description": "Image width",
+          "type": "length",
+          "default": "110px",
+          "value": "110px"
+        }
+      ]
+    },
+    {
+      "name": "gv-text",
+      "css": [
+        {
+          "name": "--gv-input--bdc",
+          "description": "Border color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-dark, #d9d9d9)",
+          "value": ""
+        },
+        {
+          "name": "--gv-text--fz",
+          "description": "Font size",
+          "type": "length",
+          "default": "var(--gv-theme-font-size-m, 14px)",
+          "value": ""
+        },
+        {
+          "name": "--gv-text--lh",
+          "description": "Line height",
+          "type": "length",
+          "default": "var(--gv-theme-font-size-m, 14px)",
+          "value": ""
+        }
+      ]
+    },
+    {
+      "name": "gv-tag",
+      "css": [
+        {
+          "name": "--gv-tag--fz",
+          "description": "Font size",
+          "type": "length",
+          "default": "var(--gv-theme-font-size-s, 12px)",
+          "value": ""
+        },
+        {
+          "name": "--gv-tag--p",
+          "description": "Padding",
+          "type": "length",
+          "default": "4px 8px",
+          "value": "4px 8px"
+        },
+        {
+          "name": "--gv-tag--bdr",
+          "description": "Border radius",
+          "type": "length",
+          "default": "4px",
+          "value": "4px"
+        },
+        {
+          "name": "--gv-tag--bsw",
+          "description": "Box shadow",
+          "type": "string",
+          "default": "none",
+          "value": "none"
+        },
+        {
+          "name": "--gv-tag--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-lighter, #fafafa)",
+          "value": ""
+        },
+        {
+          "name": "--gv-tag-major--bgc",
+          "description": "Major background color",
+          "type": "color",
+          "default": "var(--gv-theme-color, #5a7684)",
+          "value": ""
+        },
+        {
+          "name": "--gv-tag-minor--bgc",
+          "description": "Minor background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-lightest, #ffffff)",
+          "value": ""
+        },
+        {
+          "name": "--gv-tag--bdc",
+          "description": "Border color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-dark, #d9d9d9)",
+          "value": ""
+        },
+        {
+          "name": "--gv-tag-major--bdc",
+          "description": "Major border color",
+          "type": "color",
+          "default": "var(--gv-theme-color, #5a7684)",
+          "value": ""
+        },
+        {
+          "name": "--gv-tag-minor--bdc",
+          "description": "Minor border color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-dark, #d9d9d9)",
+          "value": ""
+        },
+        {
+          "name": "--gv-tag--bds",
+          "description": "Border style",
+          "type": "string",
+          "default": "solid",
+          "value": "solid"
+        },
+        {
+          "name": "--gv-tag-major--bds",
+          "description": "Major border style",
+          "type": "string",
+          "default": "solid",
+          "value": "solid"
+        },
+        {
+          "name": "--gv-tag-minor--bds",
+          "description": "Minor border style",
+          "type": "string",
+          "default": "dashed",
+          "value": "dashed"
+        },
+        {
+          "name": "--gv-tag--bdw",
+          "description": "Border width",
+          "type": "length",
+          "default": "1px",
+          "value": "1px"
+        },
+        {
+          "name": "--gv-tag-major--bdw",
+          "description": "Major border width",
+          "type": "length",
+          "default": "1px",
+          "value": "1px"
+        },
+        {
+          "name": "--gv-tag-minor--bdw",
+          "description": "Minor border width",
+          "type": "length",
+          "default": "1px",
+          "value": "1px"
+        },
+        {
+          "name": "--gv-tag--c",
+          "description": "Color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-dark, #262626)",
+          "value": ""
+        },
+        {
+          "name": "--gv-tag-major--c",
+          "description": "Major color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-light, #ffffff)",
+          "value": ""
+        },
+        {
+          "name": "--gv-tag-minor--c",
+          "description": "Minor color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-dark, #262626)",
+          "value": ""
+        },
+        {
+          "name": "--gv-tag-icon--s",
+          "description": "Height and icon width",
+          "type": "length",
+          "default": "18px",
+          "value": "18px"
+        }
+      ]
+    },
+    {
+      "name": "gv-switch",
+      "css": [
+        {
+          "name": "--gv-switch-on--bgc",
+          "description": "On background color",
+          "type": "color",
+          "default": "var(--gv-theme-color, #5a7684)",
+          "value": ""
+        },
+        {
+          "name": "--gv-switch-off--bgc",
+          "description": "Off background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-dark, #bfbfbf)",
+          "value": ""
+        },
+        {
+          "name": "--gv-switch--bgc",
+          "description": "Switch background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-lightest, #ffffff)",
+          "value": ""
+        },
+        {
+          "name": "--gv-switch--ta",
+          "description": "Switch label text alignment",
+          "type": "string",
+          "default": "left",
+          "value": "left"
+        }
+      ]
+    },
+    {
+      "name": "gv-state",
+      "css": [
+        {
+          "name": "--gv-state--bdr",
+          "description": "Border radius",
+          "type": "length",
+          "default": "17px",
+          "value": "17px"
+        },
+        {
+          "name": "--gv-state--fz",
+          "description": "Font size",
+          "type": "length",
+          "default": "var(--gv-theme-font-size-s, 12px)",
+          "value": ""
+        },
+        {
+          "name": "--gv-state--fw",
+          "description": "Font weight",
+          "type": "string",
+          "default": "bold",
+          "value": "bold"
+        },
+        {
+          "name": "--gv-state--tt",
+          "description": "Text transform",
+          "type": "string",
+          "default": "uppercase",
+          "value": "uppercase"
+        },
+        {
+          "name": "--gv-state--p",
+          "description": "Padding",
+          "type": "length",
+          "default": "4px 8px",
+          "value": "4px 8px"
+        },
+        {
+          "name": "--gv-state--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "#f0f5ff",
+          "value": "#f0f5ff"
+        },
+        {
+          "name": "--gv-state--c",
+          "description": "Color",
+          "type": "color",
+          "default": "#597ef7",
+          "value": "#597ef7"
+        },
+        {
+          "name": "--gv-state-major--bgc",
+          "description": "Major background color",
+          "type": "color",
+          "default": "var(--gv-theme-color-light, #d5fdcb)",
+          "value": ""
+        },
+        {
+          "name": "--gv-state-major--c",
+          "description": "Major color",
+          "type": "color",
+          "default": "var(--gv-theme-color, #009b5b)",
+          "value": ""
+        }
+      ]
+    },
+    {
+      "name": "gv-select",
+      "css": [
+        {
+          "name": "--gv-select--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-lightest, #ffffff)",
+          "value": ""
+        },
+        {
+          "name": "--gv-select--list-bgc",
+          "description": "List items background color",
+          "type": "color",
+          "default": "var(--gv-select--bgc, var(--gv-theme-neutral-color-lightest, #ffffff))",
+          "value": ""
+        },
+        {
+          "name": "--gv-select--bdc",
+          "description": "Border color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-dark, #d9d9d9)",
+          "value": ""
+        },
+        {
+          "name": "--gv-select--c",
+          "description": "Color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-dark, #262626)",
+          "value": ""
+        },
+        {
+          "name": "--gv-select-hover--bgc",
+          "description": "Hover background color",
+          "type": "color",
+          "default": "var(--gv-theme-color-light, #86c3d0)",
+          "value": ""
+        },
+        {
+          "name": "--gv-select-selected--bgc",
+          "description": "Selected background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-light, #efefef)",
+          "value": ""
+        }
+      ]
+    },
+    {
+      "name": "gv-metric",
+      "css": [
+        {
+          "name": "--gv-metric--c",
+          "description": "Color",
+          "type": "color",
+          "default": "var(--gv-theme-color, #5a7684)",
+          "value": ""
+        },
+        {
+          "name": "--gv-metric-icon--s",
+          "description": "Height and icon width",
+          "type": "length",
+          "default": "24px",
+          "value": "24px"
+        }
+      ]
+    },
+    {
+      "name": "gv-link",
+      "css": [
+        {
+          "name": "--gv-link-a--pv",
+          "description": "Vertical padding for the inner <a> tag",
+          "type": "length",
+          "default": "15px",
+          "value": "15px"
+        },
+        {
+          "name": "--gv-link-a--ph",
+          "description": "Horizontal padding for the inner <a> tag",
+          "type": "length",
+          "default": "15px",
+          "value": "15px"
+        },
+        {
+          "name": "--gv-link--c",
+          "description": "Color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-dark, #262626)",
+          "value": ""
+        },
+        {
+          "name": "--gv-link-active--c",
+          "description": "Active color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-light, #ffffff)",
+          "value": ""
+        },
+        {
+          "name": "--gv-link--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "transparent",
+          "value": "transparent"
+        },
+        {
+          "name": "--gv-link-active--bgc",
+          "description": "Active background color",
+          "type": "color",
+          "default": "var(--gv-theme-color-dark, #28444f)",
+          "value": ""
+        },
+        {
+          "name": "--gv-link-active--bdc",
+          "description": "Active border color",
+          "type": "color",
+          "default": "none",
+          "value": "none"
+        },
+        {
+          "name": "--gv-link-active--bds",
+          "description": "Active border style",
+          "type": "string",
+          "default": "none",
+          "value": "none"
+        },
+        {
+          "name": "--gv-link-active--bdw",
+          "description": "Active border width",
+          "type": "length",
+          "default": "none",
+          "value": "none"
+        },
+        {
+          "name": "--gv-link--ta",
+          "description": "Text align",
+          "type": "string",
+          "default": "center",
+          "value": "center"
+        },
+        {
+          "name": "--gv-link--td",
+          "description": "Text decoration",
+          "type": "string",
+          "default": "none",
+          "value": "none"
+        },
+        {
+          "name": "--gv-link--tsh",
+          "description": "Text shadow",
+          "type": "string",
+          "default": "none",
+          "value": "none"
+        },
+        {
+          "name": "--gv-link-icon--s",
+          "description": "Height and icon width",
+          "type": "length",
+          "default": "24px",
+          "value": "24px"
+        }
+      ]
+    },
+    {
+      "name": "gv-input",
+      "css": [
+        {
+          "name": "--gv-input--bdc",
+          "description": "Border color",
+          "type": "string",
+          "default": "var(--gv-theme-neutral-color, #F5F5F5)",
+          "value": ""
+        },
+        {
+          "name": "--gv-input--bds",
+          "description": "Border style",
+          "type": "color",
+          "default": "solid",
+          "value": "solid"
+        },
+        {
+          "name": "--gv-input-icon--bgc",
+          "description": "Icon background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color, #F5F5F5)",
+          "value": ""
+        }
+      ]
+    },
+    {
+      "name": "gv-image",
+      "css": [
+        {
+          "name": "--gv-image--of",
+          "description": "set the object-fit of image",
+          "type": "string",
+          "default": "cover",
+          "value": "cover"
+        }
+      ]
+    },
+    {
+      "name": "gv-icon",
+      "css": [
+        {
+          "name": "--gv-icon--c",
+          "description": "Color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-dark, #262626)",
+          "value": ""
+        },
+        {
+          "name": "--gv-icon-opacity--c",
+          "description": "Opacity color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-dark, #262626)",
+          "value": ""
+        },
+        {
+          "name": "--gv-icon--s",
+          "description": "Height and width",
+          "type": "length",
+          "default": "32px",
+          "value": "32px"
+        }
+      ]
+    },
+    {
+      "name": "gv-date-picker",
+      "css": [
+        {
+          "name": "--gv-date-picker-hover--bgc",
+          "description": "Hover background color",
+          "type": "color",
+          "default": "var(--gv-theme-color-light, #86c3d0)",
+          "value": ""
+        },
+        {
+          "name": "--gv-date-picker-hover--c",
+          "description": "Hover color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-dark, #262626)",
+          "value": ""
+        },
+        {
+          "name": "--gv-date-picker-selected--bgc",
+          "description": "Selected background color",
+          "type": "color",
+          "default": "var(--gv-theme-color, #5a7684)",
+          "value": ""
+        },
+        {
+          "name": "--gv-date-picker-selected--c",
+          "description": "Selected color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-light, #ffffff)",
+          "value": ""
+        }
+      ]
+    },
+    {
+      "name": "gv-date-picker-cell",
+      "css": [
+        {
+          "name": "--gv-date-picker-hover--bgc",
+          "description": "Hover background color",
+          "type": "color",
+          "default": "var(--gv-theme-color-light, #86c3d0)",
+          "value": ""
+        },
+        {
+          "name": "--gv-date-picker-hover--c",
+          "description": "Hover color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-dark, #262626)",
+          "value": ""
+        },
+        {
+          "name": "--gv-date-picker-selected--bgc",
+          "description": "Selected background color",
+          "type": "color",
+          "default": "var(--gv-theme-color, #5a7684)",
+          "value": ""
+        },
+        {
+          "name": "--gv-date-picker-selected--c",
+          "description": "Selected color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-light, #ffffff)",
+          "value": ""
+        }
+      ]
+    },
+    {
+      "name": "gv-date-picker-calendar",
+      "css": [
+        {
+          "name": "--gv-date-picker-hover--bgc",
+          "description": "Hover background color",
+          "type": "color",
+          "default": "var(--gv-theme-color-light, #86c3d0)",
+          "value": ""
+        },
+        {
+          "name": "--gv-date-picker-hover--c",
+          "description": "Hover color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-dark, #262626)",
+          "value": ""
+        },
+        {
+          "name": "--gv-date-picker-selected--bgc",
+          "description": "Selected background color",
+          "type": "color",
+          "default": "var(--gv-theme-color, #5a7684)",
+          "value": ""
+        },
+        {
+          "name": "--gv-date-picker-selected--c",
+          "description": "Selected color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-light, #ffffff)",
+          "value": ""
+        }
+      ]
+    },
+    {
+      "name": "gv-checkbox",
+      "css": [
+        {
+          "name": "--gv-checkbox--bgc",
+          "description": "Checked background color",
+          "type": "color",
+          "default": "var(--gv-theme-color, #5a7684)",
+          "value": ""
+        }
+      ]
+    },
+    {
+      "name": "gv-button",
+      "css": [
+        {
+          "name": "--gv-button--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "var(--gv-theme-color-dark, #28444f)",
+          "value": ""
+        },
+        {
+          "name": "--gv-button--c",
+          "description": "Color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-light, #ffffff)",
+          "value": ""
+        },
+        {
+          "name": "--gv-button-primary--c",
+          "description": "Primary color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-light, #ffffff)",
+          "value": ""
+        },
+        {
+          "name": "--gv-button-primary--bgc",
+          "description": "Primary background color",
+          "type": "color",
+          "default": "var(--gv-theme-color, #5a7684)",
+          "value": ""
+        },
+        {
+          "name": "--gv-button-danger--c",
+          "description": "Danger color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color-light, #ffffff)",
+          "value": ""
+        },
+        {
+          "name": "--gv-button-danger--bgc",
+          "description": "Danger background color",
+          "type": "color",
+          "default": "var(--gv-theme-color-danger, #ff5722)",
+          "value": ""
+        },
+        {
+          "name": "--gv-button-oidc--bgc",
+          "description": "OIDC Social Provider button background color",
+          "type": "color",
+          "default": "#000000",
+          "value": "#000000"
+        },
+        {
+          "name": "--gv-button-graviteeio_am--bgc",
+          "description": "Gravitee.io AM Social Provider button background color",
+          "type": "color",
+          "default": "#86c3d0",
+          "value": "#86c3d0"
+        },
+        {
+          "name": "--gv-button--p",
+          "description": "Padding",
+          "type": "length",
+          "default": "7px 14px",
+          "value": "7px 14px"
+        },
+        {
+          "name": "--gv-button--fz",
+          "description": "Font size",
+          "type": "length",
+          "default": "var(--gv-theme-font-size-m, 14px)",
+          "value": ""
+        },
+        {
+          "name": "--gv-button--bdrs",
+          "description": "Border radius",
+          "type": "length",
+          "default": "0.15rem",
+          "value": "0.15rem"
+        }
+      ]
+    },
+    {
+      "name": "gv-autocomplete",
+      "css": [
+        {
+          "name": "--gv-autocomplete-hover--bgc",
+          "description": "Hover background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-lighter, #fafafa)",
+          "value": ""
+        },
+        {
+          "name": "--gv-autocomplete--bgc",
+          "description": "Background color",
+          "type": "color",
+          "default": "var(--gv-theme-neutral-color-lightest, #ffffff)",
+          "value": ""
+        },
+        {
+          "name": "--gv-autocomplete--c",
+          "description": "Color",
+          "type": "color",
+          "default": "var(--gv-theme-font-color, #262626)",
+          "value": ""
+        }
+      ]
+    }
+  ]
+}