@fluentui/web-components 3.0.0-alpha.7 → 3.0.0-alpha.8

package/dist/fluent-web-components.api.json

@@ -1405,7 +1405,7 @@
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "shape: "
+                  "text": "shape?: "
                 },
                 {
                   "kind": "Reference",
@@ -1418,7 +1418,7 @@
                 }
               ],
               "isReadonly": false,
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
               "name": "shape",
               "propertyTypeTokenRange": {
@@ -1435,7 +1435,7 @@
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "size: "
+                  "text": "size?: "
                 },
                 {
                   "kind": "Reference",
@@ -1448,7 +1448,7 @@
                 }
               ],
               "isReadonly": false,
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
               "name": "size",
               "propertyTypeTokenRange": {
@@ -5284,6 +5284,37 @@
             "endIndex": 4
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralStencil1Alpha:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralStencil1Alpha: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralStencil1Alpha",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStencil2:var",
@@ -5315,6 +5346,37 @@
             "endIndex": 4
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralStencil2Alpha:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralStencil2Alpha: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralStencil2Alpha",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStroke1:var",
@@ -7795,6 +7857,37 @@
             "endIndex": 4
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteGreenForegroundInverted:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteGreenForegroundInverted: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteGreenForegroundInverted",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteLavenderBackground2:var",
@@ -9748,6 +9841,37 @@
             "endIndex": 4
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRedForegroundInverted:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRedForegroundInverted: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedForegroundInverted",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteRoyalBlueBackground2:var",
@@ -10399,6 +10523,37 @@
             "endIndex": 4
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowForegroundInverted:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteYellowForegroundInverted: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteYellowForegroundInverted",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorScrollbarOverlay:var",
@@ -11080,7 +11235,7 @@
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "appearance: "
+                  "text": "appearance?: "
                 },
                 {
                   "kind": "Reference",
@@ -11093,7 +11248,7 @@
                 }
               ],
               "isReadonly": false,
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
               "name": "appearance",
               "propertyTypeTokenRange": {
@@ -11110,7 +11265,7 @@
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "color: "
+                  "text": "color?: "
                 },
                 {
                   "kind": "Reference",
@@ -11123,7 +11278,7 @@
                 }
               ],
               "isReadonly": false,
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
               "name": "color",
               "propertyTypeTokenRange": {
@@ -11287,7 +11442,7 @@
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "shape: "
+                  "text": "shape?: "
                 },
                 {
                   "kind": "Reference",
@@ -11300,7 +11455,7 @@
                 }
               ],
               "isReadonly": false,
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
               "name": "shape",
               "propertyTypeTokenRange": {
@@ -11346,7 +11501,7 @@
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "size: "
+                  "text": "size?: "
                 },
                 {
                   "kind": "Reference",
@@ -11359,7 +11514,7 @@
                 }
               ],
               "isReadonly": false,
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
               "name": "size",
               "propertyTypeTokenRange": {
@@ -13898,7 +14053,7 @@
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "shape: "
+                  "text": "shape?: "
                 },
                 {
                   "kind": "Reference",
@@ -13911,7 +14066,7 @@
                 }
               ],
               "isReadonly": false,
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
               "name": "shape",
               "propertyTypeTokenRange": {
@@ -13928,7 +14083,7 @@
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "thickness: "
+                  "text": "thickness?: "
                 },
                 {
                   "kind": "Reference",
@@ -13941,7 +14096,7 @@
                 }
               ],
               "isReadonly": false,
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
               "name": "thickness",
               "propertyTypeTokenRange": {
@@ -15393,7 +15548,7 @@
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "appearance: "
+                  "text": "appearance?: "
                 },
                 {
                   "kind": "Reference",
@@ -15406,7 +15561,7 @@
                 }
               ],
               "isReadonly": false,
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
               "name": "appearance",
               "propertyTypeTokenRange": {
@@ -15423,7 +15578,7 @@
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "size: "
+                  "text": "size?: "
                 },
                 {
                   "kind": "Reference",
@@ -15436,7 +15591,7 @@
                 }
               ],
               "isReadonly": false,
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
               "name": "size",
               "propertyTypeTokenRange": {
@@ -16020,7 +16175,7 @@
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "align: "
+                  "text": "align?: "
                 },
                 {
                   "kind": "Reference",
@@ -16033,7 +16188,7 @@
                 }
               ],
               "isReadonly": false,
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
               "name": "align",
               "propertyTypeTokenRange": {
@@ -16079,7 +16234,7 @@
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "font: "
+                  "text": "font?: "
                 },
                 {
                   "kind": "Reference",
@@ -16092,7 +16247,7 @@
                 }
               ],
               "isReadonly": false,
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
               "name": "font",
               "propertyTypeTokenRange": {
@@ -16167,7 +16322,7 @@
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "size: "
+                  "text": "size?: "
                 },
                 {
                   "kind": "Reference",
@@ -16180,7 +16335,7 @@
                 }
               ],
               "isReadonly": false,
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
               "name": "size",
               "propertyTypeTokenRange": {
@@ -16284,7 +16439,7 @@
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "weight: "
+                  "text": "weight?: "
                 },
                 {
                   "kind": "Reference",
@@ -16297,7 +16452,7 @@
                 }
               ],
               "isReadonly": false,
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
               "name": "weight",
               "propertyTypeTokenRange": {

package/dist/web-components.d.ts

@@ -47,7 +47,7 @@ export declare class AccordionItem extends FASTAccordionItem {
      * @remarks
      * HTML Attribute: size
      */
-    size: AccordionItemSize;
+    size?: AccordionItemSize;
     /**
      * Sets the width of the focus state.
      *
@@ -64,7 +64,7 @@ export declare class AccordionItem extends FASTAccordionItem {
      * @remarks
      * HTML Attribute: expandIconPosition
      */
-    expandIconPosition: AccordionItemExpandIconPosition;
+    expandIconPosition?: AccordionItemExpandIconPosition;
 }
 
 /**
@@ -413,7 +413,7 @@ export declare class Badge extends FASTElement {
      * @remarks
      * HTML Attribute: shape
      */
-    shape: BadgeShape;
+    shape?: BadgeShape;
     /**
      * The size the badge should have.
      *
@@ -421,7 +421,7 @@ export declare class Badge extends FASTElement {
      * @remarks
      * HTML Attribute: size
      */
-    size: BadgeSize;
+    size?: BadgeSize;
 }
 
 /**
@@ -755,8 +755,12 @@ export declare const colorNeutralShadowKeyLighter: CSSDesignToken<string>;
 
 export declare const colorNeutralStencil1: CSSDesignToken<string>;
 
+export declare const colorNeutralStencil1Alpha: CSSDesignToken<string>;
+
 export declare const colorNeutralStencil2: CSSDesignToken<string>;
 
+export declare const colorNeutralStencil2Alpha: CSSDesignToken<string>;
+
 export declare const colorNeutralStroke1: CSSDesignToken<string>;
 
 export declare const colorNeutralStroke1Hover: CSSDesignToken<string>;
@@ -917,6 +921,8 @@ export declare const colorPaletteGreenForeground2: CSSDesignToken<string>;
 
 export declare const colorPaletteGreenForeground3: CSSDesignToken<string>;
 
+export declare const colorPaletteGreenForegroundInverted: CSSDesignToken<string>;
+
 export declare const colorPaletteLavenderBackground2: CSSDesignToken<string>;
 
 export declare const colorPaletteLavenderBorderActive: CSSDesignToken<string>;
@@ -1043,6 +1049,8 @@ export declare const colorPaletteRedForeground2: CSSDesignToken<string>;
 
 export declare const colorPaletteRedForeground3: CSSDesignToken<string>;
 
+export declare const colorPaletteRedForegroundInverted: CSSDesignToken<string>;
+
 export declare const colorPaletteRoyalBlueBackground2: CSSDesignToken<string>;
 
 export declare const colorPaletteRoyalBlueBorderActive: CSSDesignToken<string>;
@@ -1085,6 +1093,8 @@ export declare const colorPaletteYellowForeground2: CSSDesignToken<string>;
 
 export declare const colorPaletteYellowForeground3: CSSDesignToken<string>;
 
+export declare const colorPaletteYellowForegroundInverted: CSSDesignToken<string>;
+
 export declare const colorScrollbarOverlay: CSSDesignToken<string>;
 
 export declare const colorStrokeFocus1: CSSDesignToken<string>;
@@ -1139,7 +1149,7 @@ export declare class CounterBadge extends FASTElement {
      * @remarks
      * HTML Attribute: appearance
      */
