@revikornmann/muka-ui 0.25.0 → 0.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (165) hide show
  1. package/dist/cjs/components/Autocomplete/Autocomplete.css +63 -0
  2. package/dist/cjs/components/Autocomplete/Autocomplete.js +190 -0
  3. package/dist/cjs/components/Autocomplete/Autocomplete.js.map +1 -0
  4. package/dist/cjs/components/Autocomplete/index.js +6 -0
  5. package/dist/cjs/components/Autocomplete/index.js.map +1 -0
  6. package/dist/cjs/components/Avatar/Avatar.css +79 -30
  7. package/dist/cjs/components/Avatar/Avatar.js +1 -1
  8. package/dist/cjs/components/Avatar/Avatar.js.map +1 -1
  9. package/dist/cjs/components/Avatar/AvatarGroup.js +4 -3
  10. package/dist/cjs/components/Avatar/AvatarGroup.js.map +1 -1
  11. package/dist/cjs/components/Button/Button.css +33 -0
  12. package/dist/cjs/components/Button/Button.js +2 -2
  13. package/dist/cjs/components/Combobox/Combobox.js +7 -23
  14. package/dist/cjs/components/Combobox/Combobox.js.map +1 -1
  15. package/dist/cjs/components/ContextSelect/ContextSelect.js +2 -2
  16. package/dist/cjs/components/ContextSelect/ContextSelect.js.map +1 -1
  17. package/dist/cjs/components/DataPieChart/DataPieChart.js +5 -2
  18. package/dist/cjs/components/DataPieChart/DataPieChart.js.map +1 -1
  19. package/dist/cjs/components/DataPieChart/index.js.map +1 -1
  20. package/dist/cjs/components/Dialog/Dialog.js +9 -1
  21. package/dist/cjs/components/Dialog/Dialog.js.map +1 -1
  22. package/dist/cjs/components/DropdownSelect/DropdownSelect.js +2 -2
  23. package/dist/cjs/components/DropdownSelect/DropdownSelect.js.map +1 -1
  24. package/dist/cjs/components/InputCounter/InputCounter.css +175 -0
  25. package/dist/cjs/components/InputCounter/InputCounter.js +196 -0
  26. package/dist/cjs/components/InputCounter/InputCounter.js.map +1 -0
  27. package/dist/cjs/components/InputCounter/index.js +11 -0
  28. package/dist/cjs/components/InputCounter/index.js.map +1 -0
  29. package/dist/cjs/components/Menu/Menu.js +26 -11
  30. package/dist/cjs/components/Menu/Menu.js.map +1 -1
  31. package/dist/cjs/components/Popover/Popover.js +10 -8
  32. package/dist/cjs/components/Popover/Popover.js.map +1 -1
  33. package/dist/cjs/components/Tabs/Tabs.css +37 -14
  34. package/dist/cjs/components/Tabs/Tabs.js +30 -10
  35. package/dist/cjs/components/Tabs/Tabs.js.map +1 -1
  36. package/dist/cjs/components/Tooltip/Tooltip.js +7 -2
  37. package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
  38. package/dist/cjs/components/index.js +7 -3
  39. package/dist/cjs/components/index.js.map +1 -1
  40. package/dist/cjs/utils/suggestionList.js +27 -0
  41. package/dist/cjs/utils/suggestionList.js.map +1 -0
  42. package/dist/cjs/utils/usePortalContainer.js +33 -0
  43. package/dist/cjs/utils/usePortalContainer.js.map +1 -0
  44. package/dist/esm/components/Autocomplete/Autocomplete.css +63 -0
  45. package/dist/esm/components/Autocomplete/Autocomplete.js +187 -0
  46. package/dist/esm/components/Autocomplete/Autocomplete.js.map +1 -0
  47. package/dist/esm/components/Autocomplete/index.js +2 -0
  48. package/dist/esm/components/Autocomplete/index.js.map +1 -0
  49. package/dist/esm/components/Avatar/Avatar.css +79 -30
  50. package/dist/esm/components/Avatar/Avatar.js +1 -1
  51. package/dist/esm/components/Avatar/Avatar.js.map +1 -1
  52. package/dist/esm/components/Avatar/AvatarGroup.js +4 -3
  53. package/dist/esm/components/Avatar/AvatarGroup.js.map +1 -1
  54. package/dist/esm/components/Button/Button.css +33 -0
  55. package/dist/esm/components/Button/Button.js +2 -2
  56. package/dist/esm/components/Combobox/Combobox.js +5 -21
  57. package/dist/esm/components/Combobox/Combobox.js.map +1 -1
  58. package/dist/esm/components/ContextSelect/ContextSelect.js +2 -2
  59. package/dist/esm/components/ContextSelect/ContextSelect.js.map +1 -1
  60. package/dist/esm/components/DataPieChart/DataPieChart.js +4 -1
  61. package/dist/esm/components/DataPieChart/DataPieChart.js.map +1 -1
  62. package/dist/esm/components/DataPieChart/index.js.map +1 -1
  63. package/dist/esm/components/Dialog/Dialog.js +9 -1
  64. package/dist/esm/components/Dialog/Dialog.js.map +1 -1
  65. package/dist/esm/components/DropdownSelect/DropdownSelect.js +2 -2
  66. package/dist/esm/components/DropdownSelect/DropdownSelect.js.map +1 -1
  67. package/dist/esm/components/InputCounter/InputCounter.css +175 -0
  68. package/dist/esm/components/InputCounter/InputCounter.js +160 -0
  69. package/dist/esm/components/InputCounter/InputCounter.js.map +1 -0
  70. package/dist/esm/components/InputCounter/index.js +3 -0
  71. package/dist/esm/components/InputCounter/index.js.map +1 -0
  72. package/dist/esm/components/Menu/Menu.js +26 -11
  73. package/dist/esm/components/Menu/Menu.js.map +1 -1
  74. package/dist/esm/components/Popover/Popover.js +10 -5
  75. package/dist/esm/components/Popover/Popover.js.map +1 -1
  76. package/dist/esm/components/Tabs/Tabs.css +37 -14
  77. package/dist/esm/components/Tabs/Tabs.js +30 -10
  78. package/dist/esm/components/Tabs/Tabs.js.map +1 -1
  79. package/dist/esm/components/Tooltip/Tooltip.js +7 -2
  80. package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
  81. package/dist/esm/components/index.js +2 -0
  82. package/dist/esm/components/index.js.map +1 -1
  83. package/dist/esm/utils/suggestionList.js +22 -0
  84. package/dist/esm/utils/suggestionList.js.map +1 -0
  85. package/dist/esm/utils/usePortalContainer.js +29 -0
  86. package/dist/esm/utils/usePortalContainer.js.map +1 -0
  87. package/dist/styles/components/Autocomplete.css +63 -0
  88. package/dist/styles/components/Avatar.css +79 -30
  89. package/dist/styles/components/Button.css +33 -0
  90. package/dist/styles/components/InputCounter.css +175 -0
  91. package/dist/styles/components/Tabs.css +37 -14
  92. package/dist/styles/index.css +1150 -758
  93. package/dist/styles/muka-dark.css +1150 -758
  94. package/dist/styles/muka-light.css +1150 -758
  95. package/dist/styles/tokens-bouwplan-dark.css +48 -5
  96. package/dist/styles/tokens-bouwplan-light.css +48 -5
  97. package/dist/styles/tokens-fscl-dark.css +48 -5
  98. package/dist/styles/tokens-fscl-light.css +48 -5
  99. package/dist/styles/tokens-grip-dark.css +48 -5
  100. package/dist/styles/tokens-grip-light.css +48 -5
  101. package/dist/styles/tokens-muka-dark.css +48 -5
  102. package/dist/styles/tokens-muka-light.css +48 -5
  103. package/dist/styles/tokens-wireframe-dark.css +48 -5
  104. package/dist/styles/tokens-wireframe-light.css +48 -5
  105. package/dist/styles/wireframe-dark.css +1150 -758
  106. package/dist/styles/wireframe-light.css +1150 -758
  107. package/dist/types/components/Autocomplete/Autocomplete.d.ts +105 -0
  108. package/dist/types/components/Autocomplete/Autocomplete.d.ts.map +1 -0
  109. package/dist/types/components/Autocomplete/index.d.ts +2 -0
  110. package/dist/types/components/Autocomplete/index.d.ts.map +1 -0
  111. package/dist/types/components/Avatar/Avatar.d.ts +8 -3
  112. package/dist/types/components/Avatar/Avatar.d.ts.map +1 -1
  113. package/dist/types/components/Avatar/AvatarGroup.d.ts +10 -5
  114. package/dist/types/components/Avatar/AvatarGroup.d.ts.map +1 -1
  115. package/dist/types/components/Avatar/index.d.ts +1 -1
  116. package/dist/types/components/Avatar/index.d.ts.map +1 -1
  117. package/dist/types/components/Button/Button.d.ts +3 -3
  118. package/dist/types/components/Button/Button.d.ts.map +1 -1
  119. package/dist/types/components/Combobox/Combobox.d.ts +2 -2
  120. package/dist/types/components/Combobox/Combobox.d.ts.map +1 -1
  121. package/dist/types/components/ContextSelect/ContextSelect.d.ts +6 -0
  122. package/dist/types/components/ContextSelect/ContextSelect.d.ts.map +1 -1
  123. package/dist/types/components/DataPieChart/DataPieChart.d.ts +13 -2
  124. package/dist/types/components/DataPieChart/DataPieChart.d.ts.map +1 -1
  125. package/dist/types/components/DataPieChart/index.d.ts +1 -1
  126. package/dist/types/components/DataPieChart/index.d.ts.map +1 -1
  127. package/dist/types/components/Dialog/Dialog.d.ts.map +1 -1
  128. package/dist/types/components/DropdownSelect/DropdownSelect.d.ts +6 -0
  129. package/dist/types/components/DropdownSelect/DropdownSelect.d.ts.map +1 -1
  130. package/dist/types/components/InputCounter/InputCounter.d.ts +79 -0
  131. package/dist/types/components/InputCounter/InputCounter.d.ts.map +1 -0
  132. package/dist/types/components/InputCounter/index.d.ts +3 -0
  133. package/dist/types/components/InputCounter/index.d.ts.map +1 -0
  134. package/dist/types/components/Menu/Menu.d.ts +4 -4
  135. package/dist/types/components/Menu/Menu.d.ts.map +1 -1
  136. package/dist/types/components/Popover/Popover.d.ts +12 -0
  137. package/dist/types/components/Popover/Popover.d.ts.map +1 -1
  138. package/dist/types/components/Tabs/Tabs.d.ts +17 -2
  139. package/dist/types/components/Tabs/Tabs.d.ts.map +1 -1
  140. package/dist/types/components/Tooltip/Tooltip.d.ts +6 -0
  141. package/dist/types/components/Tooltip/Tooltip.d.ts.map +1 -1
  142. package/dist/types/components/index.d.ts +4 -2
  143. package/dist/types/components/index.d.ts.map +1 -1
  144. package/dist/types/utils/suggestionList.d.ts +13 -0
  145. package/dist/types/utils/suggestionList.d.ts.map +1 -0
  146. package/dist/types/utils/usePortalContainer.d.ts +19 -0
  147. package/dist/types/utils/usePortalContainer.d.ts.map +1 -0
  148. package/docs/consumers/README.md +2 -2
  149. package/package.json +1 -1
  150. package/tokens/t1-primitives/color.json +10 -0
  151. package/tokens/t2-alias/base.json +14 -0
  152. package/tokens/t2-alias/brand/bouwplan/dark.json +5 -0
  153. package/tokens/t2-alias/brand/bouwplan/light.json +5 -0
  154. package/tokens/t2-alias/brand/fscl/dark.json +5 -0
  155. package/tokens/t2-alias/brand/fscl/light.json +5 -0
  156. package/tokens/t2-alias/brand/grip/dark.json +14 -0
  157. package/tokens/t2-alias/brand/grip/light.json +14 -0
  158. package/tokens/t2-alias/brand/muka/dark.json +14 -0
  159. package/tokens/t2-alias/brand/muka/light.json +14 -0
  160. package/tokens/t2-alias/brand/wireframe/dark.json +14 -0
  161. package/tokens/t2-alias/brand/wireframe/light.json +14 -0
  162. package/tokens/t3-semantics/ui.json +49 -2
  163. package/tokens/t4-components/avatar.json +82 -18
  164. package/tokens/t4-components/button.json +56 -0
  165. package/tokens/t4-components/tabs.json +41 -1
