@itcase/ui 1.8.22 → 1.8.24

package/dist/{Label_cjs_CnwET26s.js → Label_cjs_ByGAWJcj.js}

@@ -6,7 +6,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Tooltip = require('./Tooltip_cjs_PkuRdzzy.js');
+var Tooltip = require('./Tooltip_cjs_CaocDcQ5.js');
 var Text = require('./Text_cjs_DPhKj3wf.js');
 
 var labelAppearanceAccent = {
@@ -15,12 +15,21 @@ var labelAppearanceAccent = {
         labelTextColor: 'accentTextPrimary',
         labelTextColorHover: 'accentTextPrimary',
     },
+    accentMuted: {
+        fill: 'accentMuted',
+        labelTextColor: 'accentMutedTextPrimary',
+        labelTextColorHover: 'accentMutedTextPrimary',
+        borderColor: 'accentMutedBorderSecondary',
+        iconAfterFillIcon: 'accentMutedItemPrimary',
+        iconBeforeFillIcon: 'accentMutedItemPrimary',
+    },
     accentPrimary: {
         fill: 'accentPrimary',
         labelTextColor: 'accentTextPrimary',
         labelTextColorHover: 'accentTextPrimary',
+        borderColor: 'accentBorderSecondary',
+        iconAfterFillIcon: 'accentItemPrimary',
         iconBeforeFillIcon: 'accentItemPrimary',
-        iconAfterFillIcon: 'accentItemPrimary'
     },
     accentTertiary: {
         fill: 'accentTertiary',
@@ -33,40 +42,102 @@ var labelAppearanceDanger = {
     danger: {
         fill: 'dangerPrimary',
         fillHover: 'dangerPrimaryHover',
-        labelTextColor: 'dangerTextSecondary',
+        labelTextColor: 'dangerTextPrimary',
+        labelTextColorHover: 'dangerTextSecondary',
+        borderColor: 'dangerBorderSecondary',
+        iconAfterFillIcon: 'dangerItemPrimary',
+        iconBeforeFillIcon: 'dangerItemPrimary',
+    },
+    dangerMuted: {
+        fill: 'dangerMuted',
+        labelTextColor: 'dangerMutedTextPrimary',
+        labelTextColorHover: 'dangerMutedTextPrimary',
+        borderColor: 'dangerMutedBorderSecondary',
+        iconAfterFillIcon: 'dangerMutedItemPrimary',
+        iconBeforeFillIcon: 'dangerMutedItemPrimary',
+    },
+    dangerPrimary: {
+        fill: 'dangerPrimary',
+        fillHover: 'dangerPrimaryHover',
+        labelTextColor: 'dangerTextPrimary',
         labelTextColorHover: 'dangerTextSecondary',
+        borderColor: 'dangerBorderSecondary',
+        iconAfterFillIcon: 'dangerItemPrimary',
+        iconBeforeFillIcon: 'dangerItemPrimary',
+    },
+};
+
+var labelAppearanceDisable = {
+    disablePrimary: {
+        fill: 'disablePrimary',
+        labelTextColor: 'disableTextPrimary',
+        labelTextColorHover: 'disableTextPrimary',
+        borderColor: 'disableBorderPrimary',
+        iconAfterFillIcon: 'disableItemPrimary',
+        iconBeforeFillIcon: 'disableItemPrimary',
+    },
+    disableMuted: {
+        fill: 'disableMuted',
+        labelTextColor: 'disableMutedTextPrimary',
+        labelTextColorHover: 'disableMutedTextPrimary',
+        borderColor: 'disableMutedBorderSecondary',
+        iconAfterFillIcon: 'disableMutedItemPrimary',
+        iconBeforeFillIcon: 'disableMutedItemPrimary',
     },
 };
 
 var labelAppearanceError = {
-    error: {
+    errorPrimary: {
         fill: 'errorPrimary',
         fillHover: 'errorPrimaryHover',
         labelTextColor: 'errorTextPrimary',
         labelTextColorHover: 'errorTextPrimary',
+        borderColor: 'errorBorderSecondary',
+        iconAfterFillIcon: 'errorItemPrimary',
+        iconBeforeFillIcon: 'errorItemPrimary',
     },
-    errorPrimary: {
+    error: {
         fill: 'errorPrimary',
         fillHover: 'errorPrimaryHover',
         labelTextColor: 'errorTextPrimary',
         labelTextColorHover: 'errorTextPrimary',
     },
+    errorMuted: {
+        fill: 'errorMuted',
+        labelTextColor: 'errorMutedTextPrimary',
+        labelTextColorHover: 'errorMutedTextPrimary',
+        borderColor: 'errorMutedBorderSecondary',
+        iconAfterFillIcon: 'errorMutedItemPrimary',
+        iconBeforeFillIcon: 'errorMutedItemPrimary',
+    },
 };
 
 var labelAppearanceInfo = {
-    accent: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        labelTextColor: 'accentTextPrimary',
-        labelTextColorHover: 'accentTextPrimary',
-        borderColor: 'accentBorderPrimary',
+    infoMuted: {
+        fill: 'infoMuted',
+        labelTextColor: 'infoMutedTextPrimary',
+        labelTextColorHover: 'infoMutedTextPrimary',
+        borderColor: 'infoMutedBorderSecondary',
+        iconAfterFillIcon: 'infoMutedItemPrimary',
+        iconBeforeFillIcon: 'infoMutedItemPrimary',
     },
-    accentSecondary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        labelTextColor: 'accentTextSecondary',
-        labelTextColorHover: 'accentTextSecondary',
-        borderColor: 'accentBorderPrimary',
+    infoPrimary: {
+        fill: 'infoPrimary',
+        fillHover: 'infoPrimaryHover',
+        labelTextColor: 'infoTextPrimary',
+        labelTextColorHover: 'infoTextPrimary',
+        borderColor: 'infoBorderPrimary',
+        iconAfterFillIcon: 'infoItemPrimary',
+        iconBeforeFillIcon: 'infoItemPrimary',
+    },
+    infoSecondary: {
+        fill: 'infoPrimary',
+        fillHover: 'infoPrimaryHover',
+        labelTextColor: 'infoTextPrimary',
+        labelTextColorHover: 'infoTextSecondary',
+        borderColor: 'infoBorderSecondary',
+        iconAfterFillIcon: 'infoItemPrimary',
+        iconBeforeFillIcon: 'infoItemPrimary',
     },
 };
 
@@ -75,6 +146,25 @@ var labelAppearancePrimary = {
         fill: 'primaryPrimary',
         labelTextColor: 'primaryTextPrimary',
         labelTextColorHover: 'primaryTextPrimary',
+        borderColor: 'primaryBorderSecondary',
+        iconAfterFillIcon: 'dangerItemPrimary',
+        iconBeforeFillIcon: 'dangerItemPrimary',
+    },
+    primaryMuted: {
+        fill: 'primaryMuted',
+        labelTextColor: 'primaryMutedTextPrimary',
+        labelTextColorHover: 'primaryMutedTextPrimary',
+        borderColor: 'primaryMutedBorderSecondary',
+        iconAfterFillIcon: 'primaryMutedItemPrimary',
+        iconBeforeFillIcon: 'primaryMutedItemPrimary',
+    },
+    primaryPrimary: {
+        fill: 'primaryPrimary',
+        labelTextColor: 'primaryTextPrimary',
+        labelTextColorHover: 'primaryTextPrimary',
+        borderColor: 'primaryBorderSecondary',
+        iconAfterFillIcon: 'dangerItemPrimary',
+        iconBeforeFillIcon: 'dangerItemPrimary',
     },
 };
 
@@ -83,6 +173,25 @@ var labelAppearanceSecondary = {
         fill: 'secondaryPrimary',
         labelTextColor: 'secondaryTextPrimary',
         labelTextColorHover: 'secondaryTextPrimary',
+        borderColor: 'secondaryBorderPrimary',
+        iconAfterFillIcon: 'secondaryItemPrimary',
+        iconBeforeFillIcon: 'secondaryItemPrimary',
+    },
+    secondaryMuted: {
+        fill: 'secondaryMuted',
+        labelTextColor: 'secondaryMutedTextPrimary',
+        labelTextColorHover: 'secondaryMutedTextPrimary',
+        borderColor: 'secondaryMutedBorderSecondary',
+        iconAfterFillIcon: 'secondaryMutedItemPrimary',
+        iconBeforeFillIcon: 'secondaryMutedItemPrimary',
+    },
+    secondaryPrimary: {
+        fill: 'secondaryPrimary',
+        labelTextColor: 'secondaryTextPrimary',
+        labelTextColorHover: 'secondaryTextPrimary',
+        borderColor: 'secondaryBorderPrimary',
+        iconAfterFillIcon: 'secondaryItemPrimary',
+        iconBeforeFillIcon: 'secondaryItemPrimary',
     },
 };
 
@@ -143,15 +252,13 @@ var labelAppearanceStyle = {
     full: {},
     ghost: {
         fill: 'none',
-        fillHover: 'none',
-        borderColor: '0',
+        borderColor: 'none',
     },
     outlined: {
         fill: 'none',
-        fillHover: 'none',
     },
     solid: {
-        borderColor: '0',
+        borderColor: 'none',
     },
 };
 
@@ -162,20 +269,47 @@ var labelAppearanceSuccess = {
         labelTextColor: 'successTextSecondary',
         labelTextColorHover: 'successTextSecondary',
     },
+    successMuted: {
+        fill: 'successMuted',
+        labelTextColor: 'successMutedTextPrimary',
+        labelTextColorHover: 'successMutedTextPrimary',
+        borderColor: 'successMutedBorderSecondary',
+        iconAfterFillIcon: 'successMutedItemPrimary',
+        iconBeforeFillIcon: 'successMutedItemPrimary',
+    },
     successPrimary: {
         fill: 'successPrimary',
         fillHover: 'successPrimaryHover',
-        labelTextColor: 'successTextSecondary',
+        labelTextColor: 'successTextPrimary',
         labelTextColorHover: 'successTextSecondary',
+        borderColor: 'successBorderSecondary',
+        iconAfterFillIcon: 'successItemPrimary',
+        iconBeforeFillIcon: 'successItemPrimary',
     },
 };
 
 var labelAppearanceSurface = {
+    surfaceMuted: {
+        fill: 'surfaceMuted',
+        labelTextColor: 'surfaceMutedTextPrimary',
+        labelTextColorHover: 'surfaceMutedTextPrimary',
+        borderColor: 'surfaceMutedBorderSecondary',
+        iconAfterFillIcon: 'surfaceMutedItemPrimary',
+        iconBeforeFillIcon: 'surfaceMutedItemPrimary',
+    },
     surfacePrimary: {
         fill: 'surfacePrimary',
         fillHover: 'surfacePrimaryHover',
         labelTextColor: 'surfaceTextPrimary',
         labelTextColorHover: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderQuaternary',
+        iconAfterFillIcon: 'surfaceItemPrimary',
+        iconBeforeFillIcon: 'surfaceItemPrimary',
+    },
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        labelTextColor: 'surfaceTextInverse',
+        labelTextColorHover: 'surfaceTextInverse',
     },
     surfaceSecondary: {
         fill: 'surfaceSecondary',
@@ -187,11 +321,6 @@ var labelAppearanceSurface = {
         labelTextColor: 'surfaceTextPrimary',
         labelTextColorHover: 'surfaceTextPrimary',
     },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        labelTextColor: 'surfaceTextInverse',
-        labelTextColorHover: 'surfaceTextInverse',
-    },
 };
 
 var labelAppearanceWarning = {
@@ -201,15 +330,26 @@ var labelAppearanceWarning = {
         labelTextColor: 'warningTextSecondary',
         labelTextColorHover: 'warningTextSecondary',
     },
+    warningMuted: {
+        fill: 'warningMuted',
+        labelTextColor: 'warningMutedTextPrimary',
+        labelTextColorHover: 'warningMutedTextPrimary',
+        borderColor: 'warningMutedBorderSecondary',
+        iconAfterFillIcon: 'warningMutedItemPrimary',
+        iconBeforeFillIcon: 'warningMutedItemPrimary',
+    },
     warningPrimary: {
         fill: 'warningPrimary',
         fillHover: 'warningPrimaryHover',
-        labelTextColor: 'warningTextSecondary',
+        labelTextColor: 'warningTextPrimary',
         labelTextColorHover: 'warningTextSecondary',
+        borderColor: 'warningBorderSecondary',
+        iconAfterFillIcon: 'warningItemPrimary',
+        iconBeforeFillIcon: 'warningItemPrimary',
     },
 };
 
