igniteui-webcomponents 4.2.2 → 4.3.0-alpha.0

package/themes/light/material.css

@@ -83,252 +83,360 @@
 }
 
 :root {
+  --ig-primary-50: hsl(204, 100%, 89%);
   --ig-primary-50-contrast: black;
   --ig-primary-50: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 1.78);
+  --ig-primary-100: hsl(204, 80%, 83%);
   --ig-primary-100-contrast: black;
   --ig-primary-100: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.8), calc(var(--ig-primary-l) * 1.66);
+  --ig-primary-200: hsl(204, 64%, 71.5%);
   --ig-primary-200-contrast: black;
   --ig-primary-200: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.64), calc(var(--ig-primary-l) * 1.43);
+  --ig-primary-300: hsl(204, 73%, 59.5%);
   --ig-primary-300-contrast: black;
   --ig-primary-300: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.73), calc(var(--ig-primary-l) * 1.19);
+  --ig-primary-400: hsl(204, 87.5%, 54%);
   --ig-primary-400-contrast: black;
   --ig-primary-400: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.875), calc(var(--ig-primary-l) * 1.08);
   --ig-primary-h: 204deg;
   --ig-primary-s: 100%;
   --ig-primary-l: 50%;
   --ig-primary-a: 1;
+  --ig-primary-500: hsl(204, 100%, 50%);
   --ig-primary-500-contrast: black;
   --ig-primary-500: var(--ig-primary-h), calc(var(--ig-primary-s) * 1), calc(var(--ig-primary-l) * 1);
+  --ig-primary-600: hsl(204, 100%, 44.5%);
   --ig-primary-600-contrast: black;
   --ig-primary-600: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.26), calc(var(--ig-primary-l) * 0.89);
+  --ig-primary-700: hsl(204, 100%, 40.5%);
   --ig-primary-700-contrast: black;
   --ig-primary-700: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.52), calc(var(--ig-primary-l) * 0.81);
+  --ig-primary-800: hsl(204, 100%, 36.5%);
   --ig-primary-800-contrast: white;
   --ig-primary-800: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.5), calc(var(--ig-primary-l) * 0.73);
+  --ig-primary-900: hsl(204, 100%, 32%);
   --ig-primary-900-contrast: white;
   --ig-primary-900: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.34), calc(var(--ig-primary-l) * 0.64);
+  --ig-primary-A100: hsl(204, 100%, 67%);
   --ig-primary-A100-contrast: black;
   --ig-primary-A100: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 1.34);
+  --ig-primary-A200: hsl(204, 100%, 58%);
   --ig-primary-A200-contrast: black;
   --ig-primary-A200: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.22), calc(var(--ig-primary-l) * 1.16);
+  --ig-primary-A400: hsl(204, 100%, 45.5%);
   --ig-primary-A400-contrast: black;
   --ig-primary-A400: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 0.91);
+  --ig-primary-A700: hsl(204, 100%, 32.5%);
   --ig-primary-A700-contrast: white;
   --ig-primary-A700: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 0.65);
+  --ig-secondary-50: hsl(332.7, 96.85%, 89.35%);
   --ig-secondary-50-contrast: black;
   --ig-secondary-50: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 1.78);
+  --ig-secondary-100: hsl(332.7, 62.99%, 83.33%);
   --ig-secondary-100-contrast: black;
   --ig-secondary-100: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.8), calc(var(--ig-secondary-l) * 1.66);
+  --ig-secondary-200: hsl(332.7, 50.39%, 71.78%);
   --ig-secondary-200-contrast: black;
   --ig-secondary-200: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.64), calc(var(--ig-secondary-l) * 1.43);
+  --ig-secondary-300: hsl(332.7, 57.48%, 59.73%);
   --ig-secondary-300-contrast: black;
   --ig-secondary-300: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.73), calc(var(--ig-secondary-l) * 1.19);
+  --ig-secondary-400: hsl(332.7, 68.9%, 54.21%);
   --ig-secondary-400-contrast: black;
   --ig-secondary-400: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.875), calc(var(--ig-secondary-l) * 1.08);
   --ig-secondary-h: 333deg;
   --ig-secondary-s: 79%;
   --ig-secondary-l: 50%;
   --ig-secondary-a: 1;
+  --ig-secondary-500: hsl(332.7, 78.74%, 50.2%);
   --ig-secondary-500-contrast: black;
   --ig-secondary-500: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1), calc(var(--ig-secondary-l) * 1);
+  --ig-secondary-600: hsl(332.7, 99.21%, 44.67%);
   --ig-secondary-600-contrast: white;
   --ig-secondary-600: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.26), calc(var(--ig-secondary-l) * 0.89);
+  --ig-secondary-700: hsl(332.7, 100%, 40.66%);
   --ig-secondary-700-contrast: white;
   --ig-secondary-700: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.52), calc(var(--ig-secondary-l) * 0.81);
+  --ig-secondary-800: hsl(332.7, 100%, 36.64%);
   --ig-secondary-800-contrast: white;
   --ig-secondary-800: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.5), calc(var(--ig-secondary-l) * 0.73);
+  --ig-secondary-900: hsl(332.7, 100%, 32.13%);
   --ig-secondary-900-contrast: white;
   --ig-secondary-900: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.34), calc(var(--ig-secondary-l) * 0.64);
+  --ig-secondary-A100: hsl(332.7, 96.85%, 67.26%);
   --ig-secondary-A100-contrast: black;
   --ig-secondary-A100: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 1.34);
+  --ig-secondary-A200: hsl(332.7, 96.06%, 58.23%);
   --ig-secondary-A200-contrast: black;
   --ig-secondary-A200: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.22), calc(var(--ig-secondary-l) * 1.16);
+  --ig-secondary-A400: hsl(332.7, 96.85%, 45.68%);
   --ig-secondary-A400-contrast: white;
   --ig-secondary-A400: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 0.91);
+  --ig-secondary-A700: hsl(332.7, 96.85%, 32.63%);
   --ig-secondary-A700-contrast: white;
   --ig-secondary-A700: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 0.65);
+  --ig-gray-50: hsl(0, 0%, 98%);
   --ig-gray-50-contrast: black;
   --ig-gray-50: var(--ig-gray-h), var(--ig-gray-s), 98%;
+  --ig-gray-100: hsl(0, 0%, 96%);
   --ig-gray-100-contrast: black;
   --ig-gray-100: var(--ig-gray-h), var(--ig-gray-s), 96%;
+  --ig-gray-200: hsl(0, 0%, 93%);
   --ig-gray-200-contrast: black;
   --ig-gray-200: var(--ig-gray-h), var(--ig-gray-s), 93%;
+  --ig-gray-300: hsl(0, 0%, 88%);
   --ig-gray-300-contrast: black;
   --ig-gray-300: var(--ig-gray-h), var(--ig-gray-s), 88%;
+  --ig-gray-400: hsl(0, 0%, 74%);
   --ig-gray-400-contrast: black;
   --ig-gray-400: var(--ig-gray-h), var(--ig-gray-s), 74%;
   --ig-gray-h: 0deg;
   --ig-gray-s: 0%;
   --ig-gray-l: 62%;
   --ig-gray-a: 1;
+  --ig-gray-500: hsl(0, 0%, 62%);
   --ig-gray-500-contrast: black;
   --ig-gray-500: var(--ig-gray-h), var(--ig-gray-s), 62%;
+  --ig-gray-600: hsl(0, 0%, 54%);
   --ig-gray-600-contrast: black;
   --ig-gray-600: var(--ig-gray-h), var(--ig-gray-s), 54%;
