@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
package/docs/api-report.md CHANGED
@@ -789,6 +789,9 @@ export const focusStrokeOuterRecipe: DesignToken<ColorRecipe>;
789
789
  // @public (undocumented)
790
790
  export const focusStrokeWidth: CSSDesignToken<number>;
791
791
 
792
+ // @public (undocumented)
793
+ export const fontWeight: CSSDesignToken<number>;
794
+
792
795
  // @public (undocumented)
793
796
  export const foregroundOnAccentActive: CSSDesignToken<Swatch>;
794
797
 
@@ -1661,57 +1664,111 @@ export { TreeView }
1661
1664
  // @public
1662
1665
  export const treeViewStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
1663
1666
 
1667
+ // @public (undocumented)
1668
+ export const typeRampBase: CSSDirective;
1669
+
1664
1670
  // @public (undocumented)
1665
1671
  export const typeRampBaseFontSize: CSSDesignToken<string>;
1666
1672
 
1673
+ // @public (undocumented)
1674
+ export const typeRampBaseFontVariations: CSSDesignToken<string>;
1675
+
1667
1676
  // @public (undocumented)
1668
1677
  export const typeRampBaseLineHeight: CSSDesignToken<string>;
1669
1678
 
1679
+ // @public (undocumented)
1680
+ export const typeRampMinus1: CSSDirective;
1681
+
1670
1682
  // @public (undocumented)
1671
1683
  export const typeRampMinus1FontSize: CSSDesignToken<string>;
1672
1684
 
1685
+ // @public (undocumented)
1686
+ export const typeRampMinus1FontVariations: CSSDesignToken<string>;
1687
+
1673
1688
  // @public (undocumented)
1674
1689
  export const typeRampMinus1LineHeight: CSSDesignToken<string>;
1675
1690
 
1691
+ // @public (undocumented)
1692
+ export const typeRampMinus2: CSSDirective;
1693
+
1676
1694
  // @public (undocumented)
1677
1695
  export const typeRampMinus2FontSize: CSSDesignToken<string>;
1678
1696
 
1697
+ // @public (undocumented)
1698
+ export const typeRampMinus2FontVariations: CSSDesignToken<string>;
1699
+
1679
1700
  // @public (undocumented)
1680
1701
  export const typeRampMinus2LineHeight: CSSDesignToken<string>;
1681
1702
 
1703
+ // @public (undocumented)
1704
+ export const typeRampPlus1: CSSDirective;
1705
+
1682
1706
  // @public (undocumented)
1683
1707
  export const typeRampPlus1FontSize: CSSDesignToken<string>;
1684
1708
 
1709
+ // @public (undocumented)
1710
+ export const typeRampPlus1FontVariations: CSSDesignToken<string>;
1711
+
1685
1712
  // @public (undocumented)
1686
1713
  export const typeRampPlus1LineHeight: CSSDesignToken<string>;
1687
1714
 
1715
+ // @public (undocumented)
1716
+ export const typeRampPlus2: CSSDirective;
1717
+
1688
1718
  // @public (undocumented)
1689
1719
  export const typeRampPlus2FontSize: CSSDesignToken<string>;
1690
1720
 
1721
+ // @public (undocumented)
1722
+ export const typeRampPlus2FontVariations: CSSDesignToken<string>;
1723
+
1691
1724
  // @public (undocumented)
1692
1725
  export const typeRampPlus2LineHeight: CSSDesignToken<string>;
1693
1726
 
1727
+ // @public (undocumented)
1728
+ export const typeRampPlus3: CSSDirective;
1729
+
1694
1730
  // @public (undocumented)
1695
1731
  export const typeRampPlus3FontSize: CSSDesignToken<string>;
1696
1732
 
1733
+ // @public (undocumented)
1734
+ export const typeRampPlus3FontVariations: CSSDesignToken<string>;
1735
+
1697
1736
  // @public (undocumented)
1698
1737
  export const typeRampPlus3LineHeight: CSSDesignToken<string>;
1699
1738
 
1739
+ // @public (undocumented)
1740
+ export const typeRampPlus4: CSSDirective;
1741
+
1700
1742
  // @public (undocumented)
1701
1743
  export const typeRampPlus4FontSize: CSSDesignToken<string>;
1702
1744
 
1745
+ // @public (undocumented)
1746
+ export const typeRampPlus4FontVariations: CSSDesignToken<string>;
1747
+
1703
1748
  // @public (undocumented)
1704
1749
  export const typeRampPlus4LineHeight: CSSDesignToken<string>;
1705
1750
 
1751
+ // @public (undocumented)
1752
+ export const typeRampPlus5: CSSDirective;
1753
+
1706
1754
  // @public (undocumented)
1707
1755
  export const typeRampPlus5FontSize: CSSDesignToken<string>;
1708
1756
 
1757
+ // @public (undocumented)
1758
+ export const typeRampPlus5FontVariations: CSSDesignToken<string>;
1759
+
1709
1760
  // @public (undocumented)
1710
1761
  export const typeRampPlus5LineHeight: CSSDesignToken<string>;
1711
1762
 
1763
+ // @public (undocumented)
1764
+ export const typeRampPlus6: CSSDirective;
1765
+
1712
1766
  // @public (undocumented)
1713
1767
  export const typeRampPlus6FontSize: CSSDesignToken<string>;
1714
1768
 
1769
+ // @public (undocumented)
1770
+ export const typeRampPlus6FontVariations: CSSDesignToken<string>;
1771
+
1715
1772
  // @public (undocumented)
1716
1773
  export const typeRampPlus6LineHeight: CSSDesignToken<string>;
1717
1774
 
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@fluentui/web-components",
3
3
  "description": "A library of Fluent Web Components",
4
4
  "sideEffects": false,
5
- "version": "2.4.0",
5
+ "version": "2.5.2",
6
6
  "author": {
7
7
  "name": "Microsoft",
8
8
  "url": "https://discord.gg/FcSNfg4"
@@ -47,7 +47,7 @@
47
47
  "test-firefox:verbose": "karma start karma.conf.js --browsers=FirefoxHeadless --single-run --coverage --reporter=mocha"
48
48
  },
49
49
  "devDependencies": {
50
- "@storybook/html": "6.4.19",
50
+ "@storybook/html": "6.5.5",
51
51
  "@types/chai": "^4.2.11",
52
52
  "@types/chai-spies": "^1.0.1",
53
53
  "@types/karma": "^5.0.0",
package/public/SegoeUI-VF.ttf ADDED
Binary file