-var labelAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, labelAppearanceSize), labelAppearanceStyle), labelAppearanceAccent), labelAppearanceDanger), labelAppearanceError), labelAppearanceInfo), labelAppearancePrimary), labelAppearanceSecondary), labelAppearanceSuccess), labelAppearanceSurface), labelAppearanceWarning);
+var labelAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, labelAppearanceDisable), labelAppearanceSize), labelAppearanceStyle), labelAppearanceAccent), labelAppearanceDanger), labelAppearanceError), labelAppearanceInfo), labelAppearancePrimary), labelAppearanceSecondary), labelAppearanceSuccess), labelAppearanceSurface), labelAppearanceWarning);
 
 var labelConfig = {
     appearance: labelAppearance,

package/dist/{Label_es_Dc18d1gY.js → Label_es_BtwZ3a2V.js}

@@ -4,7 +4,7 @@ import { useRef, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { I as Icon, T as Tooltip } from './Tooltip_es_BaGfb-qC.js';
+import { I as Icon, T as Tooltip } from './Tooltip_es_D1w1s33u.js';
 import { T as Text } from './Text_es_BRb3qqKM.js';
 
 var labelAppearanceAccent = {
@@ -13,12 +13,21 @@ var labelAppearanceAccent = {
         labelTextColor: 'accentTextPrimary',
         labelTextColorHover: 'accentTextPrimary',
     },
+    accentMuted: {
+        fill: 'accentMuted',
+        labelTextColor: 'accentMutedTextPrimary',
+        labelTextColorHover: 'accentMutedTextPrimary',
+        borderColor: 'accentMutedBorderSecondary',
+        iconAfterFillIcon: 'accentMutedItemPrimary',
+        iconBeforeFillIcon: 'accentMutedItemPrimary',
+    },
     accentPrimary: {
         fill: 'accentPrimary',
         labelTextColor: 'accentTextPrimary',
         labelTextColorHover: 'accentTextPrimary',
+        borderColor: 'accentBorderSecondary',
+        iconAfterFillIcon: 'accentItemPrimary',
         iconBeforeFillIcon: 'accentItemPrimary',
-        iconAfterFillIcon: 'accentItemPrimary'
     },
     accentTertiary: {
         fill: 'accentTertiary',
@@ -31,40 +40,102 @@ var labelAppearanceDanger = {
     danger: {
         fill: 'dangerPrimary',
         fillHover: 'dangerPrimaryHover',
-        labelTextColor: 'dangerTextSecondary',
+        labelTextColor: 'dangerTextPrimary',
+        labelTextColorHover: 'dangerTextSecondary',
+        borderColor: 'dangerBorderSecondary',
+        iconAfterFillIcon: 'dangerItemPrimary',
+        iconBeforeFillIcon: 'dangerItemPrimary',
+    },
+    dangerMuted: {
+        fill: 'dangerMuted',
+        labelTextColor: 'dangerMutedTextPrimary',
+        labelTextColorHover: 'dangerMutedTextPrimary',
+        borderColor: 'dangerMutedBorderSecondary',
+        iconAfterFillIcon: 'dangerMutedItemPrimary',
+        iconBeforeFillIcon: 'dangerMutedItemPrimary',
+    },
+    dangerPrimary: {
+        fill: 'dangerPrimary',
+        fillHover: 'dangerPrimaryHover',
+        labelTextColor: 'dangerTextPrimary',
         labelTextColorHover: 'dangerTextSecondary',
+        borderColor: 'dangerBorderSecondary',
+        iconAfterFillIcon: 'dangerItemPrimary',
+        iconBeforeFillIcon: 'dangerItemPrimary',
+    },
+};
+
+var labelAppearanceDisable = {
+    disablePrimary: {
+        fill: 'disablePrimary',
+        labelTextColor: 'disableTextPrimary',
+        labelTextColorHover: 'disableTextPrimary',
+        borderColor: 'disableBorderPrimary',
+        iconAfterFillIcon: 'disableItemPrimary',
+        iconBeforeFillIcon: 'disableItemPrimary',
+    },
+    disableMuted: {
+        fill: 'disableMuted',
+        labelTextColor: 'disableMutedTextPrimary',
+        labelTextColorHover: 'disableMutedTextPrimary',
+        borderColor: 'disableMutedBorderSecondary',
+        iconAfterFillIcon: 'disableMutedItemPrimary',
+        iconBeforeFillIcon: 'disableMutedItemPrimary',
     },
 };
 
 var labelAppearanceError = {
-    error: {
+    errorPrimary: {
         fill: 'errorPrimary',
         fillHover: 'errorPrimaryHover',
         labelTextColor: 'errorTextPrimary',
         labelTextColorHover: 'errorTextPrimary',
+        borderColor: 'errorBorderSecondary',
+        iconAfterFillIcon: 'errorItemPrimary',
+        iconBeforeFillIcon: 'errorItemPrimary',
     },
-    errorPrimary: {
+    error: {
         fill: 'errorPrimary',
         fillHover: 'errorPrimaryHover',
         labelTextColor: 'errorTextPrimary',
         labelTextColorHover: 'errorTextPrimary',
     },
+    errorMuted: {
+        fill: 'errorMuted',
+        labelTextColor: 'errorMutedTextPrimary',
+        labelTextColorHover: 'errorMutedTextPrimary',
+        borderColor: 'errorMutedBorderSecondary',
+        iconAfterFillIcon: 'errorMutedItemPrimary',
+        iconBeforeFillIcon: 'errorMutedItemPrimary',
+    },
 };
 
 var labelAppearanceInfo = {
-    accent: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        labelTextColor: 'accentTextPrimary',
-        labelTextColorHover: 'accentTextPrimary',
-        borderColor: 'accentBorderPrimary',
+    infoMuted: {
+        fill: 'infoMuted',
+        labelTextColor: 'infoMutedTextPrimary',
+        labelTextColorHover: 'infoMutedTextPrimary',
+        borderColor: 'infoMutedBorderSecondary',
+        iconAfterFillIcon: 'infoMutedItemPrimary',
+        iconBeforeFillIcon: 'infoMutedItemPrimary',
     },
-    accentSecondary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        labelTextColor: 'accentTextSecondary',
-        labelTextColorHover: 'accentTextSecondary',
-        borderColor: 'accentBorderPrimary',
+    infoPrimary: {
+        fill: 'infoPrimary',
+        fillHover: 'infoPrimaryHover',
+        labelTextColor: 'infoTextPrimary',
+        labelTextColorHover: 'infoTextPrimary',
+        borderColor: 'infoBorderPrimary',
+        iconAfterFillIcon: 'infoItemPrimary',
+        iconBeforeFillIcon: 'infoItemPrimary',
+    },
+    infoSecondary: {
+        fill: 'infoPrimary',
+        fillHover: 'infoPrimaryHover',
+        labelTextColor: 'infoTextPrimary',
+        labelTextColorHover: 'infoTextSecondary',
+        borderColor: 'infoBorderSecondary',
+        iconAfterFillIcon: 'infoItemPrimary',
+        iconBeforeFillIcon: 'infoItemPrimary',
     },
 };
 
@@ -73,6 +144,25 @@ var labelAppearancePrimary = {
         fill: 'primaryPrimary',
         labelTextColor: 'primaryTextPrimary',
         labelTextColorHover: 'primaryTextPrimary',
+        borderColor: 'primaryBorderSecondary',
+        iconAfterFillIcon: 'dangerItemPrimary',
+        iconBeforeFillIcon: 'dangerItemPrimary',
+    },
+    primaryMuted: {
+        fill: 'primaryMuted',
+        labelTextColor: 'primaryMutedTextPrimary',
+        labelTextColorHover: 'primaryMutedTextPrimary',
+        borderColor: 'primaryMutedBorderSecondary',
+        iconAfterFillIcon: 'primaryMutedItemPrimary',
+        iconBeforeFillIcon: 'primaryMutedItemPrimary',
+    },
+    primaryPrimary: {
+        fill: 'primaryPrimary',
+        labelTextColor: 'primaryTextPrimary',
+        labelTextColorHover: 'primaryTextPrimary',
+        borderColor: 'primaryBorderSecondary',
+        iconAfterFillIcon: 'dangerItemPrimary',
+        iconBeforeFillIcon: 'dangerItemPrimary',
     },
 };
 
@@ -81,6 +171,25 @@ var labelAppearanceSecondary = {
         fill: 'secondaryPrimary',
         labelTextColor: 'secondaryTextPrimary',
         labelTextColorHover: 'secondaryTextPrimary',
+        borderColor: 'secondaryBorderPrimary',
+        iconAfterFillIcon: 'secondaryItemPrimary',
+        iconBeforeFillIcon: 'secondaryItemPrimary',
+    },
+    secondaryMuted: {
+        fill: 'secondaryMuted',
+        labelTextColor: 'secondaryMutedTextPrimary',
+        labelTextColorHover: 'secondaryMutedTextPrimary',
+        borderColor: 'secondaryMutedBorderSecondary',
+        iconAfterFillIcon: 'secondaryMutedItemPrimary',
+        iconBeforeFillIcon: 'secondaryMutedItemPrimary',
+    },
+    secondaryPrimary: {
+        fill: 'secondaryPrimary',
+        labelTextColor: 'secondaryTextPrimary',
+        labelTextColorHover: 'secondaryTextPrimary',
+        borderColor: 'secondaryBorderPrimary',
+        iconAfterFillIcon: 'secondaryItemPrimary',
+        iconBeforeFillIcon: 'secondaryItemPrimary',
     },
 };
 
@@ -141,15 +250,13 @@ var labelAppearanceStyle = {
     full: {},
     ghost: {
         fill: 'none',
-        fillHover: 'none',
-        borderColor: '0',
+        borderColor: 'none',
     },
     outlined: {
         fill: 'none',
-        fillHover: 'none',
     },
     solid: {
-        borderColor: '0',
+        borderColor: 'none',
     },
 };
 
@@ -160,20 +267,47 @@ var labelAppearanceSuccess = {
         labelTextColor: 'successTextSecondary',
         labelTextColorHover: 'successTextSecondary',
     },
+    successMuted: {
+        fill: 'successMuted',
+        labelTextColor: 'successMutedTextPrimary',
+        labelTextColorHover: 'successMutedTextPrimary',
+        borderColor: 'successMutedBorderSecondary',
+        iconAfterFillIcon: 'successMutedItemPrimary',
+        iconBeforeFillIcon: 'successMutedItemPrimary',
+    },
     successPrimary: {
         fill: 'successPrimary',
         fillHover: 'successPrimaryHover',
-        labelTextColor: 'successTextSecondary',
+        labelTextColor: 'successTextPrimary',
         labelTextColorHover: 'successTextSecondary',
+        borderColor: 'successBorderSecondary',
+        iconAfterFillIcon: 'successItemPrimary',
+        iconBeforeFillIcon: 'successItemPrimary',
     },
 };
 
 var labelAppearanceSurface = {
+    surfaceMuted: {
+        fill: 'surfaceMuted',
+        labelTextColor: 'surfaceMutedTextPrimary',
+        labelTextColorHover: 'surfaceMutedTextPrimary',
+        borderColor: 'surfaceMutedBorderSecondary',
+        iconAfterFillIcon: 'surfaceMutedItemPrimary',
+        iconBeforeFillIcon: 'surfaceMutedItemPrimary',
+    },
     surfacePrimary: {
         fill: 'surfacePrimary',
         fillHover: 'surfacePrimaryHover',
         labelTextColor: 'surfaceTextPrimary',
         labelTextColorHover: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderQuaternary',
+        iconAfterFillIcon: 'surfaceItemPrimary',
+        iconBeforeFillIcon: 'surfaceItemPrimary',
+    },
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        labelTextColor: 'surfaceTextInverse',
+        labelTextColorHover: 'surfaceTextInverse',
     },
     surfaceSecondary: {
         fill: 'surfaceSecondary',
@@ -185,11 +319,6 @@ var labelAppearanceSurface = {
         labelTextColor: 'surfaceTextPrimary',
         labelTextColorHover: 'surfaceTextPrimary',
     },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        labelTextColor: 'surfaceTextInverse',
-        labelTextColorHover: 'surfaceTextInverse',
-    },
 };
 
 var labelAppearanceWarning = {
@@ -199,15 +328,26 @@ var labelAppearanceWarning = {
         labelTextColor: 'warningTextSecondary',
         labelTextColorHover: 'warningTextSecondary',
     },
+    warningMuted: {
+        fill: 'warningMuted',
+        labelTextColor: 'warningMutedTextPrimary',
+        labelTextColorHover: 'warningMutedTextPrimary',
+        borderColor: 'warningMutedBorderSecondary',
+        iconAfterFillIcon: 'warningMutedItemPrimary',
+        iconBeforeFillIcon: 'warningMutedItemPrimary',
+    },
     warningPrimary: {
         fill: 'warningPrimary',
         fillHover: 'warningPrimaryHover',
-        labelTextColor: 'warningTextSecondary',
+        labelTextColor: 'warningTextPrimary',
         labelTextColorHover: 'warningTextSecondary',
+        borderColor: 'warningBorderSecondary',
+        iconAfterFillIcon: 'warningItemPrimary',
+        iconBeforeFillIcon: 'warningItemPrimary',
     },
 };
 
-var labelAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, labelAppearanceSize), labelAppearanceStyle), labelAppearanceAccent), labelAppearanceDanger), labelAppearanceError), labelAppearanceInfo), labelAppearancePrimary), labelAppearanceSecondary), labelAppearanceSuccess), labelAppearanceSurface), labelAppearanceWarning);
+var labelAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, labelAppearanceDisable), labelAppearanceSize), labelAppearanceStyle), labelAppearanceAccent), labelAppearanceDanger), labelAppearanceError), labelAppearanceInfo), labelAppearancePrimary), labelAppearanceSecondary), labelAppearanceSuccess), labelAppearanceSurface), labelAppearanceWarning);
 
 var labelConfig = {
     appearance: labelAppearance,

package/dist/{Loader_cjs_3VRzFLI2.js → Loader_cjs___VikiqS.js}

@@ -14,6 +14,27 @@ var loaderAppearanceAccent = {
     },
 };
 
