@fluentui/web-components 2.4.0 → 2.5.2

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.
Files changed (98) hide show
  1. package/CHANGELOG.json +61 -1
  2. package/CHANGELOG.md +29 -2
  3. package/dist/dts/_docs/design-system/color-explorer/app.d.ts +25 -0
  4. package/dist/dts/_docs/design-system/color-explorer/colors.d.ts +13 -0
  5. package/dist/dts/_docs/design-system/color-explorer/component-types.d.ts +6 -0
  6. package/dist/dts/_docs/design-system/color-explorer/components/color-block.d.ts +10 -0
  7. package/dist/dts/_docs/design-system/color-explorer/components/color-picker/color-picker.d.ts +190 -0
  8. package/dist/dts/_docs/design-system/color-explorer/components/color-picker/color-picker.form-associated.d.ts +15 -0
  9. package/dist/dts/_docs/design-system/color-explorer/components/color-picker/color-picker.styles.d.ts +3 -0
  10. package/dist/dts/_docs/design-system/color-explorer/components/color-picker/color-picker.template.d.ts +8 -0
  11. package/dist/dts/_docs/design-system/color-explorer/components/color-picker/index.d.ts +9 -0
  12. package/dist/dts/_docs/design-system/color-explorer/components/control-pane/control-pane.d.ts +8 -0
  13. package/dist/dts/_docs/design-system/color-explorer/components/control-pane/control-pane.styles.d.ts +1 -0
  14. package/dist/dts/_docs/design-system/color-explorer/components/control-pane/control-pane.template.d.ts +2 -0
  15. package/dist/dts/_docs/design-system/color-explorer/components/control-pane/index.d.ts +6 -0
  16. package/dist/dts/_docs/design-system/color-explorer/components/gradient/gradient.d.ts +5 -0
  17. package/dist/dts/_docs/design-system/color-explorer/components/gradient/gradient.styles.d.ts +1 -0
  18. package/dist/dts/_docs/design-system/color-explorer/components/gradient/gradient.template.d.ts +2 -0
  19. package/dist/dts/_docs/design-system/color-explorer/components/gradient/index.d.ts +6 -0
  20. package/dist/dts/_docs/design-system/color-explorer/components/layer-background/index.d.ts +21 -0
  21. package/dist/dts/_docs/design-system/color-explorer/components/sample-app/index.d.ts +6 -0
  22. package/dist/dts/_docs/design-system/color-explorer/components/sample-app/sample-app.d.ts +3 -0
  23. package/dist/dts/_docs/design-system/color-explorer/components/sample-app/sample-app.styles.d.ts +1 -0
  24. package/dist/dts/_docs/design-system/color-explorer/components/sample-app/sample-app.template.d.ts +1 -0
  25. package/dist/dts/_docs/design-system/color-explorer/components/sample-page/index.d.ts +6 -0
  26. package/dist/dts/_docs/design-system/color-explorer/components/sample-page/sample-page.d.ts +3 -0
  27. package/dist/dts/_docs/design-system/color-explorer/components/sample-page/sample-page.styles.d.ts +1 -0
  28. package/dist/dts/_docs/design-system/color-explorer/components/sample-page/sample-page.template.d.ts +1 -0
  29. package/dist/dts/_docs/design-system/color-explorer/components/swatch.d.ts +30 -0
  30. package/dist/dts/_docs/design-system/color-explorer/custom-elements.d.ts +7 -0
  31. package/dist/dts/_docs/design-system/color-explorer/index.d.ts +2 -0
  32. package/dist/dts/design-tokens.d.ts +20 -0
  33. package/dist/dts/styles/patterns/index.d.ts +1 -0
  34. package/dist/dts/styles/patterns/type-ramp.d.ts +18 -0
  35. package/dist/dts/utilities/type-ramp.d.ts +12 -0
  36. package/dist/esm/_docs/design-system/color-explorer/app.js +247 -0
  37. package/dist/esm/_docs/design-system/color-explorer/colors.js +24 -0
  38. package/dist/esm/_docs/design-system/color-explorer/component-types.js +7 -0
  39. package/dist/esm/_docs/design-system/color-explorer/components/color-block.js +408 -0
  40. package/dist/esm/_docs/design-system/color-explorer/components/color-picker/color-picker.form-associated.js +16 -0
  41. package/dist/esm/_docs/design-system/color-explorer/components/color-picker/color-picker.js +297 -0
  42. package/dist/esm/_docs/design-system/color-explorer/components/color-picker/color-picker.styles.js +124 -0
  43. package/dist/esm/_docs/design-system/color-explorer/components/color-picker/color-picker.template.js +130 -0
  44. package/dist/esm/_docs/design-system/color-explorer/components/color-picker/index.js +15 -0
  45. package/dist/esm/_docs/design-system/color-explorer/components/control-pane/control-pane.js +24 -0
  46. package/dist/esm/_docs/design-system/color-explorer/components/control-pane/control-pane.styles.js +19 -0
  47. package/dist/esm/_docs/design-system/color-explorer/components/control-pane/control-pane.template.js +52 -0
  48. package/dist/esm/_docs/design-system/color-explorer/components/control-pane/index.js +18 -0
  49. package/dist/esm/_docs/design-system/color-explorer/components/gradient/gradient.js +11 -0
  50. package/dist/esm/_docs/design-system/color-explorer/components/gradient/gradient.styles.js +31 -0
  51. package/dist/esm/_docs/design-system/color-explorer/components/gradient/gradient.template.js +21 -0
  52. package/dist/esm/_docs/design-system/color-explorer/components/gradient/index.js +18 -0
  53. package/dist/esm/_docs/design-system/color-explorer/components/layer-background/index.js +70 -0
  54. package/dist/esm/_docs/design-system/color-explorer/components/sample-app/index.js +18 -0
  55. package/dist/esm/_docs/design-system/color-explorer/components/sample-app/sample-app.js +3 -0
  56. package/dist/esm/_docs/design-system/color-explorer/components/sample-app/sample-app.styles.js +166 -0
  57. package/dist/esm/_docs/design-system/color-explorer/components/sample-app/sample-app.template.js +97 -0
  58. package/dist/esm/_docs/design-system/color-explorer/components/sample-page/index.js +18 -0
  59. package/dist/esm/_docs/design-system/color-explorer/components/sample-page/sample-page.js +3 -0
  60. package/dist/esm/_docs/design-system/color-explorer/components/sample-page/sample-page.styles.js +130 -0
  61. package/dist/esm/_docs/design-system/color-explorer/components/sample-page/sample-page.template.js +82 -0
  62. package/dist/esm/_docs/design-system/color-explorer/components/swatch.js +163 -0
  63. package/dist/esm/_docs/design-system/color-explorer/custom-elements.js +3 -0
  64. package/dist/esm/_docs/design-system/color-explorer/index.js +14 -0
  65. package/dist/esm/accordion/accordion-item/accordion-item.styles.js +4 -5
  66. package/dist/esm/accordion/accordion.styles.js +3 -4
  67. package/dist/esm/badge/badge.styles.js +3 -4
  68. package/dist/esm/breadcrumb/breadcrumb.styles.js +2 -4
  69. package/dist/esm/breadcrumb-item/breadcrumb-item.styles.js +3 -4
  70. package/dist/esm/calendar/calendar.styles.js +3 -4
  71. package/dist/esm/checkbox/checkbox.styles.js +3 -4
  72. package/dist/esm/combobox/combobox.styles.js +3 -3
  73. package/dist/esm/data-grid/data-grid-cell.styles.js +3 -5
  74. package/dist/esm/design-tokens.js +38 -1
  75. package/dist/esm/listbox-option/listbox-option.styles.js +3 -4
  76. package/dist/esm/menu-item/menu-item.styles.js +3 -4
  77. package/dist/esm/radio/radio.styles.js +3 -4
  78. package/dist/esm/search/search.styles.js +3 -4
  79. package/dist/esm/select/select.styles.js +3 -4
  80. package/dist/esm/slider-label/slider-label.styles.js +3 -2
  81. package/dist/esm/styles/patterns/button.styles.js +3 -4
  82. package/dist/esm/styles/patterns/index.js +1 -0
  83. package/dist/esm/styles/patterns/input.styles.js +4 -6
  84. package/dist/esm/styles/patterns/type-ramp.js +74 -0
  85. package/dist/esm/switch/switch.styles.js +4 -5
  86. package/dist/esm/tabs/tab/tab.styles.js +3 -5
  87. package/dist/esm/tabs/tab-panel/tab-panel.styles.js +3 -5
  88. package/dist/esm/tabs/tabs.styles.js +3 -4
  89. package/dist/esm/tooltip/tooltip.styles.js +3 -4
  90. package/dist/esm/tree-item/tree-item.styles.js +3 -4
  91. package/dist/esm/utilities/type-ramp.js +12 -0
  92. package/dist/fluent-web-components.api.json +534 -0
  93. package/dist/web-components.d.ts +57 -0
  94. package/dist/web-components.js +191 -28
  95. package/dist/web-components.min.js +211 -139
  96. package/docs/api-report.md +57 -0
  97. package/package.json +2 -2
  98. package/public/SegoeUI-VF.ttf +0 -0