package/dist/styles/tokens-grip-light.css CHANGED
@@ -251,6 +251,8 @@
251
251
  --color-red-10: #dc3d43;
252
252
  --color-red-11: #cd2b31;
253
253
  --color-red-12: #381316;
254
+ --color-redStrong-1: #bd1524;
255
+ --color-redStrong-2: #ab001a;
254
256
  --color-ruby-1: #fffcfd;
255
257
  --color-ruby-2: #fff7f8;
256
258
  --color-ruby-3: #ffeef1;
@@ -1049,6 +1051,9 @@
1049
1051
  --color-state-error-default: #e5484d;
1050
1052
  --color-state-error-contrast: #cd2b31;
1051
1053
  --color-state-error-background: #ffefef;
1054
+ --color-state-error-solid-default: #cd2b31;
1055
+ --color-state-error-solid-hover: #bd1524;
1056
+ --color-state-error-solid-pressed: #ab001a;
1052
1057
  --color-state-info-default: #68ddfd;
1053
1058
  --color-state-info-contrast: #0d8bd9;
1054
1059
  --color-state-info-background: #e1f6fd;
@@ -1149,6 +1154,9 @@
1149
1154
  --alias-color-state-error-contrast: #cd2b31;
1150
1155
  --alias-color-state-error-default: #e5484d;
