@fluentui/web-components 3.0.0-beta.8 → 3.0.0-beta.9

package/dist/storybook/project.json

@@ -1 +1 @@
-{"generatedAt":1707710786224,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"monorepo":"Nx","packageManager":{"type":"yarn","version":"1.23.34"},"storybookVersion":"6.5.15","language":"typescript","storybookPackages":{"@storybook/html":{"version":null}},"framework":{"name":"html"},"addons":{"@storybook/addon-docs":{"version":"6.5.15"},"@storybook/addon-essentials":{"options":{"backgrounds":false,"viewport":false,"toolbars":false,"actions":true},"version":"6.5.15"}}}
+{"generatedAt":1712549237660,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"monorepo":"Nx","packageManager":{"type":"yarn","version":"1.23.34"},"storybookVersion":"6.5.15","language":"typescript","storybookPackages":{"@storybook/html":{"version":null}},"framework":{"name":"html"},"addons":{"@storybook/addon-docs":{"version":"6.5.15"},"@storybook/addon-essentials":{"options":{"backgrounds":false,"viewport":false,"toolbars":false,"actions":true},"version":"6.5.15"}}}

package/dist/web-components.js

@@ -3905,6 +3905,8 @@ const colorNeutralForegroundInvertedLinkSelected = "--colorNeutralForegroundInve
 const colorNeutralForegroundInvertedDisabled = "--colorNeutralForegroundInvertedDisabled";
 const colorBrandForeground1 = "--colorBrandForeground1";
 const colorBrandForeground2 = "--colorBrandForeground2";
+const colorBrandForeground2Hover = "--colorBrandForeground2Hover";
+const colorBrandForeground2Pressed = "--colorBrandForeground2Pressed";
 const colorNeutralForeground1Static = "--colorNeutralForeground1Static";
 const colorBrandForegroundInverted = "--colorBrandForegroundInverted";
 const colorBrandForegroundInvertedHover = "--colorBrandForegroundInvertedHover";
@@ -3934,8 +3936,10 @@ const colorNeutralBackground5Hover = "--colorNeutralBackground5Hover";
 const colorNeutralBackground5Pressed = "--colorNeutralBackground5Pressed";
 const colorNeutralBackground5Selected = "--colorNeutralBackground5Selected";
 const colorNeutralBackground6 = "--colorNeutralBackground6";
-const colorNeutralBackgroundStatic = "--colorNeutralBackgroundStatic";
 const colorNeutralBackgroundInverted = "--colorNeutralBackgroundInverted";
+const colorNeutralBackgroundStatic = "--colorNeutralBackgroundStatic";
+const colorNeutralBackgroundAlpha = "--colorNeutralBackgroundAlpha";
+const colorNeutralBackgroundAlpha2 = "--colorNeutralBackgroundAlpha2";
 const colorSubtleBackground = "--colorSubtleBackground";
 const colorSubtleBackgroundHover = "--colorSubtleBackgroundHover";
 const colorSubtleBackgroundPressed = "--colorSubtleBackgroundPressed";
@@ -3968,10 +3972,19 @@ const colorCompoundBrandBackgroundHover = "--colorCompoundBrandBackgroundHover";
 const colorCompoundBrandBackgroundPressed = "--colorCompoundBrandBackgroundPressed";
 const colorBrandBackgroundStatic = "--colorBrandBackgroundStatic";
 const colorBrandBackground2 = "--colorBrandBackground2";
+const colorBrandBackground2Hover = "--colorBrandBackground2Hover";
+const colorBrandBackground2Pressed = "--colorBrandBackground2Pressed";
+const colorBrandBackground3Static = "--colorBrandBackground3Static";
+const colorBrandBackground4Static = "--colorBrandBackground4Static";
 const colorBrandBackgroundInverted = "--colorBrandBackgroundInverted";
 const colorBrandBackgroundInvertedHover = "--colorBrandBackgroundInvertedHover";
 const colorBrandBackgroundInvertedPressed = "--colorBrandBackgroundInvertedPressed";
 const colorBrandBackgroundInvertedSelected = "--colorBrandBackgroundInvertedSelected";