@@ -1804,6 +1804,9 @@ export declare const focusStrokeOuterRecipe: DesignToken<ColorRecipe>;
1804
1804
  /** @public */
1805
1805
  export declare const focusStrokeWidth: CSSDesignToken<number>;
1806
1806
 
1807
+ /** @public */
1808
+ export declare const fontWeight: CSSDesignToken<number>;
1809
+
1807
1810
  /** @public */
1808
1811
  export declare const foregroundOnAccentActive: CSSDesignToken<Swatch>;
1809
1812
 
@@ -2904,57 +2907,111 @@ export { TreeView }
2904
2907
  */
2905
2908
  export declare const treeViewStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
2906
2909
 
2910
+ /** @public */
2911
+ export declare const typeRampBase: CSSDirective;
2912
+
2907
2913
  /** @public */
2908
2914
  export declare const typeRampBaseFontSize: CSSDesignToken<string>;
2909
2915
 
2916
+ /** @public */
2917
+ export declare const typeRampBaseFontVariations: CSSDesignToken<string>;
2918
+
2910
2919
  /** @public */
2911
2920
  export declare const typeRampBaseLineHeight: CSSDesignToken<string>;
2912
2921
 
2922
+ /** @public */
2923
+ export declare const typeRampMinus1: CSSDirective;
2924
+
2913
2925
  /** @public */