1151
1156
  --alias-color-state-error-muted: #ffefef;
1157
+ --alias-color-state-error-solid-default: #cd2b31;
1158
+ --alias-color-state-error-solid-hover: #bd1524;
1159
+ --alias-color-state-error-solid-pressed: #ab001a;
1152
1160
  --alias-color-state-error-surface-level0: #fff8f8;
1153
1161
  --alias-color-state-error-surface-level1: #ffefef;
1154
1162
  --alias-color-state-error-surface-level2: #ffe5e5;
@@ -1445,6 +1453,18 @@
1445
1453
  --button-color-primary-shadow-hover: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.090);
1446
1454
  --button-color-primary-shadow-pressed: none;
1447
1455
  --button-color-primary-shadow-disabled: none;
1456
+ --button-color-destructive-background-default: #cd2b31;
1457
+ --button-color-destructive-background-hover: #bd1524;
1458
+ --button-color-destructive-background-pressed: #ab001a;
1459
+ --button-color-destructive-background-disabled: #e9e8e6;
1460
+ --button-color-destructive-foreground-default: #fdfdfc;
1461
+ --button-color-destructive-foreground-hover: #fdfdfc;
1462
+ --button-color-destructive-foreground-pressed: #fdfdfc;
1463
+ --button-color-destructive-foreground-disabled: #cfceca;
1464
+ --button-color-destructive-shadow-default: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.090);
1465
+ --button-color-destructive-shadow-hover: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.090);
1466
+ --button-color-destructive-shadow-pressed: none;
1467
+ --button-color-destructive-shadow-disabled: none;
1448
1468
  --button-color-secondary-background-default: #f1f0ef;
1449
1469
  --button-color-secondary-background-hover: #f1f0ef;
1450
1470
  --button-color-secondary-background-pressed: #e9e8e6;
@@ -1809,7 +1829,7 @@
1809
1829
  --contextmenu-trigger-outline-color: #12a594;
1810
1830
  --contextmenu-trigger-outline-offset: 0.25rem;
1811
1831
  --tabs-trigger-color-default-background: #f1f0ef;
1812
- --tabs-trigger-color-default-foreground: #21201c;
1832
+ --tabs-trigger-color-default-foreground: #8d8d86;
1813
1833
  --tabs-trigger-color-default-border: #cfceca;
1814
1834
  --tabs-trigger-color-hover-background: #f1f0ef;
1815
1835
  --tabs-trigger-color-hover-foreground: #21201c;
@@ -1824,8 +1844,16 @@
1824
1844
  --tabs-trigger-padding-y: 0.5rem;
1825
1845
  --tabs-trigger-height: 3rem;
1826
1846
  --tabs-trigger-radius: 0.75rem;
1847
+ --tabs-trigger-min-height-sm: 2.5rem;
1848
+ --tabs-trigger-min-height-md: 3.5rem;
1849
+ --tabs-trigger-min-height-lg: 5rem;
1827
1850
  --tabs-panel-background: #fdfdfc;
1828
1851
  --tabs-panel-border: #cfceca;
1852
+ --tabs-indicator-color: #12a594;
1853
+ --tabs-indicator-height-sm: 2px;
1854
+ --tabs-indicator-height-md: 3px;
1855
+ --tabs-indicator-height-lg: 4px;
1856
+ --tabs-list-padding-x: 1rem;
1829
1857
  --separator-color-default: #e9e8e6;
1830
1858
  --separator-color-contrast: #cfceca;
1831
1859
  --separator-width: 0.0625rem;
@@ -1858,6 +1886,9 @@
1858
1886
  --progress-size-circle-strokeWidth-sm: 0.25rem;
1859
1887
  --progress-size-circle-strokeWidth-md: 0.5rem;
1860
1888
  --progress-size-circle-strokeWidth-lg: 0.75rem;
1889
+ --avatar-size-4xs: 1rem;
1890
+ --avatar-size-3xs: 1.5rem;
1891
+ --avatar-size-2xs: 2rem;
1861
1892
  --avatar-size-xs: 2.5rem;
1862
1893
  --avatar-size-sm: 3rem;
1863
1894
  --avatar-size-md: 4rem;
@@ -1867,26 +1898,38 @@
1867
1898
  --avatar-color-background-loading: #e9e8e6;
1868
1899
  --avatar-color-foreground-default: #21201c;
1869
1900
  --avatar-color-foreground-muted: #cfceca;
1870
- --avatar-color-border-default: #e9e8e6;
1871
1901
  --avatar-color-status-online: #027864;
1872
1902
  --avatar-color-status-offline: #cfceca;
1873
1903
  --avatar-color-status-busy: #e5484d;
1874
1904
  --avatar-color-status-away: #ffc53d;
1875
1905
  --avatar-radius-circle: 999rem;
1876
1906
  --avatar-radius-square: 0.75rem;
1907
+ --avatar-radius-square-sm: 0.375rem;
1908
+ --avatar-font-size-3xs: 0.75rem;
1909
+ --avatar-font-size-2xs: 0.75rem;
1877
1910
  --avatar-font-size-xs: 0.75rem;
1878
1911
  --avatar-font-size-sm: 0.875rem;
1879
1912
  --avatar-font-size-md: 1.125rem;
1880
1913
  --avatar-font-size-lg: 1.25rem;
1881
1914
  --avatar-font-size-xl: 1.5rem;
1915
+ --avatar-status-size-3xs: 0.5rem;
1916
+ --avatar-status-size-2xs: 0.5rem;
1882
1917
  --avatar-status-size-xs: 0.5rem;
1883
1918
  --avatar-status-size-sm: 0.75rem;
1884
1919
  --avatar-status-size-md: 1rem;
1885
1920
  --avatar-status-size-lg: 1.25rem;
1886
1921
  --avatar-status-size-xl: 1.5rem;