+  --ig-gray-700: hsl(0, 0%, 38%);
   --ig-gray-700-contrast: white;
   --ig-gray-700: var(--ig-gray-h), var(--ig-gray-s), 38%;
+  --ig-gray-800: hsl(0, 0%, 26%);
   --ig-gray-800-contrast: white;
   --ig-gray-800: var(--ig-gray-h), var(--ig-gray-s), 26%;
+  --ig-gray-900: hsl(0, 0%, 13%);
   --ig-gray-900-contrast: white;
   --ig-gray-900: var(--ig-gray-h), var(--ig-gray-s), 13%;
+  --ig-surface-50: hsl(0, 0%, 100%);
   --ig-surface-50-contrast: black;
   --ig-surface-50: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 1.78);
+  --ig-surface-100: hsl(0, 0%, 100%);
   --ig-surface-100-contrast: black;
   --ig-surface-100: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.8), calc(var(--ig-surface-l) * 1.66);
+  --ig-surface-200: hsl(0, 0%, 100%);
   --ig-surface-200-contrast: black;
   --ig-surface-200: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.64), calc(var(--ig-surface-l) * 1.43);
+  --ig-surface-300: hsl(0, 0%, 100%);
   --ig-surface-300-contrast: black;
   --ig-surface-300: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.73), calc(var(--ig-surface-l) * 1.19);
+  --ig-surface-400: hsl(0, 0%, 100%);
   --ig-surface-400-contrast: black;
   --ig-surface-400: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.875), calc(var(--ig-surface-l) * 1.08);
   --ig-surface-h: 0deg;
   --ig-surface-s: 0%;
   --ig-surface-l: 100%;
   --ig-surface-a: 1;
+  --ig-surface-500: hsl(0, 0%, 100%);
   --ig-surface-500-contrast: black;
   --ig-surface-500: var(--ig-surface-h), calc(var(--ig-surface-s) * 1), calc(var(--ig-surface-l) * 1);
+  --ig-surface-600: hsl(0, 0%, 89%);
   --ig-surface-600-contrast: black;
   --ig-surface-600: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.26), calc(var(--ig-surface-l) * 0.89);
+  --ig-surface-700: hsl(0, 0%, 81%);
   --ig-surface-700-contrast: black;
   --ig-surface-700: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.52), calc(var(--ig-surface-l) * 0.81);
+  --ig-surface-800: hsl(0, 0%, 73%);
   --ig-surface-800-contrast: black;
   --ig-surface-800: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.5), calc(var(--ig-surface-l) * 0.73);
+  --ig-surface-900: hsl(0, 0%, 64%);
   --ig-surface-900-contrast: black;
   --ig-surface-900: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.34), calc(var(--ig-surface-l) * 0.64);
+  --ig-surface-A100: hsl(0, 0%, 100%);
   --ig-surface-A100-contrast: black;
   --ig-surface-A100: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 1.34);
+  --ig-surface-A200: hsl(0, 0%, 100%);
   --ig-surface-A200-contrast: black;
   --ig-surface-A200: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.22), calc(var(--ig-surface-l) * 1.16);
+  --ig-surface-A400: hsl(0, 0%, 91%);
   --ig-surface-A400-contrast: black;
   --ig-surface-A400: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 0.91);
+  --ig-surface-A700: hsl(0, 0%, 65%);
   --ig-surface-A700-contrast: black;
   --ig-surface-A700: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 0.65);
+  --ig-info-50: hsl(209.07, 100%, 80.97%);
   --ig-info-50-contrast: black;
   --ig-info-50: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 1.78);
+  --ig-info-100: hsl(209.07, 66.9%, 75.51%);
   --ig-info-100-contrast: black;
   --ig-info-100: var(--ig-info-h), calc(var(--ig-info-s) * 0.8), calc(var(--ig-info-l) * 1.66);
+  --ig-info-200: hsl(209.07, 53.52%, 65.05%);
   --ig-info-200-contrast: black;
   --ig-info-200: var(--ig-info-h), calc(var(--ig-info-s) * 0.64), calc(var(--ig-info-l) * 1.43);
+  --ig-info-300: hsl(209.07, 61.04%, 54.13%);
   --ig-info-300-contrast: black;
   --ig-info-300: var(--ig-info-h), calc(var(--ig-info-s) * 0.73), calc(var(--ig-info-l) * 1.19);
+  --ig-info-400: hsl(209.07, 73.17%, 49.13%);
   --ig-info-400-contrast: black;
   --ig-info-400: var(--ig-info-h), calc(var(--ig-info-s) * 0.875), calc(var(--ig-info-l) * 1.08);
   --ig-info-h: 209deg;
   --ig-info-s: 84%;
   --ig-info-l: 45%;
   --ig-info-a: 1;
+  --ig-info-500: hsl(209.07, 83.62%, 45.49%);
   --ig-info-500-contrast: black;
   --ig-info-500: var(--ig-info-h), calc(var(--ig-info-s) * 1), calc(var(--ig-info-l) * 1);
+  --ig-info-600: hsl(209.07, 100%, 40.49%);
   --ig-info-600-contrast: white;
   --ig-info-600: var(--ig-info-h), calc(var(--ig-info-s) * 1.26), calc(var(--ig-info-l) * 0.89);
+  --ig-info-700: hsl(209.07, 100%, 36.85%);
   --ig-info-700-contrast: white;
   --ig-info-700: var(--ig-info-h), calc(var(--ig-info-s) * 1.52), calc(var(--ig-info-l) * 0.81);
+  --ig-info-800: hsl(209.07, 100%, 33.21%);
   --ig-info-800-contrast: white;
   --ig-info-800: var(--ig-info-h), calc(var(--ig-info-s) * 1.5), calc(var(--ig-info-l) * 0.73);
+  --ig-info-900: hsl(209.07, 100%, 29.11%);
   --ig-info-900-contrast: white;
   --ig-info-900: var(--ig-info-h), calc(var(--ig-info-s) * 1.34), calc(var(--ig-info-l) * 0.64);
+  --ig-info-A100: hsl(209.07, 100%, 60.96%);
   --ig-info-A100-contrast: black;
   --ig-info-A100: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 1.34);
+  --ig-info-A200: hsl(209.07, 100%, 52.77%);
   --ig-info-A200-contrast: black;
   --ig-info-A200: var(--ig-info-h), calc(var(--ig-info-s) * 1.22), calc(var(--ig-info-l) * 1.16);
+  --ig-info-A400: hsl(209.07, 100%, 41.4%);
   --ig-info-A400-contrast: white;
   --ig-info-A400: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 0.91);
+  --ig-info-A700: hsl(209.07, 100%, 29.57%);
   --ig-info-A700-contrast: white;
   --ig-info-A700: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 0.65);
+  --ig-success-50: hsl(131.32, 52.57%, 91.44%);
   --ig-success-50-contrast: black;
   --ig-success-50: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 1.78);
+  --ig-success-100: hsl(131.32, 34.19%, 85.28%);
   --ig-success-100-contrast: black;
   --ig-success-100: var(--ig-success-h), calc(var(--ig-success-s) * 0.8), calc(var(--ig-success-l) * 1.66);
+  --ig-success-200: hsl(131.32, 27.35%, 73.46%);
   --ig-success-200-contrast: black;
   --ig-success-200: var(--ig-success-h), calc(var(--ig-success-s) * 0.64), calc(var(--ig-success-l) * 1.43);
+  --ig-success-300: hsl(131.32, 31.2%, 61.13%);
   --ig-success-300-contrast: black;
   --ig-success-300: var(--ig-success-h), calc(var(--ig-success-s) * 0.73), calc(var(--ig-success-l) * 1.19);