+const colorNeutralCardBackground = "--colorNeutralCardBackground";
+const colorNeutralCardBackgroundHover = "--colorNeutralCardBackgroundHover";
+const colorNeutralCardBackgroundPressed = "--colorNeutralCardBackgroundPressed";
+const colorNeutralCardBackgroundSelected = "--colorNeutralCardBackgroundSelected";
+const colorNeutralCardBackgroundDisabled = "--colorNeutralCardBackgroundDisabled";
 const colorNeutralStrokeAccessible = "--colorNeutralStrokeAccessible";
 const colorNeutralStrokeAccessibleHover = "--colorNeutralStrokeAccessibleHover";
 const colorNeutralStrokeAccessiblePressed = "--colorNeutralStrokeAccessiblePressed";
@@ -3982,6 +3995,7 @@ const colorNeutralStroke1Pressed = "--colorNeutralStroke1Pressed";
 const colorNeutralStroke1Selected = "--colorNeutralStroke1Selected";
 const colorNeutralStroke2 = "--colorNeutralStroke2";
 const colorNeutralStroke3 = "--colorNeutralStroke3";
+const colorNeutralStrokeSubtle = "--colorNeutralStrokeSubtle";
 const colorNeutralStrokeOnBrand = "--colorNeutralStrokeOnBrand";
 const colorNeutralStrokeOnBrand2 = "--colorNeutralStrokeOnBrand2";
 const colorNeutralStrokeOnBrand2Hover = "--colorNeutralStrokeOnBrand2Hover";
@@ -3989,6 +4003,9 @@ const colorNeutralStrokeOnBrand2Pressed = "--colorNeutralStrokeOnBrand2Pressed";
 const colorNeutralStrokeOnBrand2Selected = "--colorNeutralStrokeOnBrand2Selected";
 const colorBrandStroke1 = "--colorBrandStroke1";
 const colorBrandStroke2 = "--colorBrandStroke2";
+const colorBrandStroke2Hover = "--colorBrandStroke2Hover";
+const colorBrandStroke2Pressed = "--colorBrandStroke2Pressed";
+const colorBrandStroke2Contrast = "--colorBrandStroke2Contrast";
 const colorCompoundBrandStroke = "--colorCompoundBrandStroke";
 const colorCompoundBrandStrokeHover = "--colorCompoundBrandStrokeHover";
 const colorCompoundBrandStrokePressed = "--colorCompoundBrandStrokePressed";
@@ -3997,6 +4014,8 @@ const colorNeutralStrokeInvertedDisabled = "--colorNeutralStrokeInvertedDisabled
 const colorTransparentStroke = "--colorTransparentStroke";
 const colorTransparentStrokeInteractive = "--colorTransparentStrokeInteractive";
 const colorTransparentStrokeDisabled = "--colorTransparentStrokeDisabled";
+const colorNeutralStrokeAlpha = "--colorNeutralStrokeAlpha";
+const colorNeutralStrokeAlpha2 = "--colorNeutralStrokeAlpha2";
 const colorStrokeFocus1 = "--colorStrokeFocus1";
 const colorStrokeFocus2 = "--colorStrokeFocus2";
 const colorNeutralShadowAmbient = "--colorNeutralShadowAmbient";
@@ -4157,6 +4176,38 @@ const colorPaletteSteelForeground2 = "--colorPaletteSteelForeground2";
 const colorPaletteTealBackground2 = "--colorPaletteTealBackground2";
 const colorPaletteTealBorderActive = "--colorPaletteTealBorderActive";
 const colorPaletteTealForeground2 = "--colorPaletteTealForeground2";