1887
- --avatar-border-width: 1px;
1888
- --avatar-group-spacing-tight: -0.5rem;
1889
- --avatar-group-spacing-normal: -0.25rem;
1922
+ --avatar-group-ring-width: 0.125rem;
1923
+ --avatar-group-ring-color: #fdfdfc;
1924
+ --avatar-group-overlap-tight-sm: 2rem;
1925
+ --avatar-group-overlap-tight-2xs: 1.25rem;
1926
+ --avatar-group-overlap-tight-3xs: 1rem;
1927
+ --avatar-group-overlap-compact-sm: 1.5rem;
1928
+ --avatar-group-overlap-compact-2xs: 1rem;
1929
+ --avatar-group-overlap-compact-3xs: 0.75rem;
1930
+ --avatar-group-overlap-spacious-sm: 1rem;
1931
+ --avatar-group-overlap-spacious-2xs: 0.75rem;
1932
+ --avatar-group-overlap-spacious-3xs: 0.5rem;
1890
1933
  --toast-color-info-background: #21201c;
1891
1934
  --toast-color-info-foreground: #fdfdfc;
1892
1935
  --toast-color-info-accent: #e1f6fd;
package/dist/styles/tokens-muka-dark.css CHANGED
@@ -251,6 +251,8 @@
251
251
  --color-red-10: #dc3d43;
252
252
  --color-red-11: #cd2b31;
253
253
  --color-red-12: #381316;
254
+ --color-redStrong-1: #bd1524;
255
+ --color-redStrong-2: #ab001a;
254
256
  --color-ruby-1: #fffcfd;
255
257
  --color-ruby-2: #fff7f8;
256
258
  --color-ruby-3: #ffeef1;
@@ -1049,6 +1051,9 @@
1049
1051
  --color-state-error-default: #e54d4e;
1050
1052
  --color-state-error-contrast: #fea6a6;
1051
1053
  --color-state-error-background: #3d181e;
1054
+ --color-state-error-solid-default: #e54d4e;
1055
+ --color-state-error-solid-hover: #f56565;
1056
+ --color-state-error-solid-pressed: #f56565;
1052
1057
  --color-state-info-default: #0090ff;
1053
1058
  --color-state-info-contrast: #70b8ff;
1054
1059
  --color-state-info-background: #0d2847;
@@ -1149,6 +1154,9 @@
1149
1154
  --alias-color-state-error-contrast: #fea6a6;
1150
1155
  --alias-color-state-error-default: #e54d4e;
1151
1156
  --alias-color-state-error-muted: #3d181e;
1157
+ --alias-color-state-error-solid-default: #e54d4e;
1158
+ --alias-color-state-error-solid-hover: #f56565;
1159
+ --alias-color-state-error-solid-pressed: #f56565;
1152
1160
  --alias-color-state-error-surface-level0: #2c1419;
1153
1161
  --alias-color-state-error-surface-level1: #3d181e;
1154
1162
  --alias-color-state-error-surface-level2: #4a1a22;
@@ -1445,6 +1453,18 @@
1445
1453
  --button-color-primary-shadow-hover: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.090);
1446
1454
  --button-color-primary-shadow-pressed: none;
1447
1455
  --button-color-primary-shadow-disabled: none;
1456
+ --button-color-destructive-background-default: #e54d4e;
1457
+ --button-color-destructive-background-hover: #f56565;
1458
+ --button-color-destructive-background-pressed: #f56565;
1459
+ --button-color-destructive-background-disabled: #2b2b30;
1460
+ --button-color-destructive-foreground-default: #161618;
1461
+ --button-color-destructive-foreground-hover: #161618;
1462
+ --button-color-destructive-foreground-pressed: #161618;
1463
+ --button-color-destructive-foreground-disabled: #4c4c57;
1464
+ --button-color-destructive-shadow-default: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.090);
1465
+ --button-color-destructive-shadow-hover: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.090);
1466
+ --button-color-destructive-shadow-pressed: none;
1467
+ --button-color-destructive-shadow-disabled: none;
1448
1468
  --button-color-secondary-background-default: #232326;
1449
1469
  --button-color-secondary-background-hover: #232326;
1450
1470
  --button-color-secondary-background-pressed: #2b2b30;
@@ -1809,7 +1829,7 @@
1809
1829
  --contextmenu-trigger-outline-color: #9eb1ff;
1810
1830
  --contextmenu-trigger-outline-offset: 0.25rem;
1811
1831
  --tabs-trigger-color-default-background: #232326;
1812
- --tabs-trigger-color-default-foreground: #e6e6ea;
1832
+ --tabs-trigger-color-default-foreground: #737387;
1813
1833
  --tabs-trigger-color-default-border: #4c4c57;
1814
1834
  --tabs-trigger-color-hover-background: #232326;
1815
1835
  --tabs-trigger-color-hover-foreground: #e6e6ea;
@@ -1824,8 +1844,16 @@
1824
1844
  --tabs-trigger-padding-y: 0.5rem;
1825
1845
  --tabs-trigger-height: 3rem;
1826
1846
  --tabs-trigger-radius: 0.75rem;
1847
+ --tabs-trigger-min-height-sm: 2.5rem;
1848
+ --tabs-trigger-min-height-md: 3.5rem;
1849
+ --tabs-trigger-min-height-lg: 5rem;
1827
1850
  --tabs-panel-background: #161618;
1828
1851
  --tabs-panel-border: #4c4c57;
1852
+ --tabs-indicator-color: #9eb1ff;
1853
+ --tabs-indicator-height-sm: 2px;
1854
+ --tabs-indicator-height-md: 3px;
1855
+ --tabs-indicator-height-lg: 4px;
1856
+ --tabs-list-padding-x: 1rem;
1829
1857
  --separator-color-default: #2b2b30;
1830
1858
  --separator-color-contrast: #4c4c57;
1831
1859
  --separator-width: 0.0625rem;
@@ -1858,6 +1886,9 @@
1858
1886
  --progress-size-circle-strokeWidth-sm: 0.25rem;
1859
1887
  --progress-size-circle-strokeWidth-md: 0.5rem;
1860
1888
  --progress-size-circle-strokeWidth-lg: 0.75rem;
1889
+ --avatar-size-4xs: 1rem;
1890
+ --avatar-size-3xs: 1.5rem;
1891
+ --avatar-size-2xs: 2rem;
1861
1892
  --avatar-size-xs: 2.5rem;
1862
1893
  --avatar-size-sm: 3rem;
1863
1894
  --avatar-size-md: 4rem;
@@ -1867,26 +1898,38 @@
1867
1898
  --avatar-color-background-loading: #2b2b30;
1868
1899
  --avatar-color-foreground-default: #e6e6ea;
1869
1900
  --avatar-color-foreground-muted: #4c4c57;
1870
- --avatar-color-border-default: #2b2b30;
1871
1901
  --avatar-color-status-online: #58d5ba;
1872
1902
  --avatar-color-status-offline: #4c4c57;
1873
1903
  --avatar-color-status-busy: #e54d4e;
1874
1904
  --avatar-color-status-away: #ffc53d;
1875
1905
  --avatar-radius-circle: 999rem;