+  --ig-success-400: hsl(131.32, 37.4%, 55.48%);
   --ig-success-400-contrast: black;
   --ig-success-400: var(--ig-success-h), calc(var(--ig-success-s) * 0.875), calc(var(--ig-success-l) * 1.08);
   --ig-success-h: 131deg;
   --ig-success-s: 43%;
   --ig-success-l: 51%;
   --ig-success-a: 1;
+  --ig-success-500: hsl(131.32, 42.74%, 51.37%);
   --ig-success-500-contrast: black;
   --ig-success-500: var(--ig-success-h), calc(var(--ig-success-s) * 1), calc(var(--ig-success-l) * 1);
+  --ig-success-600: hsl(131.32, 53.85%, 45.72%);
   --ig-success-600-contrast: black;
   --ig-success-600: var(--ig-success-h), calc(var(--ig-success-s) * 1.26), calc(var(--ig-success-l) * 0.89);
+  --ig-success-700: hsl(131.32, 64.97%, 41.61%);
   --ig-success-700-contrast: black;
   --ig-success-700: var(--ig-success-h), calc(var(--ig-success-s) * 1.52), calc(var(--ig-success-l) * 0.81);
+  --ig-success-800: hsl(131.32, 64.11%, 37.5%);
   --ig-success-800-contrast: black;
   --ig-success-800: var(--ig-success-h), calc(var(--ig-success-s) * 1.5), calc(var(--ig-success-l) * 0.73);
+  --ig-success-900: hsl(131.32, 57.27%, 32.88%);
   --ig-success-900-contrast: white;
   --ig-success-900: var(--ig-success-h), calc(var(--ig-success-s) * 1.34), calc(var(--ig-success-l) * 0.64);
+  --ig-success-A100: hsl(131.32, 52.57%, 68.84%);
   --ig-success-A100-contrast: black;
   --ig-success-A100: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 1.34);
+  --ig-success-A200: hsl(131.32, 52.15%, 59.59%);
   --ig-success-A200-contrast: black;
   --ig-success-A200: var(--ig-success-h), calc(var(--ig-success-s) * 1.22), calc(var(--ig-success-l) * 1.16);
+  --ig-success-A400: hsl(131.32, 52.57%, 46.75%);
   --ig-success-A400-contrast: black;
   --ig-success-A400: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 0.91);
+  --ig-success-A700: hsl(131.32, 52.57%, 33.39%);
   --ig-success-A700-contrast: white;
   --ig-success-A700: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 0.65);
+  --ig-warn-50: hsl(37.07, 100%, 95.98%);
   --ig-warn-50-contrast: black;
   --ig-warn-50: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 1.78);
+  --ig-warn-100: hsl(37.07, 76.6%, 89.51%);
   --ig-warn-100-contrast: black;
   --ig-warn-100: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.8), calc(var(--ig-warn-l) * 1.66);
+  --ig-warn-200: hsl(37.07, 61.28%, 77.11%);
   --ig-warn-200-contrast: black;
   --ig-warn-200: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.64), calc(var(--ig-warn-l) * 1.43);
+  --ig-warn-300: hsl(37.07, 69.89%, 64.17%);
   --ig-warn-300-contrast: black;
   --ig-warn-300: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.73), calc(var(--ig-warn-l) * 1.19);
+  --ig-warn-400: hsl(37.07, 83.78%, 58.24%);
   --ig-warn-400-contrast: black;
   --ig-warn-400: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.875), calc(var(--ig-warn-l) * 1.08);
   --ig-warn-h: 37deg;
   --ig-warn-s: 96%;
   --ig-warn-l: 54%;
   --ig-warn-a: 1;
+  --ig-warn-500: hsl(37.07, 95.74%, 53.92%);
   --ig-warn-500-contrast: black;
   --ig-warn-500: var(--ig-warn-h), calc(var(--ig-warn-s) * 1), calc(var(--ig-warn-l) * 1);
+  --ig-warn-600: hsl(37.07, 100%, 47.99%);
   --ig-warn-600-contrast: black;
   --ig-warn-600: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.26), calc(var(--ig-warn-l) * 0.89);
+  --ig-warn-700: hsl(37.07, 100%, 43.68%);
   --ig-warn-700-contrast: black;
   --ig-warn-700: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.52), calc(var(--ig-warn-l) * 0.81);
+  --ig-warn-800: hsl(37.07, 100%, 39.36%);
   --ig-warn-800-contrast: black;
   --ig-warn-800: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.5), calc(var(--ig-warn-l) * 0.73);
+  --ig-warn-900: hsl(37.07, 100%, 34.51%);
   --ig-warn-900-contrast: black;
   --ig-warn-900: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.34), calc(var(--ig-warn-l) * 0.64);
+  --ig-warn-A100: hsl(37.07, 100%, 72.25%);
   --ig-warn-A100-contrast: black;
   --ig-warn-A100: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 1.34);
+  --ig-warn-A200: hsl(37.07, 100%, 62.55%);
   --ig-warn-A200-contrast: black;
   --ig-warn-A200: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.22), calc(var(--ig-warn-l) * 1.16);
+  --ig-warn-A400: hsl(37.07, 100%, 49.07%);
   --ig-warn-A400-contrast: black;
   --ig-warn-A400: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 0.91);
+  --ig-warn-A700: hsl(37.07, 100%, 35.05%);
   --ig-warn-A700-contrast: black;
   --ig-warn-A700: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 0.65);
+  --ig-error-50: hsl(346.02, 100%, 95.63%);
   --ig-error-50-contrast: black;
   --ig-error-50: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 1.78);
+  --ig-error-100: hsl(346.02, 80%, 89.18%);
   --ig-error-100-contrast: black;
   --ig-error-100: var(--ig-error-h), calc(var(--ig-error-s) * 0.8), calc(var(--ig-error-l) * 1.66);
+  --ig-error-200: hsl(346.02, 64%, 76.83%);
   --ig-error-200-contrast: black;
   --ig-error-200: var(--ig-error-h), calc(var(--ig-error-s) * 0.64), calc(var(--ig-error-l) * 1.43);
+  --ig-error-300: hsl(346.02, 73%, 63.93%);
   --ig-error-300-contrast: black;
   --ig-error-300: var(--ig-error-h), calc(var(--ig-error-s) * 0.73), calc(var(--ig-error-l) * 1.19);
+  --ig-error-400: hsl(346.02, 87.5%, 58.02%);
   --ig-error-400-contrast: black;
   --ig-error-400: var(--ig-error-h), calc(var(--ig-error-s) * 0.875), calc(var(--ig-error-l) * 1.08);
   --ig-error-h: 346deg;
   --ig-error-s: 100%;
   --ig-error-l: 54%;
   --ig-error-a: 1;
+  --ig-error-500: hsl(346.02, 100%, 53.73%);
   --ig-error-500-contrast: black;
   --ig-error-500: var(--ig-error-h), calc(var(--ig-error-s) * 1), calc(var(--ig-error-l) * 1);
+  --ig-error-600: hsl(346.02, 100%, 47.82%);
   --ig-error-600-contrast: black;
   --ig-error-600: var(--ig-error-h), calc(var(--ig-error-s) * 1.26), calc(var(--ig-error-l) * 0.89);
+  --ig-error-700: hsl(346.02, 100%, 43.52%);
   --ig-error-700-contrast: white;
   --ig-error-700: var(--ig-error-h), calc(var(--ig-error-s) * 1.52), calc(var(--ig-error-l) * 0.81);