+const colorStatusSuccessBackground1 = "--colorStatusSuccessBackground1";
+const colorStatusSuccessBackground2 = "--colorStatusSuccessBackground2";
+const colorStatusSuccessBackground3 = "--colorStatusSuccessBackground3";
+const colorStatusSuccessForeground1 = "--colorStatusSuccessForeground1";
+const colorStatusSuccessForeground2 = "--colorStatusSuccessForeground2";
+const colorStatusSuccessForeground3 = "--colorStatusSuccessForeground3";
+const colorStatusSuccessForegroundInverted = "--colorStatusSuccessForegroundInverted";
+const colorStatusSuccessBorderActive = "--colorStatusSuccessBorderActive";
+const colorStatusSuccessBorder1 = "--colorStatusSuccessBorder1";
+const colorStatusSuccessBorder2 = "--colorStatusSuccessBorder2";
+const colorStatusWarningBackground1 = "--colorStatusWarningBackground1";
+const colorStatusWarningBackground2 = "--colorStatusWarningBackground2";
+const colorStatusWarningBackground3 = "--colorStatusWarningBackground3";
+const colorStatusWarningForeground1 = "--colorStatusWarningForeground1";
+const colorStatusWarningForeground2 = "--colorStatusWarningForeground2";
+const colorStatusWarningForeground3 = "--colorStatusWarningForeground3";
+const colorStatusWarningForegroundInverted = "--colorStatusWarningForegroundInverted";
+const colorStatusWarningBorderActive = "--colorStatusWarningBorderActive";
+const colorStatusWarningBorder1 = "--colorStatusWarningBorder1";
+const colorStatusWarningBorder2 = "--colorStatusWarningBorder2";
+const colorStatusDangerBackground1 = "--colorStatusDangerBackground1";
+const colorStatusDangerBackground2 = "--colorStatusDangerBackground2";
+const colorStatusDangerBackground3 = "--colorStatusDangerBackground3";
+const colorStatusDangerBackground3Hover = "--colorStatusDangerBackground3Hover";
+const colorStatusDangerBackground3Pressed = "--colorStatusDangerBackground3Pressed";
+const colorStatusDangerForeground1 = "--colorStatusDangerForeground1";
+const colorStatusDangerForeground2 = "--colorStatusDangerForeground2";
+const colorStatusDangerForeground3 = "--colorStatusDangerForeground3";
+const colorStatusDangerForegroundInverted = "--colorStatusDangerForegroundInverted";
+const colorStatusDangerBorderActive = "--colorStatusDangerBorderActive";
+const colorStatusDangerBorder1 = "--colorStatusDangerBorder1";
+const colorStatusDangerBorder2 = "--colorStatusDangerBorder2";
 const borderRadiusNone = "--borderRadiusNone";
 const borderRadiusSmall = "--borderRadiusSmall";
 const borderRadiusMedium = "--borderRadiusMedium";
@@ -4232,6 +4283,7 @@ const durationUltraFast = "--durationUltraFast";
 const durationFaster = "--durationFaster";
 const durationFast = "--durationFast";
 const durationNormal = "--durationNormal";
+const durationGentle = "--durationGentle";
 const durationSlow = "--durationSlow";
 const durationSlower = "--durationSlower";
 const durationUltraSlow = "--durationUltraSlow";