-    appearance: CounterBadgeAppearance;
+    appearance?: CounterBadgeAppearance;
     /**
      * The color the badge should have.
      *
@@ -1147,7 +1157,7 @@ export declare class CounterBadge extends FASTElement {
      * @remarks
      * HTML Attribute: color
      */
-    color: CounterBadgeColor;
+    color?: CounterBadgeColor;
     /**
      * The shape the badge should have.
      *
@@ -1155,7 +1165,7 @@ export declare class CounterBadge extends FASTElement {
      * @remarks
      * HTML Attribute: shape
      */
-    shape: CounterBadgeShape;
+    shape?: CounterBadgeShape;
     /**
      * The size the badge should have.
      *
@@ -1163,7 +1173,7 @@ export declare class CounterBadge extends FASTElement {
      * @remarks
      * HTML Attribute: size
      */
-    size: CounterBadgeSize;
+    size?: CounterBadgeSize;
     /**
      * The count the badge should have.
      *
@@ -1607,14 +1617,14 @@ declare class ProgressBar_2 extends FASTProgress {
      * @remarks
      * HTML Attribute: thickness
      */
-    thickness: ProgressBarThickness;
+    thickness?: ProgressBarThickness;
     /**
      * The shape of the progress bar
      * @public
      * @remarks
      * HTML Attribute: shape
      */