1876
1906
  --avatar-radius-square: 0.75rem;
1907
+ --avatar-radius-square-sm: 0.375rem;
1908
+ --avatar-font-size-3xs: 0.75rem;
1909
+ --avatar-font-size-2xs: 0.75rem;
1877
1910
  --avatar-font-size-xs: 0.75rem;
1878
1911
  --avatar-font-size-sm: 0.875rem;
1879
1912
  --avatar-font-size-md: 1.125rem;
1880
1913
  --avatar-font-size-lg: 1.25rem;
1881
1914
  --avatar-font-size-xl: 1.5rem;
1915
+ --avatar-status-size-3xs: 0.5rem;
1916
+ --avatar-status-size-2xs: 0.5rem;
1882
1917
  --avatar-status-size-xs: 0.5rem;
1883
1918
  --avatar-status-size-sm: 0.75rem;
1884
1919
  --avatar-status-size-md: 1rem;
1885
1920
  --avatar-status-size-lg: 1.25rem;
1886
1921
  --avatar-status-size-xl: 1.5rem;
1887
- --avatar-border-width: 1px;
1888
- --avatar-group-spacing-tight: -0.5rem;
1889
- --avatar-group-spacing-normal: -0.25rem;
1922
+ --avatar-group-ring-width: 0.125rem;
1923
+ --avatar-group-ring-color: #161618;
1924
+ --avatar-group-overlap-tight-sm: 2rem;
1925
+ --avatar-group-overlap-tight-2xs: 1.25rem;
1926
+ --avatar-group-overlap-tight-3xs: 1rem;
1927
+ --avatar-group-overlap-compact-sm: 1.5rem;
1928
+ --avatar-group-overlap-compact-2xs: 1rem;
1929
+ --avatar-group-overlap-compact-3xs: 0.75rem;
1930
+ --avatar-group-overlap-spacious-sm: 1rem;
1931
+ --avatar-group-overlap-spacious-2xs: 0.75rem;
1932
+ --avatar-group-overlap-spacious-3xs: 0.5rem;
1890
1933
  --toast-color-info-background: #e6e6ea;
1891
1934
  --toast-color-info-foreground: #161618;
1892
1935
  --toast-color-info-accent: #0d2847;
package/dist/styles/tokens-muka-light.css CHANGED
@@ -251,6 +251,8 @@
251
251
  --color-red-10: #dc3d43;
252
252
  --color-red-11: #cd2b31;
253
253
  --color-red-12: #381316;
254
+ --color-redStrong-1: #bd1524;
255
+ --color-redStrong-2: #ab001a;
254
256
  --color-ruby-1: #fffcfd;
255
257
  --color-ruby-2: #fff7f8;
256
258
  --color-ruby-3: #ffeef1;
@@ -1049,6 +1051,9 @@
1049
1051
  --color-state-error-default: #e5484d;
1050
1052
  --color-state-error-contrast: #cd2b31;
1051
1053
  --color-state-error-background: #ffefef;
1054
+ --color-state-error-solid-default: #cd2b31;
1055
+ --color-state-error-solid-hover: #bd1524;
1056
+ --color-state-error-solid-pressed: #ab001a;
1052
1057
  --color-state-info-default: #3e63dd;
1053
1058
  --color-state-info-contrast: #3a5ccc;
1054
1059
  --color-state-info-background: #edf2fe;
@@ -1149,6 +1154,9 @@
1149
1154
  --alias-color-state-error-contrast: #cd2b31;
1150
1155
  --alias-color-state-error-default: #e5484d;
1151
1156
  --alias-color-state-error-muted: #ffefef;
1157
+ --alias-color-state-error-solid-default: #cd2b31;
1158
+ --alias-color-state-error-solid-hover: #bd1524;
1159
+ --alias-color-state-error-solid-pressed: #ab001a;
1152
1160
  --alias-color-state-error-surface-level0: #fff8f8;
1153
1161
  --alias-color-state-error-surface-level1: #ffefef;
1154
1162
  --alias-color-state-error-surface-level2: #ffe5e5;
@@ -1445,6 +1453,18 @@
1445
1453
  --button-color-primary-shadow-hover: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.090);
1446
1454
  --button-color-primary-shadow-pressed: none;
1447
1455
  --button-color-primary-shadow-disabled: none;
1456
+ --button-color-destructive-background-default: #cd2b31;
1457
+ --button-color-destructive-background-hover: #bd1524;
1458
+ --button-color-destructive-background-pressed: #ab001a;
1459
+ --button-color-destructive-background-disabled: #eae7ec;
1460
+ --button-color-destructive-foreground-default: #fdfcfd;
1461
+ --button-color-destructive-foreground-hover: #fdfcfd;
1462
+ --button-color-destructive-foreground-pressed: #fdfcfd;
1463
+ --button-color-destructive-foreground-disabled: #d0cdd7;
1464
+ --button-color-destructive-shadow-default: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.090);
1465
+ --button-color-destructive-shadow-hover: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.090);
1466
+ --button-color-destructive-shadow-pressed: none;
1467
+ --button-color-destructive-shadow-disabled: none;
1448
1468
  --button-color-secondary-background-default: #f2eff3;
1449
1469
  --button-color-secondary-background-hover: #f2eff3;
1450
1470
  --button-color-secondary-background-pressed: #eae7ec;
@@ -1809,7 +1829,7 @@
1809
1829
  --contextmenu-trigger-outline-color: #3e63dd;
1810
1830
  --contextmenu-trigger-outline-offset: 0.25rem;
1811
1831
  --tabs-trigger-color-default-background: #f2eff3;
1812
- --tabs-trigger-color-default-foreground: #211f26;
1832
+ --tabs-trigger-color-default-foreground: #8e8c99;
1813
1833
  --tabs-trigger-color-default-border: #d0cdd7;
1814
1834
  --tabs-trigger-color-hover-background: #f2eff3;
1815
1835
  --tabs-trigger-color-hover-foreground: #211f26;
@@ -1824,8 +1844,16 @@
1824
1844
  --tabs-trigger-padding-y: 0.5rem;
1825
1845
  --tabs-trigger-height: 3rem;
1826
1846
  --tabs-trigger-radius: 0.75rem;
1847
+ --tabs-trigger-min-height-sm: 2.5rem;
1848
+ --tabs-trigger-min-height-md: 3.5rem;
1849
+ --tabs-trigger-min-height-lg: 5rem;
1827
1850
  --tabs-panel-background: #fdfcfd;
1828
1851
  --tabs-panel-border: #d0cdd7;
