@fluentui/web-components 1.5.6 → 1.6.3
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.
- package/CHANGELOG.json +114 -2
- package/CHANGELOG.md +44 -3
- package/dist/dts/design-tokens.d.ts +176 -176
- package/dist/dts/number-field/number-field.stories.d.ts +1 -0
- package/dist/dts/progress/progress/index.d.ts +7 -6
- package/dist/dts/progress/progress/progress.stories.d.ts +2 -0
- package/dist/dts/progress/progress-ring/index.d.ts +7 -6
- package/dist/dts/progress/progress-ring/progress-ring.stories.d.ts +2 -0
- package/dist/dts/styles/elevation.d.ts +3 -0
- package/dist/dts/text-area/text-area.stories.d.ts +1 -0
- package/dist/dts/text-field/text-field.stories.d.ts +1 -1
- package/dist/dts/utilities/math.d.ts +4 -0
- package/dist/esm/anchor/anchor.stories.js +4 -3
- package/dist/esm/anchored-region/anchored-region.stories.js +3 -3
- package/dist/esm/badge/badge.stories.js +2 -2
- package/dist/esm/breadcrumb-item/breadcrumb-item.styles.js +5 -5
- package/dist/esm/card/card.stories.js +1 -1
- package/dist/esm/checkbox/checkbox.stories.js +2 -2
- package/dist/esm/combobox/combobox.stories.js +5 -0
- package/dist/esm/data-grid/data-grid.stories.js +3 -3
- package/dist/esm/design-tokens.js +218 -211
- package/dist/esm/number-field/number-field.stories.js +2 -1
- package/dist/esm/progress/progress/index.js +7 -6
- package/dist/esm/progress/progress/progress.stories.js +32 -4
- package/dist/esm/progress/progress-ring/index.js +7 -6
- package/dist/esm/progress/progress-ring/progress-ring.stories.js +35 -5
- package/dist/esm/radio-group/radio-group.stories.js +5 -3
- package/dist/esm/slider/slider.stories.js +8 -3
- package/dist/esm/styles/elevation.js +3 -0
- package/dist/esm/switch/switch.stories.js +10 -2
- package/dist/esm/tabs/tabs.stories.js +2 -2
- package/dist/esm/text-area/text-area.stories.js +3 -2
- package/dist/esm/text-field/text-field.stories.js +3 -3
- package/dist/esm/tree-view/tree-view.stories.js +30 -8
- package/dist/esm/utilities/math.js +4 -0
- package/dist/fluent-web-components.api.json +67 -11
- package/dist/web-components.d.ts +27 -13
- package/dist/web-components.js +3908 -4800
- package/dist/web-components.min.js +127 -127
- package/docs/api-report.md +21 -16
- package/package.json +7 -7
- package/public/switches.ts +1 -1
package/dist/web-components.d.ts
CHANGED
|
@@ -219,6 +219,7 @@ export declare const allComponents: {
|
|
|
219
219
|
* https://github.com/microsoft/fast/issues/2778
|
|
220
220
|
*
|
|
221
221
|
* @internal
|
|
222
|
+
* @deprecated Will be replaced
|
|
222
223
|
*/
|
|
223
224
|
export declare const ambientShadow = "0 0 calc((var(--elevation) * 0.225px) + 2px) rgba(0, 0, 0, calc(.11 * (2 - var(--background-luminance, 1))))";
|
|
224
225
|
|
|
@@ -303,9 +304,6 @@ export declare const baseHorizontalSpacingMultiplier: CSSDesignToken<number>;
|
|
|
303
304
|
/** @public */
|
|
304
305
|
export declare const baseLayerLuminance: CSSDesignToken<number>;
|
|
305
306
|
|
|
306
|
-
export { BaseProgress as Progress }
|
|
307
|
-
export { BaseProgress as ProgressRing }
|
|
308
|
-
|
|
309
307
|
/** @public */
|
|
310
308
|
export declare const bodyFont: CSSDesignToken<string>;
|
|
311
309
|
|
|
@@ -1071,6 +1069,7 @@ export declare const direction: CSSDesignToken<Direction>;
|
|
|
1071
1069
|
|
|
1072
1070
|
/**
|
|
1073
1071
|
* @internal
|
|
1072
|
+
* @deprecated Will be replaced
|
|
1074
1073
|
*/
|
|
1075
1074
|
export declare const directionalShadow = "0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgba(0, 0, 0, calc(.13 * (2 - var(--background-luminance, 1))))";
|
|
1076
1075
|
|
|
@@ -1128,6 +1127,7 @@ export declare const elevatedCornerRadius: CSSDesignToken<number>;
|
|
|
1128
1127
|
* by setting --elevation to a number.
|
|
1129
1128
|
*
|
|
1130
1129
|
* @public
|
|
1130
|
+
* @deprecated Will be replaced
|
|
1131
1131
|
*/
|
|
1132
1132
|
export declare const elevation: string;
|
|
1133
1133
|
|
|
@@ -1645,22 +1645,22 @@ export declare const focusStrokeWidth: CSSDesignToken<number>;
|
|
|
1645
1645
|
/** @public */
|
|
1646
1646
|
export declare const foregroundOnAccentActive: CSSDesignToken<Swatch>;
|
|
1647
1647
|
|
|
1648
|
-
/** @public */
|
|
1648
|
+
/** @public @deprecated Not used */
|
|
1649
1649
|
export declare const foregroundOnAccentActiveLarge: CSSDesignToken<Swatch>;
|
|
1650
1650
|
|
|
1651
1651
|
/** @public */
|
|
1652
1652
|
export declare const foregroundOnAccentFocus: CSSDesignToken<Swatch>;
|
|
1653
1653
|
|
|
1654
|
-
/** @public */
|
|
1654
|
+
/** @public @deprecated Not used */
|
|
1655
1655
|
export declare const foregroundOnAccentFocusLarge: CSSDesignToken<Swatch>;
|
|
1656
1656
|
|
|
1657
1657
|
/** @public */
|
|
1658
1658
|
export declare const foregroundOnAccentHover: CSSDesignToken<Swatch>;
|
|
1659
1659
|
|
|
1660
|
-
/** @public */
|
|
1660
|
+
/** @public @deprecated Not used */
|
|
1661
1661
|
export declare const foregroundOnAccentHoverLarge: CSSDesignToken<Swatch>;
|
|
1662
1662
|
|
|
1663
|
-
/** @public */
|
|
1663
|
+
/** @public @deprecated Not used */
|
|
1664
1664
|
export declare const foregroundOnAccentLargeRecipe: DesignToken<ColorRecipe>;
|
|
1665
1665
|
|
|
1666
1666
|
/** @public */
|
|
@@ -1669,7 +1669,7 @@ export declare const foregroundOnAccentRecipe: DesignToken<ColorRecipe>;
|
|
|
1669
1669
|
/** @public */
|
|
1670
1670
|
export declare const foregroundOnAccentRest: CSSDesignToken<Swatch>;
|
|
1671
1671
|
|
|
1672
|
-
/** @public */
|
|
1672
|
+
/** @public @deprecated Not used */
|
|
1673
1673
|
export declare const foregroundOnAccentRestLarge: CSSDesignToken<Swatch>;
|
|
1674
1674
|
|
|
1675
1675
|
/**
|
|
@@ -1846,28 +1846,28 @@ export declare const neutralFillInputRest: CSSDesignToken<Swatch>;
|
|
|
1846
1846
|
/** @public */
|
|
1847
1847
|
export declare const neutralFillInputRestDelta: CSSDesignToken<number>;
|
|
1848
1848
|
|
|
1849
|
-
/** @public */
|
|
1849
|
+
/** @public @deprecated Not used */
|
|
1850
1850
|
export declare const neutralFillInverseActive: CSSDesignToken<Swatch>;
|
|
1851
1851
|
|
|
1852
1852
|
/** @public */
|
|
1853
1853
|
export declare const neutralFillInverseActiveDelta: CSSDesignToken<number>;
|
|
1854
1854
|
|
|
1855
|
-
/** @public */
|
|
1855
|
+
/** @public @deprecated Not used */
|
|
1856
1856
|
export declare const neutralFillInverseFocus: CSSDesignToken<Swatch>;
|
|
1857
1857
|
|
|
1858
1858
|
/** @public */
|
|
1859
1859
|
export declare const neutralFillInverseFocusDelta: CSSDesignToken<number>;
|
|
1860
1860
|
|
|
1861
|
-
/** @public */
|
|
1861
|
+
/** @public @deprecated Not used */
|
|
1862
1862
|
export declare const neutralFillInverseHover: CSSDesignToken<Swatch>;
|
|
1863
1863
|
|
|
1864
1864
|
/** @public */
|
|
1865
1865
|
export declare const neutralFillInverseHoverDelta: CSSDesignToken<number>;
|
|
1866
1866
|
|
|
1867
|
-
/** @public */
|
|
1867
|
+
/** @public @deprecated Not used */
|
|
1868
1868
|
export declare const neutralFillInverseRecipe: DesignToken<InteractiveColorRecipe>;
|
|
1869
1869
|
|
|
1870
|
-
/** @public */
|
|
1870
|
+
/** @public @deprecated Not used */
|
|
1871
1871
|
export declare const neutralFillInverseRest: CSSDesignToken<Swatch>;
|
|
1872
1872
|
|
|
1873
1873
|
/** @public */
|
|
@@ -2187,6 +2187,20 @@ export declare const PaletteRGB: Readonly<{
|
|
|
2187
2187
|
create(source: SwatchRGB): PaletteRGB;
|
|
2188
2188
|
}>;
|
|
2189
2189
|
|
|
2190
|
+
/**
|
|
2191
|
+
* Progress base class
|
|
2192
|
+
* @public
|
|
2193
|
+
*/
|
|
2194
|
+
export declare class Progress extends BaseProgress {
|
|
2195
|
+
}
|
|
2196
|
+
|
|
2197
|
+
/**
|
|
2198
|
+
* Progress Ring base class
|
|
2199
|
+
* @public
|
|
2200
|
+
*/
|
|
2201
|
+
export declare class ProgressRing extends BaseProgress {
|
|
2202
|
+
}
|
|
2203
|
+
|
|
2190
2204
|
/**
|
|
2191
2205
|
* Styles for ProgressRing
|
|
2192
2206
|
* @public
|