@@ -4292,6 +4344,8 @@ var tokens = /*#__PURE__*/Object.freeze({
     colorNeutralForegroundInvertedDisabled: colorNeutralForegroundInvertedDisabled,
     colorBrandForeground1: colorBrandForeground1,
     colorBrandForeground2: colorBrandForeground2,
+    colorBrandForeground2Hover: colorBrandForeground2Hover,
+    colorBrandForeground2Pressed: colorBrandForeground2Pressed,
     colorNeutralForeground1Static: colorNeutralForeground1Static,
     colorBrandForegroundInverted: colorBrandForegroundInverted,
     colorBrandForegroundInvertedHover: colorBrandForegroundInvertedHover,
@@ -4321,8 +4375,10 @@ var tokens = /*#__PURE__*/Object.freeze({
     colorNeutralBackground5Pressed: colorNeutralBackground5Pressed,
     colorNeutralBackground5Selected: colorNeutralBackground5Selected,
     colorNeutralBackground6: colorNeutralBackground6,
-    colorNeutralBackgroundStatic: colorNeutralBackgroundStatic,
     colorNeutralBackgroundInverted: colorNeutralBackgroundInverted,
+    colorNeutralBackgroundStatic: colorNeutralBackgroundStatic,
+    colorNeutralBackgroundAlpha: colorNeutralBackgroundAlpha,
+    colorNeutralBackgroundAlpha2: colorNeutralBackgroundAlpha2,
     colorSubtleBackground: colorSubtleBackground,
     colorSubtleBackgroundHover: colorSubtleBackgroundHover,
     colorSubtleBackgroundPressed: colorSubtleBackgroundPressed,
@@ -4355,10 +4411,19 @@ var tokens = /*#__PURE__*/Object.freeze({
     colorCompoundBrandBackgroundPressed: colorCompoundBrandBackgroundPressed,
     colorBrandBackgroundStatic: colorBrandBackgroundStatic,
     colorBrandBackground2: colorBrandBackground2,
+    colorBrandBackground2Hover: colorBrandBackground2Hover,
+    colorBrandBackground2Pressed: colorBrandBackground2Pressed,
+    colorBrandBackground3Static: colorBrandBackground3Static,
+    colorBrandBackground4Static: colorBrandBackground4Static,
     colorBrandBackgroundInverted: colorBrandBackgroundInverted,
     colorBrandBackgroundInvertedHover: colorBrandBackgroundInvertedHover,
     colorBrandBackgroundInvertedPressed: colorBrandBackgroundInvertedPressed,
     colorBrandBackgroundInvertedSelected: colorBrandBackgroundInvertedSelected,
+    colorNeutralCardBackground: colorNeutralCardBackground,
+    colorNeutralCardBackgroundHover: colorNeutralCardBackgroundHover,
+    colorNeutralCardBackgroundPressed: colorNeutralCardBackgroundPressed,
+    colorNeutralCardBackgroundSelected: colorNeutralCardBackgroundSelected,
+    colorNeutralCardBackgroundDisabled: colorNeutralCardBackgroundDisabled,
     colorNeutralStrokeAccessible: colorNeutralStrokeAccessible,
     colorNeutralStrokeAccessibleHover: colorNeutralStrokeAccessibleHover,
     colorNeutralStrokeAccessiblePressed: colorNeutralStrokeAccessiblePressed,
@@ -4369,6 +4434,7 @@ var tokens = /*#__PURE__*/Object.freeze({
     colorNeutralStroke1Selected: colorNeutralStroke1Selected,
     colorNeutralStroke2: colorNeutralStroke2,
     colorNeutralStroke3: colorNeutralStroke3,
+    colorNeutralStrokeSubtle: colorNeutralStrokeSubtle,
     colorNeutralStrokeOnBrand: colorNeutralStrokeOnBrand,
     colorNeutralStrokeOnBrand2: colorNeutralStrokeOnBrand2,
     colorNeutralStrokeOnBrand2Hover: colorNeutralStrokeOnBrand2Hover,
@@ -4376,6 +4442,9 @@ var tokens = /*#__PURE__*/Object.freeze({
     colorNeutralStrokeOnBrand2Selected: colorNeutralStrokeOnBrand2Selected,
     colorBrandStroke1: colorBrandStroke1,
     colorBrandStroke2: colorBrandStroke2,
+    colorBrandStroke2Hover: colorBrandStroke2Hover,
+    colorBrandStroke2Pressed: colorBrandStroke2Pressed,
+    colorBrandStroke2Contrast: colorBrandStroke2Contrast,
     colorCompoundBrandStroke: colorCompoundBrandStroke,
     colorCompoundBrandStrokeHover: colorCompoundBrandStrokeHover,
     colorCompoundBrandStrokePressed: colorCompoundBrandStrokePressed,
@@ -4384,6 +4453,8 @@ var tokens = /*#__PURE__*/Object.freeze({
     colorTransparentStroke: colorTransparentStroke,
     colorTransparentStrokeInteractive: colorTransparentStrokeInteractive,
     colorTransparentStrokeDisabled: colorTransparentStrokeDisabled,
+    colorNeutralStrokeAlpha: colorNeutralStrokeAlpha,
+    colorNeutralStrokeAlpha2: colorNeutralStrokeAlpha2,
     colorStrokeFocus1: colorStrokeFocus1,
     colorStrokeFocus2: colorStrokeFocus2,
     colorNeutralShadowAmbient: colorNeutralShadowAmbient,
@@ -4544,6 +4615,38 @@ var tokens = /*#__PURE__*/Object.freeze({
     colorPaletteTealBackground2: colorPaletteTealBackground2,
     colorPaletteTealBorderActive: colorPaletteTealBorderActive,
     colorPaletteTealForeground2: colorPaletteTealForeground2,
+    colorStatusSuccessBackground1: colorStatusSuccessBackground1,
+    colorStatusSuccessBackground2: colorStatusSuccessBackground2,
+    colorStatusSuccessBackground3: colorStatusSuccessBackground3,
+    colorStatusSuccessForeground1: colorStatusSuccessForeground1,
+    colorStatusSuccessForeground2: colorStatusSuccessForeground2,
+    colorStatusSuccessForeground3: colorStatusSuccessForeground3,
+    colorStatusSuccessForegroundInverted: colorStatusSuccessForegroundInverted,
+    colorStatusSuccessBorderActive: colorStatusSuccessBorderActive,
+    colorStatusSuccessBorder1: colorStatusSuccessBorder1,
+    colorStatusSuccessBorder2: colorStatusSuccessBorder2,
+    colorStatusWarningBackground1: colorStatusWarningBackground1,
+    colorStatusWarningBackground2: colorStatusWarningBackground2,
+    colorStatusWarningBackground3: colorStatusWarningBackground3,
+    colorStatusWarningForeground1: colorStatusWarningForeground1,
+    colorStatusWarningForeground2: colorStatusWarningForeground2,
+    colorStatusWarningForeground3: colorStatusWarningForeground3,
+    colorStatusWarningForegroundInverted: colorStatusWarningForegroundInverted,
+    colorStatusWarningBorderActive: colorStatusWarningBorderActive,
+    colorStatusWarningBorder1: colorStatusWarningBorder1,
+    colorStatusWarningBorder2: colorStatusWarningBorder2,
+    colorStatusDangerBackground1: colorStatusDangerBackground1,
+    colorStatusDangerBackground2: colorStatusDangerBackground2,
+    colorStatusDangerBackground3: colorStatusDangerBackground3,
+    colorStatusDangerBackground3Hover: colorStatusDangerBackground3Hover,
+    colorStatusDangerBackground3Pressed: colorStatusDangerBackground3Pressed,
+    colorStatusDangerForeground1: colorStatusDangerForeground1,
+    colorStatusDangerForeground2: colorStatusDangerForeground2,
+    colorStatusDangerForeground3: colorStatusDangerForeground3,
+    colorStatusDangerForegroundInverted: colorStatusDangerForegroundInverted,
+    colorStatusDangerBorderActive: colorStatusDangerBorderActive,
+    colorStatusDangerBorder1: colorStatusDangerBorder1,
+    colorStatusDangerBorder2: colorStatusDangerBorder2,
     borderRadiusNone: borderRadiusNone,
     borderRadiusSmall: borderRadiusSmall,
     borderRadiusMedium: borderRadiusMedium,
@@ -4619,6 +4722,7 @@ var tokens = /*#__PURE__*/Object.freeze({
     durationFaster: durationFaster,
     durationFast: durationFast,
     durationNormal: durationNormal,
+    durationGentle: durationGentle,
     durationSlow: durationSlow,
     durationSlower: durationSlower,
     durationUltraSlow: durationUltraSlow,