1852
+ --tabs-indicator-color: #3e63dd;
1853
+ --tabs-indicator-height-sm: 2px;
1854
+ --tabs-indicator-height-md: 3px;
1855
+ --tabs-indicator-height-lg: 4px;
1856
+ --tabs-list-padding-x: 1rem;
1829
1857
  --separator-color-default: #eae7ec;
1830
1858
  --separator-color-contrast: #d0cdd7;
1831
1859
  --separator-width: 0.0625rem;
@@ -1858,6 +1886,9 @@
1858
1886
  --progress-size-circle-strokeWidth-sm: 0.25rem;
1859
1887
  --progress-size-circle-strokeWidth-md: 0.5rem;
1860
1888
  --progress-size-circle-strokeWidth-lg: 0.75rem;
1889
+ --avatar-size-4xs: 1rem;
1890
+ --avatar-size-3xs: 1.5rem;
1891
+ --avatar-size-2xs: 2rem;
1861
1892
  --avatar-size-xs: 2.5rem;
1862
1893
  --avatar-size-sm: 3rem;
1863
1894
  --avatar-size-md: 4rem;
@@ -1867,26 +1898,38 @@
1867
1898
  --avatar-color-background-loading: #eae7ec;
1868
1899
  --avatar-color-foreground-default: #211f26;
1869
1900
  --avatar-color-foreground-muted: #d0cdd7;
1870
- --avatar-color-border-default: #eae7ec;
1871
1901
  --avatar-color-status-online: #027864;
1872
1902
  --avatar-color-status-offline: #d0cdd7;
1873
1903
  --avatar-color-status-busy: #e5484d;
1874
1904
  --avatar-color-status-away: #ffc53d;
1875
1905
  --avatar-radius-circle: 999rem;
1876
1906
  --avatar-radius-square: 0.75rem;
1907
+ --avatar-radius-square-sm: 0.375rem;
1908
+ --avatar-font-size-3xs: 0.75rem;
1909
+ --avatar-font-size-2xs: 0.75rem;
1877
1910
  --avatar-font-size-xs: 0.75rem;
1878
1911
  --avatar-font-size-sm: 0.875rem;
1879
1912
  --avatar-font-size-md: 1.125rem;
1880
1913
  --avatar-font-size-lg: 1.25rem;
1881
1914
  --avatar-font-size-xl: 1.5rem;
1915
+ --avatar-status-size-3xs: 0.5rem;
1916
+ --avatar-status-size-2xs: 0.5rem;
1882
1917
  --avatar-status-size-xs: 0.5rem;
1883
1918
  --avatar-status-size-sm: 0.75rem;
1884
1919
  --avatar-status-size-md: 1rem;
1885
1920
  --avatar-status-size-lg: 1.25rem;
1886
1921
  --avatar-status-size-xl: 1.5rem;
1887
- --avatar-border-width: 1px;
1888
- --avatar-group-spacing-tight: -0.5rem;
1889
- --avatar-group-spacing-normal: -0.25rem;
1922
+ --avatar-group-ring-width: 0.125rem;
1923
+ --avatar-group-ring-color: #fdfcfd;
1924
+ --avatar-group-overlap-tight-sm: 2rem;
1925
+ --avatar-group-overlap-tight-2xs: 1.25rem;
1926
+ --avatar-group-overlap-tight-3xs: 1rem;
1927
+ --avatar-group-overlap-compact-sm: 1.5rem;
1928
+ --avatar-group-overlap-compact-2xs: 1rem;
1929
+ --avatar-group-overlap-compact-3xs: 0.75rem;
1930
+ --avatar-group-overlap-spacious-sm: 1rem;
1931
+ --avatar-group-overlap-spacious-2xs: 0.75rem;
1932
+ --avatar-group-overlap-spacious-3xs: 0.5rem;
1890
1933
  --toast-color-info-background: #211f26;
1891
1934
  --toast-color-info-foreground: #fdfcfd;
1892
1935
  --toast-color-info-accent: #edf2fe;
package/dist/styles/tokens-wireframe-dark.css CHANGED
@@ -251,6 +251,8 @@
251
251
  --color-red-10: #dc3d43;
252
252
  --color-red-11: #cd2b31;
253
253
  --color-red-12: #381316;
254
+ --color-redStrong-1: #bd1524;
255
+ --color-redStrong-2: #ab001a;
254
256
  --color-ruby-1: #fffcfd;
255
257
  --color-ruby-2: #fff7f8;
256
258
  --color-ruby-3: #ffeef1;
@@ -1049,6 +1051,9 @@
1049
1051
  --color-state-error-default: #e54d4e;
1050
1052
  --color-state-error-contrast: #fea6a6;
1051
1053
  --color-state-error-background: #3d181e;
1054
+ --color-state-error-solid-default: #e54d4e;
1055
+ --color-state-error-solid-hover: #f56565;
1056
+ --color-state-error-solid-pressed: #f56565;
1052
1057
  --color-state-info-default: #0090ff;
1053
1058
  --color-state-info-contrast: #70b8ff;
1054
1059
  --color-state-info-background: #0d2847;
@@ -1149,6 +1154,9 @@
1149
1154
  --alias-color-state-error-contrast: #fea6a6;
1150
1155
  --alias-color-state-error-default: #e54d4e;
1151
1156
  --alias-color-state-error-muted: #3d181e;
1157
+ --alias-color-state-error-solid-default: #e54d4e;
1158
+ --alias-color-state-error-solid-hover: #f56565;
1159
+ --alias-color-state-error-solid-pressed: #f56565;
1152
1160
  --alias-color-state-error-surface-level0: #2c1419;
1153
1161
  --alias-color-state-error-surface-level1: #3d181e;
1154
1162
  --alias-color-state-error-surface-level2: #4a1a22;
@@ -1445,6 +1453,18 @@
1445
1453
  --button-color-primary-shadow-hover: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.090);
1446
1454
  --button-color-primary-shadow-pressed: none;
1447
1455
  --button-color-primary-shadow-disabled: none;
1456
+ --button-color-destructive-background-default: #e54d4e;
1457
+ --button-color-destructive-background-hover: #f56565;
1458
+ --button-color-destructive-background-pressed: #f56565;
1459
+ --button-color-destructive-background-disabled: #313131;
1460
+ --button-color-destructive-foreground-default: #111111;
1461
+ --button-color-destructive-foreground-hover: #111111;
1462
+ --button-color-destructive-foreground-pressed: #111111;
1463
+ --button-color-destructive-foreground-disabled: #606060;
1464
+ --button-color-destructive-shadow-default: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.090);
1465
+ --button-color-destructive-shadow-hover: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.090);
1466
+ --button-color-destructive-shadow-pressed: none;
1467
+ --button-color-destructive-shadow-disabled: none;
1448
1468
  --button-color-secondary-background-default: #2a2a2a;
1449
1469
  --button-color-secondary-background-hover: #2a2a2a;