+  --ig-error-800: hsl(346.02, 100%, 39.22%);
   --ig-error-800-contrast: white;
   --ig-error-800: var(--ig-error-h), calc(var(--ig-error-s) * 1.5), calc(var(--ig-error-l) * 0.73);
+  --ig-error-900: hsl(346.02, 100%, 34.38%);
   --ig-error-900-contrast: white;
   --ig-error-900: var(--ig-error-h), calc(var(--ig-error-s) * 1.34), calc(var(--ig-error-l) * 0.64);
+  --ig-error-A100: hsl(346.02, 100%, 71.99%);
   --ig-error-A100-contrast: black;
   --ig-error-A100: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 1.34);
+  --ig-error-A200: hsl(346.02, 100%, 62.32%);
   --ig-error-A200-contrast: black;
   --ig-error-A200: var(--ig-error-h), calc(var(--ig-error-s) * 1.22), calc(var(--ig-error-l) * 1.16);
+  --ig-error-A400: hsl(346.02, 100%, 48.89%);
   --ig-error-A400-contrast: black;
   --ig-error-A400: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 0.91);
+  --ig-error-A700: hsl(346.02, 100%, 34.92%);
   --ig-error-A700-contrast: white;
   --ig-error-A700: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 0.65);
 }

package/vscode-html-custom-data.json