2914
2926
  export declare const typeRampMinus1FontSize: CSSDesignToken<string>;
2915
2927
 
2928
+ /** @public */
2929
+ export declare const typeRampMinus1FontVariations: CSSDesignToken<string>;
2930
+
2916
2931
  /** @public */
2917
2932
  export declare const typeRampMinus1LineHeight: CSSDesignToken<string>;
2918
2933
 
2934
+ /** @public */
2935
+ export declare const typeRampMinus2: CSSDirective;
2936
+
2919
2937
  /** @public */
2920
2938
  export declare const typeRampMinus2FontSize: CSSDesignToken<string>;
2921
2939
 
2940
+ /** @public */
2941
+ export declare const typeRampMinus2FontVariations: CSSDesignToken<string>;
2942
+
2922
2943
  /** @public */
2923
2944
  export declare const typeRampMinus2LineHeight: CSSDesignToken<string>;
2924
2945
 
2946
+ /** @public */
2947
+ export declare const typeRampPlus1: CSSDirective;
2948
+
2925
2949
  /** @public */
2926
2950
  export declare const typeRampPlus1FontSize: CSSDesignToken<string>;
2927
2951
 
2952
+ /** @public */
2953
+ export declare const typeRampPlus1FontVariations: CSSDesignToken<string>;
2954
+
2928
2955
  /** @public */
2929
2956
  export declare const typeRampPlus1LineHeight: CSSDesignToken<string>;
2930
2957
 
2958
+ /** @public */
2959
+ export declare const typeRampPlus2: CSSDirective;
2960
+
2931
2961
  /** @public */
2932
2962
  export declare const typeRampPlus2FontSize: CSSDesignToken<string>;
2933
2963
 
2964
+ /** @public */
2965
+ export declare const typeRampPlus2FontVariations: CSSDesignToken<string>;
2966
+
2934
2967
  /** @public */
2935
2968
  export declare const typeRampPlus2LineHeight: CSSDesignToken<string>;
2936
2969
 
2970
+ /** @public */
2971
+ export declare const typeRampPlus3: CSSDirective;
2972
+
2937
2973
  /** @public */
2938
2974
  export declare const typeRampPlus3FontSize: CSSDesignToken<string>;
2939
2975
 
2976
+ /** @public */
2977
+ export declare const typeRampPlus3FontVariations: CSSDesignToken<string>;
2978
+
2940
2979
  /** @public */
2941
2980
  export declare const typeRampPlus3LineHeight: CSSDesignToken<string>;
2942
2981
 
2982
+ /** @public */
2983
+ export declare const typeRampPlus4: CSSDirective;
2984
+
2943
2985
  /** @public */
2944
2986
  export declare const typeRampPlus4FontSize: CSSDesignToken<string>;
2945
2987
 
2988
+ /** @public */
2989
+ export declare const typeRampPlus4FontVariations: CSSDesignToken<string>;
2990
+
2946
2991
  /** @public */
2947
2992
  export declare const typeRampPlus4LineHeight: CSSDesignToken<string>;
2948
2993
 
2994
+ /** @public */
2995
+ export declare const typeRampPlus5: CSSDirective;
2996
+
2949
2997
  /** @public */
2950
2998
  export declare const typeRampPlus5FontSize: CSSDesignToken<string>;
2951
2999
 
3000
+ /** @public */
3001
+ export declare const typeRampPlus5FontVariations: CSSDesignToken<string>;
3002
+
2952
3003
  /** @public */
2953
3004
  export declare const typeRampPlus5LineHeight: CSSDesignToken<string>;
2954
3005
 
3006
+ /** @public */
3007
+ export declare const typeRampPlus6: CSSDirective;
3008
+
2955
3009
  /** @public */
2956
3010
  export declare const typeRampPlus6FontSize: CSSDesignToken<string>;
2957
3011
 
3012
+ /** @public */
3013
+ export declare const typeRampPlus6FontVariations: CSSDesignToken<string>;
3014
+
2958
3015
  /** @public */
2959
3016
  export declare const typeRampPlus6LineHeight: CSSDesignToken<string>;
2960
3017