1450
1470
  --button-color-secondary-background-pressed: #313131;
@@ -1809,7 +1829,7 @@
1809
1829
  --contextmenu-trigger-outline-color: #b4b4b4;
1810
1830
  --contextmenu-trigger-outline-offset: 0.25rem;
1811
1831
  --tabs-trigger-color-default-background: #2a2a2a;
1812
- --tabs-trigger-color-default-foreground: #eeeeee;
1832
+ --tabs-trigger-color-default-foreground: #7b7b7b;
1813
1833
  --tabs-trigger-color-default-border: #606060;
1814
1834
  --tabs-trigger-color-hover-background: #2a2a2a;
1815
1835
  --tabs-trigger-color-hover-foreground: #eeeeee;
@@ -1824,8 +1844,16 @@
1824
1844
  --tabs-trigger-padding-y: 0.5rem;
1825
1845
  --tabs-trigger-height: 3rem;
1826
1846
  --tabs-trigger-radius: 0px;
1847
+ --tabs-trigger-min-height-sm: 2.5rem;
1848
+ --tabs-trigger-min-height-md: 3.5rem;
1849
+ --tabs-trigger-min-height-lg: 5rem;
1827
1850
  --tabs-panel-background: #111111;
1828
1851
  --tabs-panel-border: #606060;
1852
+ --tabs-indicator-color: #b4b4b4;
1853
+ --tabs-indicator-height-sm: 2px;
1854
+ --tabs-indicator-height-md: 3px;
1855
+ --tabs-indicator-height-lg: 4px;
1856
+ --tabs-list-padding-x: 1rem;
1829
1857
  --separator-color-default: #313131;
1830
1858
  --separator-color-contrast: #606060;
1831
1859
  --separator-width: 0.0625rem;
@@ -1858,6 +1886,9 @@
1858
1886
  --progress-size-circle-strokeWidth-sm: 0.25rem;
1859
1887
  --progress-size-circle-strokeWidth-md: 0.5rem;
1860
1888
  --progress-size-circle-strokeWidth-lg: 0.75rem;
1889
+ --avatar-size-4xs: 1rem;
1890
+ --avatar-size-3xs: 1.5rem;
1891
+ --avatar-size-2xs: 2rem;
1861
1892
  --avatar-size-xs: 2.5rem;
1862
1893
  --avatar-size-sm: 3rem;
1863
1894
  --avatar-size-md: 4rem;
@@ -1867,26 +1898,38 @@
1867
1898
  --avatar-color-background-loading: #313131;
1868
1899
  --avatar-color-foreground-default: #eeeeee;
1869
1900
  --avatar-color-foreground-muted: #606060;
1870
- --avatar-color-border-default: #313131;
1871
1901
  --avatar-color-status-online: #30a46c;
1872
1902
  --avatar-color-status-offline: #606060;
1873
1903
  --avatar-color-status-busy: #e54d4e;
1874
1904
  --avatar-color-status-away: #ffc53d;
1875
1905
  --avatar-radius-circle: 999rem;
1876
1906
  --avatar-radius-square: 0px;
1907
+ --avatar-radius-square-sm: 0px;
1908
+ --avatar-font-size-3xs: 0.75rem;
1909
+ --avatar-font-size-2xs: 0.75rem;
1877
1910
  --avatar-font-size-xs: 0.75rem;
1878
1911
  --avatar-font-size-sm: 0.875rem;
1879
1912
  --avatar-font-size-md: 1.125rem;
1880
1913
  --avatar-font-size-lg: 1.25rem;
1881
1914
  --avatar-font-size-xl: 1.5rem;
1915
+ --avatar-status-size-3xs: 0.5rem;
1916
+ --avatar-status-size-2xs: 0.5rem;
1882
1917
  --avatar-status-size-xs: 0.5rem;
1883
1918
  --avatar-status-size-sm: 0.75rem;
1884
1919
  --avatar-status-size-md: 1rem;
1885
1920
  --avatar-status-size-lg: 1.25rem;
1886
1921
  --avatar-status-size-xl: 1.5rem;
1887
- --avatar-border-width: 1px;
1888
- --avatar-group-spacing-tight: -0.5rem;
1889
- --avatar-group-spacing-normal: -0.25rem;
1922
+ --avatar-group-ring-width: 0.125rem;
1923
+ --avatar-group-ring-color: #111111;
1924
+ --avatar-group-overlap-tight-sm: 2rem;
1925
+ --avatar-group-overlap-tight-2xs: 1.25rem;
1926
+ --avatar-group-overlap-tight-3xs: 1rem;
1927
+ --avatar-group-overlap-compact-sm: 1.5rem;
1928
+ --avatar-group-overlap-compact-2xs: 1rem;
1929
+ --avatar-group-overlap-compact-3xs: 0.75rem;
1930
+ --avatar-group-overlap-spacious-sm: 1rem;
1931
+ --avatar-group-overlap-spacious-2xs: 0.75rem;
1932
+ --avatar-group-overlap-spacious-3xs: 0.5rem;
1890
1933
  --toast-color-info-background: #eeeeee;
1891
1934
  --toast-color-info-foreground: #111111;
1892
1935
  --toast-color-info-accent: #0d2847;
package/dist/styles/tokens-wireframe-light.css CHANGED
@@ -251,6 +251,8 @@
251
251
  --color-red-10: #dc3d43;
252
252
  --color-red-11: #cd2b31;
253
253
  --color-red-12: #381316;
254
+ --color-redStrong-1: #bd1524;
255
+ --color-redStrong-2: #ab001a;
254
256
  --color-ruby-1: #fffcfd;
255
257
  --color-ruby-2: #fff7f8;
256
258
  --color-ruby-3: #ffeef1;
@@ -1049,6 +1051,9 @@
1049
1051
  --color-state-error-default: #e5484d;
1050
1052
  --color-state-error-contrast: #cd2b31;
1051
1053
  --color-state-error-background: #ffefef;
1054
+ --color-state-error-solid-default: #cd2b31;
1055
+ --color-state-error-solid-hover: #bd1524;
1056
+ --color-state-error-solid-pressed: #ab001a;
1052
1057
  --color-state-info-default: #0091ff;
1053
1058
  --color-state-info-contrast: #0d74ce;
1054
1059
  --color-state-info-background: #edf6ff;
@@ -1149,6 +1154,9 @@
1149
1154
  --alias-color-state-error-contrast: #cd2b31;
1150
1155
  --alias-color-state-error-default: #e5484d;
1151
1156
  --alias-color-state-error-muted: #ffefef;
1157
+ --alias-color-state-error-solid-default: #cd2b31;
1158
+ --alias-color-state-error-solid-hover: #bd1524;
1159
+ --alias-color-state-error-solid-pressed: #ab001a;
1152
1160
  --alias-color-state-error-surface-level0: #fff8f8;