@@ -288,7 +288,7 @@
     },
     {
       "name": "igc-calendar",
-      "description": "Represents a calendar that lets users\nto select a date value in a variety of different ways.\n\nEvents:\n\n  * `igcChange` {} - Emitted when calendar changes its value.\n\nSlots:\n\n  * ` ` {} - The default slot for the calendar.\n\n  * `title` {} - Renders the title of the calendar header.\n\nAttributes:\n\n  * `hide-outside-days` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n  * `hide-header` {`boolean`} - Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.\n\n  * `header-orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the multiple months displayed in days view.\n\n  * `visible-months` {`number`} - The number of months displayed in days view.\n\n  * `active-view` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n  * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n  * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n  * `show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\n  * `week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n  * `active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n  * `styles` - \n\n  * `tagName` {`\"igc-calendar\"`} - \n\n  * `formatterMonth` {`DateTimeFormat`} - \n\n  * `formatterWeekday` {`DateTimeFormat`} - \n\n  * `formatterMonthDay` {`DateTimeFormat`} - \n\n  * `themeController` {`ThemeController`} - \n\n  * `theme` {`Theme`} - \n\n  * `rangePreviewDate` {`Date | undefined`} - \n\n  * `activeDaysViewIndex` {`number`} - \n\n  * `daysViews` {`NodeList`} - \n\n  * `monthsView` - \n\n  * `yearsView` - \n\n  * `hideOutsideDays` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n  * `hideHeader` {`boolean`} - Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.\n\n  * `headerOrientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the multiple months displayed in days view.\n\n  * `visibleMonths` {`number`} - The number of months displayed in days view.\n\n  * `activeView` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n  * `formatOptions` {`Pick<DateTimeFormatOptions, \"month\" | \"weekday\">`} - The options used to format the months and the weekdays in the calendar views.\n\n  * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n  * `yearPerPage` {`18 | 15`} - \n\n  * `previousButtonLabel` {`string`} - \n\n  * `nextButtonLabel` {`string`} - \n\n  * `handleKeyDown` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n  * `calendarModel` - \n\n  * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n  * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n  * `showWeekNumbers` {`boolean`} - Show/hide the week numbers.\n\n  * `weekStart` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n  * `activeDate` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\n  * `disabledDates` {`DateRangeDescriptor[]`} - Gets/sets disabled dates.\n\n  * `specialDates` {`DateRangeDescriptor[]`} - Gets/sets special dates.",
+      "description": "Represents a calendar that lets users\nto select a date value in a variety of different ways.\n\nEvents:\n\n  * `igcChange` {} - Emitted when calendar changes its value.\n\nSlots:\n\n  * ` ` {} - The default slot for the calendar.\n\n  * `title` {} - Renders the title of the calendar header.\n\nAttributes:\n\n  * `hide-outside-days` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n  * `hide-header` {`boolean`} - Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.\n\n  * `header-orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the multiple months displayed in days view.\n\n  * `visible-months` {`number`} - The number of months displayed in days view.\n\n  * `active-view` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n  * `value` {`Date | undefined`} - The current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - The current values of the calendar.\nUsed when selection is set to multiple or range.\n\n  * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n  * `show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\n  * `week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n  * `active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n  * `styles` - \n\n  * `tagName` {`\"igc-calendar\"`} - \n\n  * `formatterMonth` {`DateTimeFormat`} - \n\n  * `formatterWeekday` {`DateTimeFormat`} - \n\n  * `formatterMonthDay` {`DateTimeFormat`} - \n\n  * `themeController` {`ThemeController`} - \n\n  * `theme` {`Theme`} - \n\n  * `rangePreviewDate` {`Date | undefined`} - \n\n  * `activeDaysViewIndex` {`number`} - \n\n  * `daysViews` {`NodeList`} - \n\n  * `monthsView` - \n\n  * `yearsView` - \n\n  * `hideOutsideDays` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n  * `hideHeader` {`boolean`} - Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.\n\n  * `headerOrientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the multiple months displayed in days view.\n\n  * `visibleMonths` {`number`} - The number of months displayed in days view.\n\n  * `activeView` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n  * `formatOptions` {`Pick<DateTimeFormatOptions, \"month\" | \"weekday\">`} - The options used to format the months and the weekdays in the calendar views.\n\n  * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n  * `yearPerPage` {`18 | 15`} - \n\n  * `previousButtonLabel` {`string`} - \n\n  * `nextButtonLabel` {`string`} - \n\n  * `handleKeyDown` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n  * `_activeDate` {`Date`} - \n\n  * `_activeDateSetFlag` {`boolean`} - \n\n  * `calendarModel` - \n\n  * `value` {`Date | undefined`} - The current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - The current values of the calendar.\nUsed when selection is set to multiple or range.\n\n  * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n  * `showWeekNumbers` {`boolean`} - Show/hide the week numbers.\n\n  * `weekStart` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n  * `activeDate` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\n  * `disabledDates` {`DateRangeDescriptor[]`} - Gets/sets disabled dates.\n\n  * `specialDates` {`DateRangeDescriptor[]`} - Gets/sets special dates.",
       "attributes": [
         {
           "name": "hide-outside-days",
@@ -360,12 +360,12 @@
         },
         {
           "name": "value",
-          "description": "`value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\nProperty: value",
+          "description": "`value` {`Date | undefined`} - The current value of the calendar.\nUsed when selection is set to single.\n\nProperty: value",
           "values": []
         },
         {
           "name": "values",
-          "description": "`values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\nProperty: values",
+          "description": "`values` {`Date[] | undefined`} - The current values of the calendar.\nUsed when selection is set to multiple or range.\n\nProperty: values",
           "values": []
         },
         {
@@ -417,7 +417,7 @@
         },
         {
           "name": "active-date",
-          "description": "`active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\nProperty: activeDate\n\nDefault: new Date()"
+          "description": "`active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\nProperty: activeDate"
         },
         {
           "name": "locale",
@@ -431,7 +431,7 @@
     },
     {
       "name": "igc-days-view",
-      "description": "Instantiate a days view as a separate component in the calendar.\n\nEvents:\n\n  * `igcActiveDateChange` {} - Emitted when the active date changes.\n\n  * `igcRangePreviewDateChange` {} - Emitted when the range preview date changes.\n\nAttributes:\n\n  * `hide-leading-days` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n  * `hide-trailing-days` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n  * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n  * `week-day-format` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n  * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n  * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n  * `show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\n  * `week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n  * `active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n  * `tagName` {`\"igc-days-view\"`} - \n\n  * `styles` - \n\n  * `labelFormatter` {`DateTimeFormat`} - \n\n  * `formatterWeekday` {`DateTimeFormat`} - \n\n  * `dates` {`ICalendarDate[][]`} - \n\n  * `activeDay` {`HTMLElement`} - \n\n  * `hideLeadingDays` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n  * `hideTrailingDays` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n  * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n  * `rangePreviewDate` {`Date | undefined`} - The range preview date.\n\n  * `weekDayFormat` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n  * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n  * `isSingleSelection` {`boolean`} - \n\n  * `calendarModel` - \n\n  * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n  * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n  * `showWeekNumbers` {`boolean`} - Show/hide the week numbers.\n\n  * `weekStart` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n  * `activeDate` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\n  * `disabledDates` {`DateRangeDescriptor[]`} - Gets/sets disabled dates.\n\n  * `specialDates` {`DateRangeDescriptor[]`} - Gets/sets special dates.",
+      "description": "Instantiate a days view as a separate component in the calendar.\n\nEvents:\n\n  * `igcActiveDateChange` {} - Emitted when the active date changes.\n\n  * `igcRangePreviewDateChange` {} - Emitted when the range preview date changes.\n\nAttributes:\n\n  * `hide-leading-days` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n  * `hide-trailing-days` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n  * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n  * `week-day-format` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n  * `value` {`Date | undefined`} - The current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - The current values of the calendar.\nUsed when selection is set to multiple or range.\n\n  * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n  * `show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\n  * `week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n  * `active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n  * `tagName` {`\"igc-days-view\"`} - \n\n  * `styles` - \n\n  * `labelFormatter` {`DateTimeFormat`} - \n\n  * `formatterWeekday` {`DateTimeFormat`} - \n\n  * `dates` {`ICalendarDate[][]`} - \n\n  * `activeDay` {`HTMLElement`} - \n\n  * `hideLeadingDays` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n  * `hideTrailingDays` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n  * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n  * `rangePreviewDate` {`Date | undefined`} - The range preview date.\n\n  * `weekDayFormat` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n  * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n  * `isSingleSelection` {`boolean`} - \n\n  * `_activeDate` {`Date`} - \n\n  * `_activeDateSetFlag` {`boolean`} - \n\n  * `calendarModel` - \n\n  * `value` {`Date | undefined`} - The current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - The current values of the calendar.\nUsed when selection is set to multiple or range.\n\n  * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n  * `showWeekNumbers` {`boolean`} - Show/hide the week numbers.\n\n  * `weekStart` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n  * `activeDate` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\n  * `disabledDates` {`DateRangeDescriptor[]`} - Gets/sets disabled dates.\n\n  * `specialDates` {`DateRangeDescriptor[]`} - Gets/sets special dates.",
       "attributes": [
         {
           "name": "hide-leading-days",
@@ -465,12 +465,12 @@
         },
         {
           "name": "value",
-          "description": "`value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\nProperty: value",
+          "description": "`value` {`Date | undefined`} - The current value of the calendar.\nUsed when selection is set to single.\n\nProperty: value",
           "values": []
         },
         {
           "name": "values",
-          "description": "`values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\nProperty: values",
+          "description": "`values` {`Date[] | undefined`} - The current values of the calendar.\nUsed when selection is set to multiple or range.\n\nProperty: values",
           "values": []
         },
         {
@@ -522,7 +522,7 @@
         },
         {
           "name": "active-date",
-          "description": "`active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\nProperty: activeDate\n\nDefault: new Date()"
+          "description": "`active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\nProperty: activeDate"
         },
         {
           "name": "locale",
@@ -818,7 +818,7 @@
     },
     {
       "name": "igc-combo-item",
-      "description": "Attributes:\n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\n  * `hide-checkbox` {`boolean`} - \n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - \n\n  * `index` {`number`} - \n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\n  * `hideCheckbox` {`boolean`} - ",
+      "description": "Attributes:\n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\n  * `hide-checkbox` {`boolean`} - Determines whether the item is active.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - \n\n  * `index` {`number`} - \n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\n  * `hideCheckbox` {`boolean`} - Determines whether the item is active.",
       "attributes": [
         {
           "name": "selected",
@@ -832,7 +832,7 @@
         },
         {
           "name": "hide-checkbox",
-          "description": "`hide-checkbox` {`boolean`} - \n\nProperty: hideCheckbox\n\nDefault: false",
+          "description": "`hide-checkbox` {`boolean`} - Determines whether the item is active.\n\nProperty: hideCheckbox\n\nDefault: false",
           "valueSet": "v"
         }
       ]
@@ -844,7 +844,7 @@
     },
     {
       "name": "igc-combo",
-      "description": "Events:\n\n  * `igcFocus` {} - Emitted when the select gains focus.\n\n  * `igcBlur` {} - Emitted when the select loses focus.\n\n  * `igcChange` {} - Emitted when the control's selection has changed.\n\n  * `igcOpening` {} - Emitted just before the list of options is opened.\n\n  * `igcOpened` {} - Emitted after the list of options is opened.\n\n  * `igcClosing` {} - Emitter just before the list of options is closed.\n\n  * `igcClosed` {} - Emitted after the list of options is closed.\n\nSlots:\n\n  * `prefix` {} - Renders content before the input.\n\n  * `suffix` {} - Renders content after input.\n\n  * `header` {} - Renders a container before the list of options.\n\n  * `footer` {} - Renders a container after the list of options.\n\n  * `helper-text` {} - Renders content below the input.\n\n  * `toggle-icon` {} - Renders content inside the suffix container.\n\n  * `clear-icon` {} - Renders content inside the suffix container.\n\nAttributes:\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled attribute of the control.\n\n  * `required` {`boolean`} - The required attribute of the control.\n\n  * `invalid` {`boolean`} - The invalid attribute of the control.\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `single-select` {`boolean`} - Enables single selection mode and moves item filtering to the main input.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autofocus-list` {`boolean`} - Focuses the list of options when the menu opens.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `placeholder-search` {`string`} - The placeholder attribute of the search input.\n\n  * `dir` {`\"ltr\" | \"rtl\" | \"auto\"`} - The direction attribute of the control.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `flip` {`boolean`} - \n\n  * `value-key` - The key in the data source used when selecting items.\n\n  * `display-key` - The key in the data source used to display items in the list.\n\n  * `group-key` - The key in the data source used to group items in the list.\n\n  * `group-sorting` {\"asc\" | \"desc\"} - Sorts the items in each group by ascending or descending order.\n\n  * `filtering-options` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\n  * `case-sensitive-icon` {`boolean`} - Enables the case sensitive search icon in the filtering input.\n\n  * `disable-filtering` {`boolean`} - Disables the filtering of the list of options.\n\nProperties:\n\n  * `tagName` {`\"igc-combo\"`} - \n\n  * `styles` - \n\n  * `_value` {`string`} - \n\n  * `navigationController` - \n\n  * `selectionController` - \n\n  * `dataController` - \n\n  * `themeController` {`ThemeController`} - \n\n  * `theme` {`Theme`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `inputSuffix` {`HTMLElement[]`} - \n\n  * `inputPrefix` {`HTMLElement[]`} - \n\n  * `input` - \n\n  * `target` - \n\n  * `list` - \n\n  * `data` {`T[]`} - The data source used to generate the list of options.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled attribute of the control.\n\n  * `required` {`boolean`} - The required attribute of the control.\n\n  * `invalid` {`boolean`} - The invalid attribute of the control.\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `singleSelect` {`boolean`} - Enables single selection mode and moves item filtering to the main input.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autofocusList` {`boolean`} - Focuses the list of options when the menu opens.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `placeholderSearch` {`string`} - The placeholder attribute of the search input.\n\n  * `dir` {`\"ltr\" | \"rtl\" | \"auto\"`} - The direction attribute of the control.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `flip` {`boolean`} - \n\n  * `valueKey` - The key in the data source used when selecting items.\n\n  * `displayKey` - The key in the data source used to display items in the list.\n\n  * `groupKey` - The key in the data source used to group items in the list.\n\n  * `groupSorting` {\"asc\" | \"desc\"} - Sorts the items in each group by ascending or descending order.\n\n  * `filteringOptions` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\n  * `caseSensitiveIcon` {`boolean`} - Enables the case sensitive search icon in the filtering input.\n\n  * `disableFiltering` {`boolean`} - Disables the filtering of the list of options.\n\n  * `itemTemplate` {ComboItemTemplate<T>} - The template used for the content of each combo item.\n\n  * `groupHeaderTemplate` {ComboItemTemplate<T>} - The template used for the content of each combo group header.\n\n  * `dataState` {`ComboRecord<T>[]`} - \n\n  * `value` {`string`} - Returns the current selection as a list of commma separated values,\nrepresented by the display key, when provided.\n\n  * `itemRenderer` - \n\n  * `hasPrefixes` {`boolean`} - \n\n  * `hasSuffixes` {`boolean`} - \n\n  * `toggleController` - ",
+      "description": "Events:\n\n  * `igcFocus` {} - Emitted when the select gains focus.\n\n  * `igcBlur` {} - Emitted when the select loses focus.\n\n  * `igcChange` {} - Emitted when the control's selection has changed.\n\n  * `igcOpening` {} - Emitted just before the list of options is opened.\n\n  * `igcOpened` {} - Emitted after the list of options is opened.\n\n  * `igcClosing` {} - Emitter just before the list of options is closed.\n\n  * `igcClosed` {} - Emitted after the list of options is closed.\n\nSlots:\n\n  * `prefix` {} - Renders content before the input.\n\n  * `suffix` {} - Renders content after input.\n\n  * `header` {} - Renders a container before the list of options.\n\n  * `footer` {} - Renders a container after the list of options.\n\n  * `helper-text` {} - Renders content below the input.\n\n  * `toggle-icon` {} - Renders content inside the suffix container.\n\n  * `clear-icon` {} - Renders content inside the suffix container.\n\nAttributes:\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled attribute of the control.\n\n  * `required` {`boolean`} - The required attribute of the control.\n\n  * `invalid` {`boolean`} - The invalid attribute of the control.\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `single-select` {`boolean`} - Enables single selection mode and moves item filtering to the main input.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autofocus-list` {`boolean`} - Focuses the list of options when the menu opens.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `placeholder-search` {`string`} - The placeholder attribute of the search input.\n\n  * `dir` {`\"ltr\" | \"rtl\" | \"auto\"`} - The direction attribute of the control.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `flip` {`boolean`} - \n\n  * `value-key` - The key in the data source used when selecting items.\n\n  * `display-key` - The key in the data source used to display items in the list.\n\n  * `group-key` - The key in the data source used to group items in the list.\n\n  * `group-sorting` {\"asc\" | \"desc\"} - Sorts the items in each group by ascending or descending order.\n\n  * `filtering-options` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\n  * `case-sensitive-icon` {`boolean`} - Enables the case sensitive search icon in the filtering input.\n\n  * `disable-filtering` {`boolean`} - Disables the filtering of the list of options.\n\n  * `value` {`string[]`} - Sets the value (selected items). The passed value must be a valid JSON array.\nIf the data source is an array of complex objects, the `valueKey` attribute must be set.\nNote that when `displayKey` is not explicitly set, it will fall back to the value of `valueKey`.\n\nProperties:\n\n  * `tagName` {`\"igc-combo\"`} - \n\n  * `styles` - \n\n  * `_value` {`string[]`} - \n\n  * `_displayValue` {`string`} - \n\n  * `_filteringOptions` {`FilteringOptions<T>`} - \n\n  * `navigationController` - \n\n  * `selectionController` - \n\n  * `dataController` - \n\n  * `themeController` {`ThemeController`} - \n\n  * `theme` {`Theme`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `inputSuffix` {`HTMLElement[]`} - \n\n  * `inputPrefix` {`HTMLElement[]`} - \n\n  * `input` - \n\n  * `target` - \n\n  * `list` - \n\n  * `data` {`T[]`} - The data source used to generate the list of options.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled attribute of the control.\n\n  * `required` {`boolean`} - The required attribute of the control.\n\n  * `invalid` {`boolean`} - The invalid attribute of the control.\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `singleSelect` {`boolean`} - Enables single selection mode and moves item filtering to the main input.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autofocusList` {`boolean`} - Focuses the list of options when the menu opens.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `placeholderSearch` {`string`} - The placeholder attribute of the search input.\n\n  * `dir` {`\"ltr\" | \"rtl\" | \"auto\"`} - The direction attribute of the control.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `flip` {`boolean`} - \n\n  * `valueKey` - The key in the data source used when selecting items.\n\n  * `displayKey` - The key in the data source used to display items in the list.\n\n  * `groupKey` - The key in the data source used to group items in the list.\n\n  * `groupSorting` {\"asc\" | \"desc\"} - Sorts the items in each group by ascending or descending order.\n\n  * `filteringOptions` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\n  * `caseSensitiveIcon` {`boolean`} - Enables the case sensitive search icon in the filtering input.\n\n  * `disableFiltering` {`boolean`} - Disables the filtering of the list of options.\n\n  * `itemTemplate` {ComboItemTemplate<T>} - The template used for the content of each combo item.\n\n  * `groupHeaderTemplate` {ComboItemTemplate<T>} - The template used for the content of each combo group header.\n\n  * `positionStrategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `sameWidth` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `dataState` {`ComboRecord<T>[]`} - \n\n  * `value` {`string[]`} - Sets the value (selected items). The passed value must be a valid JSON array.\nIf the data source is an array of complex objects, the `valueKey` attribute must be set.\nNote that when `displayKey` is not explicitly set, it will fall back to the value of `valueKey`.\n\n  * `selection` {`T[]`} - Returns the current selection as an array of objects as provided in the `data` source.\n\n  * `itemRenderer` - \n\n  * `hasPrefixes` {`boolean`} - \n\n  * `hasSuffixes` {`boolean`} - \n\n  * `toggleController` - ",
       "attributes": [
         {
           "name": "name",
@@ -951,7 +951,7 @@
         },
         {
           "name": "filtering-options",
-          "description": "`filtering-options` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\nProperty: filteringOptions\n\nDefault: [object Object]"
+          "description": "`filtering-options` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\nProperty: filteringOptions"
         },
         {
           "name": "case-sensitive-icon",
@@ -963,6 +963,10 @@
           "description": "`disable-filtering` {`boolean`} - Disables the filtering of the list of options.\n\nProperty: disableFiltering\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "value",
+          "description": "`value` {`string[]`} - Sets the value (selected items). The passed value must be a valid JSON array.\nIf the data source is an array of complex objects, the `valueKey` attribute must be set.\nNote that when `displayKey` is not explicitly set, it will fall back to the value of `valueKey`.\n\nProperty: value"
+        },
         {
           "name": "onigcFocus",
           "description": "`igcFocus` {} - Emitted when the select gains focus."
@@ -1109,11 +1113,16 @@
     },
     {
       "name": "igc-dialog",
-      "description": "Represents a Dialog component.\n\nEvents:\n\n  * `igcClosing` {} - Emitter just before the dialog is closed.\n\n  * `igcClosed` {} - Emitted after closing the dialog.\n\nSlots:\n\n  * ` ` {} - Renders content inside the default slot.\n\n  * `title` {} - Renders the title of the dialog header.\n\n  * `footer` {} - Renders the dialog footer.\n\nAttributes:\n\n  * `close-on-escape` {`boolean`} - Whether the dialog should be closed when pressing the 'ESCAPE' button.\n\n  * `close-on-outside-click` {`boolean`} - Whether the dialog should be closed when clicking outside of it.\n\n  * `hide-default-action` {`boolean`} - Whether to hide the default action button for the dialog.\n\nWhen there is projected content in the `footer` slot this property\nhas no effect.\n\n  * `open` {`boolean`} - Whether the dialog is opened.\n\n  * `title` {`string`} - Sets the title of the dialog.\n\nProperties:\n\n  * `tagName` {`\"igc-dialog\"`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `increment` - \n\n  * `titleId` {`string`} - \n\n  * `dialog` {`HTMLDialogElement`} - \n\n  * `closeOnEscape` {`boolean`} - Whether the dialog should be closed when pressing the 'ESCAPE' button.\n\n  * `closeOnOutsideClick` {`boolean`} - Whether the dialog should be closed when clicking outside of it.\n\n  * `hideDefaultAction` {`boolean`} - Whether to hide the default action button for the dialog.\n\nWhen there is projected content in the `footer` slot this property\nhas no effect.\n\n  * `open` {`boolean`} - Whether the dialog is opened.\n\n  * `title` {`string`} - Sets the title of the dialog.\n\n  * `returnValue` {`string`} - Sets the return value for the dialog.\n\n  * `formSubmitHandler` - ",
+      "description": "Represents a Dialog component.\n\nEvents:\n\n  * `igcClosing` {} - Emitter just before the dialog is closed.\n\n  * `igcClosed` {} - Emitted after closing the dialog.\n\nSlots:\n\n  * ` ` {} - Renders content inside the default slot.\n\n  * `title` {} - Renders the title of the dialog header.\n\n  * `footer` {} - Renders the dialog footer.\n\nAttributes:\n\n  * `close-on-escape` {`boolean`} - Whether the dialog should be closed when pressing the 'ESCAPE' button.\n\n  * `keep-open-on-escape` {`boolean`} - Whether the dialog should be kept open when pressing the 'ESCAPE' button.\n\n  * `close-on-outside-click` {`boolean`} - Whether the dialog should be closed when clicking outside of it.\n\n  * `hide-default-action` {`boolean`} - Whether to hide the default action button for the dialog.\n\nWhen there is projected content in the `footer` slot this property\nhas no effect.\n\n  * `open` {`boolean`} - Whether the dialog is opened.\n\n  * `title` {`string`} - Sets the title of the dialog.\n\nProperties:\n\n  * `tagName` {`\"igc-dialog\"`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `increment` - \n\n  * `titleId` {`string`} - \n\n  * `dialog` {`HTMLDialogElement`} - \n\n  * `closeOnEscape` {`boolean`} - Whether the dialog should be closed when pressing the 'ESCAPE' button.\n\n  * `keepOpenOnEscape` {`boolean`} - Whether the dialog should be kept open when pressing the 'ESCAPE' button.\n\n  * `closeOnOutsideClick` {`boolean`} - Whether the dialog should be closed when clicking outside of it.\n\n  * `hideDefaultAction` {`boolean`} - Whether to hide the default action button for the dialog.\n\nWhen there is projected content in the `footer` slot this property\nhas no effect.\n\n  * `open` {`boolean`} - Whether the dialog is opened.\n\n  * `title` {`string`} - Sets the title of the dialog.\n\n  * `returnValue` {`string`} - Sets the return value for the dialog.\n\n  * `formSubmitHandler` - ",
       "attributes": [
         {
           "name": "close-on-escape",
-          "description": "`close-on-escape` {`boolean`} - Whether the dialog should be closed when pressing the 'ESCAPE' button.\n\nProperty: closeOnEscape\n\nDefault: true",
+          "description": "`close-on-escape` {`boolean`} - Whether the dialog should be closed when pressing the 'ESCAPE' button.\n\nProperty: closeOnEscape",
+          "valueSet": "v"
+        },
+        {
+          "name": "keep-open-on-escape",
+          "description": "`keep-open-on-escape` {`boolean`} - Whether the dialog should be kept open when pressing the 'ESCAPE' button.\n\nProperty: keepOpenOnEscape\n\nDefault: false",
           "valueSet": "v"
         },
         {
@@ -1321,7 +1330,7 @@
     },
     {
       "name": "igc-expansion-panel",
-      "description": "The Expansion Panel Component provides a way to display information in a toggleable way -\ncompact summary view containing title and description and expanded detail view containing\nadditional content to the summary header.\n\nEvents:\n\n  * `igcOpening` {} - Emitted before opening the expansion panel.\n\n  * `igcOpened` {} - Emitted after the expansion panel is opened.\n\n  * `igcClosing` {} - Emitted before closing the expansion panel.\n\n  * `igcClosed` {} - Emitted after the expansion panel is closed.\n\nSlots:\n\n  * `title` {} - renders the title of the panel's header\n\n  * `subtitle` {} - renders the subtitle of the panel's header\n\n  * `indicator` {} - renders the expand/collapsed indicator\n\nAttributes:\n\n  * `open` {`boolean`} - Indicates whether the contents of the control should be visible.\n\n  * `disabled` {`boolean`} - Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.\n\n  * `indicator-position` {`\"none\" | \"start\" | \"end\"`} - The indicator position of the expansion panel.\n\nProperties:\n\n  * `tagName` {`\"igc-expansion-panel\"`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `animationPlayer` - \n\n  * `open` {`boolean`} - Indicates whether the contents of the control should be visible.\n\n  * `disabled` {`boolean`} - Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.\n\n  * `indicatorPosition` {`\"none\" | \"start\" | \"end\"`} - The indicator position of the expansion panel.\n\n  * `panelHeader` {`HTMLElement`} - \n\n  * `panelContent` {`HTMLElement`} - \n\n  * `panelId` {`string`} - ",
+      "description": "The Expansion Panel Component provides a way to display information in a toggleable way -\ncompact summary view containing title and description and expanded detail view containing\nadditional content to the summary header.\n\nEvents:\n\n  * `igcOpening` {} - Emitted before opening the expansion panel.\n\n  * `igcOpened` {} - Emitted after the expansion panel is opened.\n\n  * `igcClosing` {} - Emitted before closing the expansion panel.\n\n  * `igcClosed` {} - Emitted after the expansion panel is closed.\n\nSlots:\n\n  * ` ` {} - renders the default content of the panel\n\n  * `title` {} - renders the title of the panel's header\n\n  * `subtitle` {} - renders the subtitle of the panel's header\n\n  * `indicator` {} - renders the expand/collapsed indicator\n\nAttributes:\n\n  * `open` {`boolean`} - Indicates whether the contents of the control should be visible.\n\n  * `disabled` {`boolean`} - Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.\n\n  * `indicator-position` {`\"none\" | \"start\" | \"end\"`} - The indicator position of the expansion panel.\n\nProperties:\n\n  * `tagName` {`\"igc-expansion-panel\"`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `animationPlayer` - \n\n  * `open` {`boolean`} - Indicates whether the contents of the control should be visible.\n\n  * `disabled` {`boolean`} - Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.\n\n  * `indicatorPosition` {`\"none\" | \"start\" | \"end\"`} - The indicator position of the expansion panel.\n\n  * `panelHeader` {`HTMLElement`} - \n\n  * `panelContent` {`HTMLElement`} - \n\n  * `panelId` {`string`} - ",
       "attributes": [
         {
           "name": "open",
@@ -1387,7 +1396,7 @@
     },
     {
       "name": "igc-icon",
-      "description": "Icon component\n\nAttributes:\n\n  * `name` {`string`} - The name of the icon glyph to draw.\n\n  * `collection` {`string`} - The name of the registered collection for look up of icons.\nDefaults to `default`.\n\n  * `mirrored` {`boolean`} - Whether to flip the icon. Useful for RTL layouts.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-icon\"`} - \n\n  * `styles` - \n\n  * `svg` {`string`} - \n\n  * `name` {`string`} - The name of the icon glyph to draw.\n\n  * `collection` {`string`} - The name of the registered collection for look up of icons.\nDefaults to `default`.\n\n  * `mirrored` {`boolean`} - Whether to flip the icon. Useful for RTL layouts.\n\n  * `iconLoaded` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
+      "description": "Attributes:\n\n  * `name` {`string`} - The name of the icon glyph to draw.\n\n  * `collection` {`string`} - The name of the registered collection for look up of icons.\nDefaults to `default`.\n\n  * `mirrored` {`boolean`} - Whether to flip the icon. Useful for RTL layouts.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-icon\"`} - \n\n  * `styles` - \n\n  * `svg` {`string`} - \n\n  * `name` {`string`} - The name of the icon glyph to draw.\n\n  * `collection` {`string`} - The name of the registered collection for look up of icons.\nDefaults to `default`.\n\n  * `mirrored` {`boolean`} - Whether to flip the icon. Useful for RTL layouts.\n\n  * `iconLoaded` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
       "attributes": [
         {
           "name": "name",
@@ -2641,7 +2650,7 @@
     },
     {
       "name": "igc-stepper",
-      "description": "IgxStepper provides a wizard-like workflow by dividing content into logical steps.\n\nEvents:\n\n  * `igcActiveStepChanging` {} - Emitted when the active step is about to change.\n\n  * `igcActiveStepChanged` {} - Emitted when the active step is changed.\n\nSlots:\n\n  * ` ` {} - Renders the step components inside default slot.\n\nAttributes:\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - Gets/Sets the orientation of the stepper.\n\n  * `step-type` {`\"indicator\" | \"title\" | \"full\"`} - Get/Set the type of the steps.\n\n  * `linear` {`boolean`} - Get/Set whether the stepper is linear.\n\n  * `content-top` {`boolean`} - Get/Set whether the content is displayed above the steps.\n\n  * `dir` {`Direction`} - The direction attribute of the control.\n\n  * `title-position` {`\"top\" | \"bottom\" | \"start\" | \"end\" | undefined`} - Get/Set the position of the steps title.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-stepper\"`} - \n\n  * `styles` - \n\n  * `keyDownHandlers` {`Map<string, Function>`} - \n\n  * `activeStep` - \n\n  * `steps` {`IgcStepComponent[]`} - Returns all of the stepper's steps.\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - Gets/Sets the orientation of the stepper.\n\n  * `stepType` {`\"indicator\" | \"title\" | \"full\"`} - Get/Set the type of the steps.\n\n  * `linear` {`boolean`} - Get/Set whether the stepper is linear.\n\n  * `contentTop` {`boolean`} - Get/Set whether the content is displayed above the steps.\n\n  * `dir` {`Direction`} - The direction attribute of the control.\n\n  * `titlePosition` {`\"top\" | \"bottom\" | \"start\" | \"end\" | undefined`} - Get/Set the position of the steps title.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
+      "description": "IgxStepper provides a wizard-like workflow by dividing content into logical steps.\n\nEvents:\n\n  * `igcActiveStepChanging` {} - Emitted when the active step is about to change.\n\n  * `igcActiveStepChanged` {} - Emitted when the active step is changed.\n\nSlots:\n\n  * ` ` {} - Renders the step components inside default slot.\n\nAttributes:\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - Gets/Sets the orientation of the stepper.\n\n  * `step-type` {`\"indicator\" | \"title\" | \"full\"`} - Get/Set the type of the steps.\n\n  * `linear` {`boolean`} - Get/Set whether the stepper is linear.\n\n  * `content-top` {`boolean`} - Get/Set whether the content is displayed above the steps.\n\n  * `dir` {`Direction`} - The direction attribute of the control.\n\n  * `title-position` {`\"top\" | \"bottom\" | \"start\" | \"end\" | undefined`} - Get/Set the position of the steps title.\n\nProperties:\n\n  * `tagName` {`\"igc-stepper\"`} - \n\n  * `styles` - \n\n  * `keyDownHandlers` {`Map<string, Function>`} - \n\n  * `activeStep` - \n\n  * `steps` {`IgcStepComponent[]`} - Returns all of the stepper's steps.\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - Gets/Sets the orientation of the stepper.\n\n  * `stepType` {`\"indicator\" | \"title\" | \"full\"`} - Get/Set the type of the steps.\n\n  * `linear` {`boolean`} - Get/Set whether the stepper is linear.\n\n  * `contentTop` {`boolean`} - Get/Set whether the content is displayed above the steps.\n\n  * `dir` {`Direction`} - The direction attribute of the control.\n\n  * `titlePosition` {`\"top\" | \"bottom\" | \"start\" | \"end\" | undefined`} - Get/Set the position of the steps title.",
       "attributes": [
         {
           "name": "orientation",
@@ -2713,21 +2722,6 @@
             }
           ]
         },
-        {
-          "name": "size",
-          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: large",
-          "values": [
-            {
-              "name": "small"
-            },
-            {
-              "name": "medium"
-            },
-            {
-              "name": "large"
-            }
-          ]
-        },
         {
           "name": "onigcActiveStepChanging",
           "description": "`igcActiveStepChanging` {} - Emitted when the active step is about to change."

package/components/avatar/themes/avatar.base.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.base.css.js","sourceRoot":"","sources":["../../../../src/components/avatar/themes/avatar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8GvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --size: max(var(--is-large, 1) * max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4rem, -1 * 4rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -webkit-fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n[part=base] {\n  position: relative;\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n  background: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  border-radius: 0;\n  outline-style: none;\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  overflow: hidden;\n  font-family: var(--ig-font-family);\n  width: var(--size);\n  height: var(--size);\n}\n[part=base] [part=initials] {\n  font-size: calc(var(--size) / 2);\n  line-height: calc(var(--size) / 2);\n}\n\nimg {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n  background-color: inherit;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n[part=initials] {\n  text-transform: uppercase;\n}\n\n:host([size=large]) {\n  --component-size: var(--ig-size, var(--ig-size-large));\n}\n\n:host([size=medium]) {\n  --component-size: var(--ig-size, var(--ig-size-medium));\n}\n\n:host([size=small]) {\n  --component-size: var(--ig-size, var(--ig-size-small));\n}\n\n:host([shape=rounded]) [part=base] {\n  border-radius: 0.5rem;\n}\n\n:host([shape=circle]) [part=base] {\n  border-radius: calc(var(--size) / 2);\n}`;\n"]}