@rocket.chat/fuselage 0.32.0-dev.142 → 0.32.0-dev.145

package/dist/fuselage.development.js

@@ -16614,6 +16614,7 @@ var getForegroundColor = function (type) {
     return ["--rcx-color-foreground-" + type, color];
 };
 var paletteColorRegex = /^(neutral|primary|info|success|warning|danger)-(\d+)(-(\d+))?$/;
+var cssSupportsVariable = (0,_rocket_chat_css_supports__WEBPACK_IMPORTED_MODULE_0__.cssSupports)('(--foo: bar)');
 var color = (0,_rocket_chat_memo__WEBPACK_IMPORTED_MODULE_3__.memoize)(function (value) {
     if (typeof value !== 'string') {
         return;
@@ -16628,20 +16629,32 @@ var color = (0,_rocket_chat_memo__WEBPACK_IMPORTED_MODULE_3__.memoize)(function
         invariant__WEBPACK_IMPORTED_MODULE_4___default()(isPaletteColorGrade(grade), 'invalid color grade');
         invariant__WEBPACK_IMPORTED_MODULE_4___default()(isPaletteColorAlpha(alpha), 'invalid color alpha');
         var _b = __read(getPaletteColor(type, grade, alpha), 2), customProperty = _b[0], color_1 = _b[1];
-        if (customProperty && (0,_rocket_chat_css_supports__WEBPACK_IMPORTED_MODULE_0__.cssSupports)('(--foo: bar)')) {
+        if (customProperty && cssSupportsVariable) {
             return "var(" + customProperty + ", " + color_1 + ")";
         }
         return color_1;
     }
-    if (value === 'surface') {
-        if ((0,_rocket_chat_css_supports__WEBPACK_IMPORTED_MODULE_0__.cssSupports)('(--foo: bar)')) {
-            return 'var(--rcx-color-surface, white)';
+    if (value === 'surface' || value === 'surface-light') {
+        if (cssSupportsVariable) {
+            return "var(--rcx-color-surface-light, " + _rocket_chat_fuselage_tokens_colors_json__WEBPACK_IMPORTED_MODULE_1__.white + ")";
         }
-        return 'white';
+        return _rocket_chat_fuselage_tokens_colors_json__WEBPACK_IMPORTED_MODULE_1__.white;
+    }
+    if (value === 'surface-tint') {
+        if (cssSupportsVariable) {
+            return "var(--rcx-color-surface-tint, " + _rocket_chat_fuselage_tokens_colors_json__WEBPACK_IMPORTED_MODULE_1__.n100 + ")";
+        }
+        return _rocket_chat_fuselage_tokens_colors_json__WEBPACK_IMPORTED_MODULE_1__.n100;
+    }
+    if (value === 'surface-neutral') {
+        if (cssSupportsVariable) {
+            return "var(--rcx-color-surface-neutral, " + _rocket_chat_fuselage_tokens_colors_json__WEBPACK_IMPORTED_MODULE_1__.n400 + ")";
+        }
+        return _rocket_chat_fuselage_tokens_colors_json__WEBPACK_IMPORTED_MODULE_1__.n400;
     }
     if (isForegroundColorRef(value)) {
         var _c = __read(getForegroundColor(value), 2), customProperty = _c[0], color_2 = _c[1];
-        if (customProperty && (0,_rocket_chat_css_supports__WEBPACK_IMPORTED_MODULE_0__.cssSupports)('(--foo: bar)')) {
+        if (customProperty && cssSupportsVariable) {
             return "var(" + customProperty + ", " + color_2 + ")";
         }
         return color_2;
@@ -16687,7 +16700,7 @@ var fontFamily = (0,_rocket_chat_memo__WEBPACK_IMPORTED_MODULE_3__.memoize)(func
     var fontFamily = _rocket_chat_fuselage_tokens_dist_typography_json__WEBPACK_IMPORTED_MODULE_2__.fontFamilies[value]
         .map(function (fontFace) { return (fontFace.includes(' ') ? "'" + fontFace + "'" : fontFace); })
         .join(', ');
-    if ((0,_rocket_chat_css_supports__WEBPACK_IMPORTED_MODULE_0__.cssSupports)('(--foo: bar)')) {
+    if (cssSupportsVariable) {
         return "var(--rcx-font-family-" + value + ", " + fontFamily + ")";
     }
     return fontFamily;