-    shape: ProgressBarShape;
+    shape?: ProgressBarShape;
     /**
      * The validation state of the progress bar
      * @public
@@ -1775,7 +1785,7 @@ export declare class Spinner extends FASTProgressRing {
      * @remarks
      * HTML Attribute: size
      */
-    size: SpinnerSize;
+    size?: SpinnerSize;
     /**
      * The appearance of the spinner
      * @public
@@ -1783,7 +1793,7 @@ export declare class Spinner extends FASTProgressRing {
      * @remarks
      * HTML Attribute: appearance
      */
-    appearance: SpinnerAppearance;
+    appearance?: SpinnerAppearance;
 }
 
 /**
@@ -1939,7 +1949,7 @@ declare class Text_2 extends FASTElement {
      * HTML Attribute: size
      *
      */
-    size: TextSize;
+    size?: TextSize;
     /**
      * THe Text font
      *
@@ -1947,7 +1957,7 @@ declare class Text_2 extends FASTElement {
      * @remarks
      * HTML Attribute: font
      */
-    font: TextFont;
+    font?: TextFont;
     /**
      * THe Text weight
      *
@@ -1955,7 +1965,7 @@ declare class Text_2 extends FASTElement {
      * @remarks
      * HTML Attribute: weight
      */
-    weight: TextWeight;
+    weight?: TextWeight;
     /**
      * THe Text align
      *
@@ -1963,7 +1973,7 @@ declare class Text_2 extends FASTElement {
      * @remarks
      * HTML Attribute: align
      */
-    align: TextAlign;
+    align?: TextAlign;
 }
 export { Text_2 as Text }