+var loaderAppearanceDanger = {
+    dangerPrimary: {
+        fill: 'dangerPrimary',
+        itemFill: 'dangerItemPrimary',
+    },
+};
+
+var loaderAppearanceError = {
+    errorPrimary: {
+        fill: 'errorPrimary',
+        itemFill: 'errorItemPrimary',
+    },
+};
+
+var loaderAppearanceInfo = {
+    infoPrimary: {
+        fill: 'infoPrimary',
+        itemFill: 'infoItemPrimary',
+    },
+};
+
 var loaderAppearancePrimary = {
     primaryPrimary: {
         fill: 'primaryPrimary',
@@ -40,6 +61,13 @@ var loaderAppearanceSize = {
     },
 };
 
+var loaderAppearanceSuccess = {
+    successPrimary: {
+        fill: 'successPrimary',
+        itemFill: 'successItemPrimary',
+    },
+};
+
 var loaderAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
@@ -55,7 +83,14 @@ var loaderAppearanceSurface = {
     },
 };
 
-var loaderAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, loaderAppearanceAccent), loaderAppearancePrimary), loaderAppearanceSize), loaderAppearanceSecondary), loaderAppearanceSurface);
+var loaderAppearanceWarning = {
+    warningPrimary: {
+        fill: 'warningPrimary',
+        itemFill: 'warningItemPrimary',
+    },
+};
+
+var loaderAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, loaderAppearanceAccent), loaderAppearancePrimary), loaderAppearanceSize), loaderAppearanceSecondary), loaderAppearanceSurface), loaderAppearanceWarning), loaderAppearanceSuccess), loaderAppearanceInfo), loaderAppearanceDanger), loaderAppearanceError);
 
 var loaderConfig = {
     appearance: loaderAppearance,