1153
1161
  --alias-color-state-error-surface-level1: #ffefef;
1154
1162
  --alias-color-state-error-surface-level2: #ffe5e5;
@@ -1445,6 +1453,18 @@
1445
1453
  --button-color-primary-shadow-hover: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.090);
1446
1454
  --button-color-primary-shadow-pressed: none;
1447
1455
  --button-color-primary-shadow-disabled: none;
1456
+ --button-color-destructive-background-default: #cd2b31;
1457
+ --button-color-destructive-background-hover: #bd1524;
1458
+ --button-color-destructive-background-pressed: #ab001a;
1459
+ --button-color-destructive-background-disabled: #e0e0e0;
1460
+ --button-color-destructive-foreground-default: #fcfcfc;
1461
+ --button-color-destructive-foreground-hover: #fcfcfc;
1462
+ --button-color-destructive-foreground-pressed: #fcfcfc;
1463
+ --button-color-destructive-foreground-disabled: #bbbbbb;
1464
+ --button-color-destructive-shadow-default: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.090);
1465
+ --button-color-destructive-shadow-hover: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.090);
1466
+ --button-color-destructive-shadow-pressed: none;
1467
+ --button-color-destructive-shadow-disabled: none;
1448
1468
  --button-color-secondary-background-default: #e8e8e8;
1449
1469
  --button-color-secondary-background-hover: #e8e8e8;
1450
1470
  --button-color-secondary-background-pressed: #e0e0e0;
@@ -1809,7 +1829,7 @@
1809
1829
  --contextmenu-trigger-outline-color: #113264;
1810
1830
  --contextmenu-trigger-outline-offset: 0.25rem;
1811
1831
  --tabs-trigger-color-default-background: #e8e8e8;
1812
- --tabs-trigger-color-default-foreground: #202020;
1832
+ --tabs-trigger-color-default-foreground: #838383;
1813
1833
  --tabs-trigger-color-default-border: #bbbbbb;
1814
1834
  --tabs-trigger-color-hover-background: #e8e8e8;
1815
1835
  --tabs-trigger-color-hover-foreground: #202020;
@@ -1824,8 +1844,16 @@
1824
1844
  --tabs-trigger-padding-y: 0.5rem;
1825
1845
  --tabs-trigger-height: 3rem;
1826
1846
  --tabs-trigger-radius: 0px;
1847
+ --tabs-trigger-min-height-sm: 2.5rem;
1848
+ --tabs-trigger-min-height-md: 3.5rem;
1849
+ --tabs-trigger-min-height-lg: 5rem;
1827
1850
  --tabs-panel-background: #fcfcfc;
1828
1851
  --tabs-panel-border: #bbbbbb;
1852
+ --tabs-indicator-color: #113264;
1853
+ --tabs-indicator-height-sm: 2px;
1854
+ --tabs-indicator-height-md: 3px;
1855
+ --tabs-indicator-height-lg: 4px;
1856
+ --tabs-list-padding-x: 1rem;
1829
1857
  --separator-color-default: #e0e0e0;
1830
1858
  --separator-color-contrast: #bbbbbb;
1831
1859
  --separator-width: 0.0625rem;
@@ -1858,6 +1886,9 @@
1858
1886
  --progress-size-circle-strokeWidth-sm: 0.25rem;
1859
1887
  --progress-size-circle-strokeWidth-md: 0.5rem;
1860
1888
  --progress-size-circle-strokeWidth-lg: 0.75rem;
1889
+ --avatar-size-4xs: 1rem;
1890
+ --avatar-size-3xs: 1.5rem;
1891
+ --avatar-size-2xs: 2rem;
1861
1892
  --avatar-size-xs: 2.5rem;
1862
1893
  --avatar-size-sm: 3rem;
1863
1894
  --avatar-size-md: 4rem;
@@ -1867,26 +1898,38 @@
1867
1898
  --avatar-color-background-loading: #e0e0e0;
1868
1899
  --avatar-color-foreground-default: #202020;
1869
1900
  --avatar-color-foreground-muted: #bbbbbb;
1870
- --avatar-color-border-default: #e0e0e0;
1871
1901
  --avatar-color-status-online: #30a46c;
1872
1902
  --avatar-color-status-offline: #bbbbbb;
1873
1903
  --avatar-color-status-busy: #e5484d;
1874
1904
  --avatar-color-status-away: #ffc53d;
1875
1905
  --avatar-radius-circle: 999rem;
1876
1906
  --avatar-radius-square: 0px;
1907
+ --avatar-radius-square-sm: 0px;
1908
+ --avatar-font-size-3xs: 0.75rem;
1909
+ --avatar-font-size-2xs: 0.75rem;
1877
1910
  --avatar-font-size-xs: 0.75rem;
1878
1911
  --avatar-font-size-sm: 0.875rem;
1879
1912
  --avatar-font-size-md: 1.125rem;
1880
1913
  --avatar-font-size-lg: 1.25rem;
1881
1914
  --avatar-font-size-xl: 1.5rem;
1915
+ --avatar-status-size-3xs: 0.5rem;
1916
+ --avatar-status-size-2xs: 0.5rem;
1882
1917
  --avatar-status-size-xs: 0.5rem;
1883
1918
  --avatar-status-size-sm: 0.75rem;
1884
1919
  --avatar-status-size-md: 1rem;
1885
1920
  --avatar-status-size-lg: 1.25rem;
1886
1921
  --avatar-status-size-xl: 1.5rem;
1887
- --avatar-border-width: 1px;
1888
- --avatar-group-spacing-tight: -0.5rem;
1889
- --avatar-group-spacing-normal: -0.25rem;
1922
+ --avatar-group-ring-width: 0.125rem;
1923
+ --avatar-group-ring-color: #fcfcfc;
1924
+ --avatar-group-overlap-tight-sm: 2rem;
1925
+ --avatar-group-overlap-tight-2xs: 1.25rem;
1926
+ --avatar-group-overlap-tight-3xs: 1rem;
1927
+ --avatar-group-overlap-compact-sm: 1.5rem;
1928
+ --avatar-group-overlap-compact-2xs: 1rem;
1929
+ --avatar-group-overlap-compact-3xs: 0.75rem;
1930
+ --avatar-group-overlap-spacious-sm: 1rem;
1931
+ --avatar-group-overlap-spacious-2xs: 0.75rem;
1932
+ --avatar-group-overlap-spacious-3xs: 0.5rem;
1890
1933
  --toast-color-info-background: #202020;
1891
1934
  --toast-color-info-foreground: #fcfcfc;
1892
1935
  --toast-color-info-accent: #edf6ff;