@fluentui/web-components 3.0.0-alpha.2 → 3.0.0-alpha.4

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 (123) hide show
  1. package/CHANGELOG.json +168 -4
  2. package/CHANGELOG.md +153 -98
  3. package/dist/dts/index.d.ts +1 -0
  4. package/dist/dts/spinner/define.d.ts +1 -0
  5. package/dist/dts/spinner/index.d.ts +5 -0
  6. package/dist/dts/spinner/spinner.d.ts +25 -0
  7. package/dist/dts/spinner/spinner.definition.d.ts +11 -0
  8. package/dist/dts/spinner/spinner.options.d.ts +32 -0
  9. package/dist/dts/spinner/spinner.styles.d.ts +1 -0
  10. package/dist/dts/spinner/spinner.template.d.ts +3 -0
  11. package/dist/esm/badge/badge.definition.js +1 -0
  12. package/dist/esm/badge/badge.definition.js.map +1 -0
  13. package/dist/esm/badge/badge.js +1 -0
  14. package/dist/esm/badge/badge.js.map +1 -0
  15. package/dist/esm/badge/badge.options.js +1 -0
  16. package/dist/esm/badge/badge.options.js.map +1 -0
  17. package/dist/esm/badge/badge.styles.js +1 -0
  18. package/dist/esm/badge/badge.styles.js.map +1 -0
  19. package/dist/esm/badge/badge.template.js +1 -0
  20. package/dist/esm/badge/badge.template.js.map +1 -0
  21. package/dist/esm/badge/define.js +1 -0
  22. package/dist/esm/badge/define.js.map +1 -0
  23. package/dist/esm/badge/index.js +1 -0
  24. package/dist/esm/badge/index.js.map +1 -0
  25. package/dist/esm/counter-badge/counter-badge.definition.js +1 -0
  26. package/dist/esm/counter-badge/counter-badge.definition.js.map +1 -0
  27. package/dist/esm/counter-badge/counter-badge.js +1 -0
  28. package/dist/esm/counter-badge/counter-badge.js.map +1 -0
  29. package/dist/esm/counter-badge/counter-badge.options.js +1 -0
  30. package/dist/esm/counter-badge/counter-badge.options.js.map +1 -0
  31. package/dist/esm/counter-badge/counter-badge.styles.js +1 -0
  32. package/dist/esm/counter-badge/counter-badge.styles.js.map +1 -0
  33. package/dist/esm/counter-badge/counter-badge.template.js +1 -0
  34. package/dist/esm/counter-badge/counter-badge.template.js.map +1 -0
  35. package/dist/esm/counter-badge/define.js +1 -0
  36. package/dist/esm/counter-badge/define.js.map +1 -0
  37. package/dist/esm/counter-badge/index.js +1 -0
  38. package/dist/esm/counter-badge/index.js.map +1 -0
  39. package/dist/esm/fluent-design-system.js +1 -0
  40. package/dist/esm/fluent-design-system.js.map +1 -0
  41. package/dist/esm/index-rollup.js +1 -0
  42. package/dist/esm/index-rollup.js.map +1 -0
  43. package/dist/esm/index.js +2 -0
  44. package/dist/esm/index.js.map +1 -0
  45. package/dist/esm/progress-bar/define.js +1 -0
  46. package/dist/esm/progress-bar/define.js.map +1 -0
  47. package/dist/esm/progress-bar/index.js +1 -0
  48. package/dist/esm/progress-bar/index.js.map +1 -0
  49. package/dist/esm/progress-bar/progress-bar.definition.js +1 -0
  50. package/dist/esm/progress-bar/progress-bar.definition.js.map +1 -0
  51. package/dist/esm/progress-bar/progress-bar.js +1 -0
  52. package/dist/esm/progress-bar/progress-bar.js.map +1 -0
  53. package/dist/esm/progress-bar/progress-bar.options.js +1 -0
  54. package/dist/esm/progress-bar/progress-bar.options.js.map +1 -0
  55. package/dist/esm/progress-bar/progress-bar.styles.js +1 -0
  56. package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -0
  57. package/dist/esm/progress-bar/progress-bar.template.js +1 -0
  58. package/dist/esm/progress-bar/progress-bar.template.js.map +1 -0
  59. package/dist/esm/spinner/define.js +4 -0
  60. package/dist/esm/spinner/define.js.map +1 -0
  61. package/dist/esm/spinner/index.js +6 -0
  62. package/dist/esm/spinner/index.js.map +1 -0
  63. package/dist/esm/spinner/spinner.definition.js +19 -0
  64. package/dist/esm/spinner/spinner.definition.js.map +1 -0
  65. package/dist/esm/spinner/spinner.js +16 -0
  66. package/dist/esm/spinner/spinner.js.map +1 -0
  67. package/dist/esm/spinner/spinner.options.js +22 -0
  68. package/dist/esm/spinner/spinner.options.js.map +1 -0
  69. package/dist/esm/spinner/spinner.styles.js +96 -0
  70. package/dist/esm/spinner/spinner.styles.js.map +1 -0
  71. package/dist/esm/spinner/spinner.template.js +22 -0
  72. package/dist/esm/spinner/spinner.template.js.map +1 -0
  73. package/dist/esm/styles/index.js +1 -0
  74. package/dist/esm/styles/index.js.map +1 -0
  75. package/dist/esm/styles/partials/badge.partials.js +1 -0
  76. package/dist/esm/styles/partials/badge.partials.js.map +1 -0
  77. package/dist/esm/styles/partials/index.js +1 -0
  78. package/dist/esm/styles/partials/index.js.map +1 -0
  79. package/dist/esm/text/define.js +1 -0
  80. package/dist/esm/text/define.js.map +1 -0
  81. package/dist/esm/text/index.js +1 -0
  82. package/dist/esm/text/index.js.map +1 -0
  83. package/dist/esm/text/text.definition.js +1 -0
  84. package/dist/esm/text/text.definition.js.map +1 -0
  85. package/dist/esm/text/text.js +1 -0
  86. package/dist/esm/text/text.js.map +1 -0
  87. package/dist/esm/text/text.options.js +1 -0
  88. package/dist/esm/text/text.options.js.map +1 -0
  89. package/dist/esm/text/text.styles.js +1 -0
  90. package/dist/esm/text/text.styles.js.map +1 -0
  91. package/dist/esm/text/text.template.js +1 -0
  92. package/dist/esm/text/text.template.js.map +1 -0
  93. package/dist/esm/theme/design-tokens.js +1 -0
  94. package/dist/esm/theme/design-tokens.js.map +1 -0
  95. package/dist/esm/theme/index.js +1 -0
  96. package/dist/esm/theme/index.js.map +1 -0
  97. package/dist/esm/theme/set-theme.js +1 -0
  98. package/dist/esm/theme/set-theme.js.map +1 -0
  99. package/dist/fluent-web-components.api.json +322 -7
  100. package/dist/web-components.d.ts +79 -3
  101. package/dist/web-components.js +247 -1228
  102. package/dist/web-components.min.js +65 -76
  103. package/docs/api-report.md +43 -3
  104. package/package.json +15 -14
  105. package/.eslintrc.json +0 -62
  106. package/build/clean.cjs +0 -29
  107. package/build/transform-fragments.js +0 -29
  108. package/dist/dts/badge/badge.stories.d.ts +0 -12
  109. package/dist/dts/counter-badge/counter-badge.stories.d.ts +0 -14
  110. package/dist/dts/progress-bar/progress-bar.stories.d.ts +0 -9
  111. package/dist/dts/text/text.stories.d.ts +0 -8
  112. package/dist/dts/theme/theme.stories.d.ts +0 -5
  113. package/dist/esm/badge/badge.stories.js +0 -108
  114. package/dist/esm/counter-badge/counter-badge.stories.js +0 -102
  115. package/dist/esm/progress-bar/progress-bar.stories.js +0 -60
  116. package/dist/esm/text/text.stories.js +0 -111
  117. package/dist/esm/theme/theme.stories.js +0 -21
  118. package/public/SegoeUI-VF.ttf +0 -0
  119. package/public/favicon.ico +0 -0
  120. package/public/favicon.png +0 -0
  121. package/public/theme-switch.ts +0 -13
  122. package/rollup.config.js +0 -58
  123. package/storybook-typings.d.ts +0 -4
@@ -1,5 +1,6 @@
1
1
  export * from './badge/index.js';
2
2
  export * from './counter-badge/index.js';
3
3
  export * from './progress-bar/index.js';
4
+ export * from './spinner/index.js';
4
5
  export * from './text/index.js';
5
6
  export * from './theme/index.js';
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,5 @@
1
+ export * from './spinner.js';
2
+ export * from './spinner.options.js';
3
+ export { template as SpinnerTemplate } from './spinner.template.js';
4
+ export { styles as SpinnerStyles } from './spinner.styles.js';
5
+ export { definition as SpinnerDefinition } from './spinner.definition.js';
@@ -0,0 +1,25 @@
1
+ import { FASTProgressRing } from '@microsoft/fast-foundation';
2
+ import type { SpinnerAppearance, SpinnerSize } from './spinner.options.js';
3
+ /**
4
+ * The base class used for constructing a fluent-spinner custom element
5
+ * @public
6
+ */
7
+ export declare class Spinner extends FASTProgressRing {
8
+ /**
9
+ * The size of the spinner
10
+ *
11
+ * @public
12
+ * @default 'medium'
13
+ * @remarks
14
+ * HTML Attribute: size
15
+ */
16
+ size: SpinnerSize;
17
+ /**
18
+ * The appearance of the spinner
19
+ * @public
20
+ * @default 'primary'
21
+ * @remarks
22
+ * HTML Attribute: appearance
23
+ */
24
+ appearance: SpinnerAppearance;
25
+ }
@@ -0,0 +1,11 @@
1
+ import { Spinner } from './spinner.js';
2
+ /**
3
+ * The Fluent Spinner Element. Implements {@link @microsoft/fast-foundation#ProgressRing },
4
+ * {@link @microsoft/fast-foundation#progress-ringTemplate}
5
+ *
6
+ *
7
+ * @public
8
+ * @remarks
9
+ * HTML Element: \<fluent-spinner\>
10
+ */
11
+ export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof Spinner>;
@@ -0,0 +1,32 @@
1
+ import { ValuesOf } from '@microsoft/fast-foundation';
2
+ /**
3
+ * SpinnerAppearance constants
4
+ * @public
5
+ */
6
+ export declare const SpinnerAppearance: {
7
+ readonly primary: "primary";
8
+ readonly inverted: "inverted";
9
+ };
10
+ /**
11
+ * A Spinner's appearance can be either primary or inverted
12
+ * @public
13
+ */
14
+ export declare type SpinnerAppearance = ValuesOf<typeof SpinnerAppearance>;
15
+ /**
16
+ * SpinnerSize constants
17
+ * @public
18
+ */
19
+ export declare const SpinnerSize: {
20
+ readonly tiny: "tiny";
21
+ readonly extraSmall: "extra-small";
22
+ readonly small: "small";
23
+ readonly medium: "medium";
24
+ readonly large: "large";
25
+ readonly extraLarge: "extra-large";
26
+ readonly huge: "huge";
27
+ };
28
+ /**
29
+ * A Spinner's size can be either small, tiny, extra-small, medium, large, extra-large, or huge
30
+ * @public
31
+ */
32
+ export declare type SpinnerSize = ValuesOf<typeof SpinnerSize>;
@@ -0,0 +1 @@
1
+ export declare const styles: import("@microsoft/fast-element").ElementStyles;
@@ -0,0 +1,3 @@
1
+ import type { ElementViewTemplate } from '@microsoft/fast-element';
2
+ import { Spinner } from './spinner.js';
3
+ export declare const template: ElementViewTemplate<Spinner>;
@@ -16,3 +16,4 @@ export const definition = Badge.compose({
16
16
  template,
17
17
  styles,
18
18
  });
19
+ //# sourceMappingURL=badge.definition.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"badge.definition.js","sourceRoot":"","sources":["../../../src/badge/badge.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC;IACtC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,QAAQ;IAC1C,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
@@ -40,3 +40,4 @@ __decorate([
40
40
  attr
41
41
  ], Badge.prototype, "size", void 0);
42
42
  applyMixins(Badge, StartEnd);
43
+ //# sourceMappingURL=badge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/badge/badge.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAyB,MAAM,oBAAoB,CAAC;AAExF;;;GAGG;AACH,MAAM,OAAO,KAAM,SAAQ,WAAW;IAAtC;;QACE;;;;;;WAMG;QAEI,eAAU,GAAoB,eAAe,CAAC,MAAM,CAAC;QAE5D;;;;;;WAMG;QAEI,UAAK,GAAe,UAAU,CAAC,KAAK,CAAC;IAoB9C,CAAC;CAAA;AA9BC;IADC,IAAI;yCACuD;AAU5D;IADC,IAAI;oCACuC;AAS5C;IADC,IAAI;oCACoB;AAUzB;IADC,IAAI;mCACkB;AAWzB,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC"}
@@ -43,3 +43,4 @@ export const BadgeSize = {
43
43
  large: 'large',
44
44
  extraLarge: 'extra-large',
45
45
  };
46
+ //# sourceMappingURL=badge.options.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"badge.options.js","sourceRoot":"","sources":["../../../src/badge/badge.options.ts"],"names":[],"mappings":"AAUA;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;CACJ,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,aAAa;IAC1B,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACV,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACR,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,MAAM;IACZ,UAAU,EAAE,aAAa;IACzB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,aAAa;CACjB,CAAC"}
@@ -27,3 +27,4 @@ export const styles = css `
27
27
  ${badgeTintStyles}
28
28
  ${badgeBaseStyles}
29
29
  `;
30
+ //# sourceMappingURL=badge.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"badge.styles.js","sourceRoot":"","sources":["../../../src/badge/badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACpG,oCAAoC;AACpC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;qBAEJ,gBAAgB;;;;qBAIhB,kBAAkB;;;;;;qBAMlB,iBAAiB;;;IAGlC,eAAe;IACf,iBAAiB;IACjB,gBAAgB;IAChB,kBAAkB;IAClB,eAAe;IACf,eAAe;CAClB,CAAC"}
@@ -12,3 +12,4 @@ export function badgeTemplate(options = {}) {
12
12
  `;
13
13
  }
14
14
  export const template = badgeTemplate();
15
+ //# sourceMappingURL=badge.template.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"badge.template.js","sourceRoot":"","sources":["../../../src/badge/badge.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAInG;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAkB,UAAwB,EAAE;IACvE,OAAO,IAAI,CAAG;MACV,iBAAiB,CAAC,OAAO,CAAC;YACpB,iBAAiB,CAAC,OAAO,CAAC,cAAc,CAAC;MAC/C,eAAe,CAAC,OAAO,CAAC;GAC3B,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAA+B,aAAa,EAAE,CAAC"}
@@ -1,3 +1,4 @@
1
1
  import { FluentDesignSystem } from '../fluent-design-system.js';
2
2
  import { definition } from './badge.definition.js';
3
3
  definition.define(FluentDesignSystem.registry);
4
+ //# sourceMappingURL=define.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/badge/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}
@@ -3,3 +3,4 @@ export * from './badge.options.js';
3
3
  export { template as BadgeTemplate } from './badge.template.js';
4
4
  export { styles as BadgeStyles } from './badge.styles.js';
5
5
  export { definition as BadgeDefinition } from './badge.definition.js';
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC"}
@@ -16,3 +16,4 @@ export const definition = CounterBadge.compose({
16
16
  template,
17
17
  styles,
18
18
  });
19
+ //# sourceMappingURL=counter-badge.definition.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"counter-badge.definition.js","sourceRoot":"","sources":["../../../src/counter-badge/counter-badge.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC;IAC7C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,gBAAgB;IAClD,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
@@ -87,3 +87,4 @@ __decorate([
87
87
  attr({ mode: 'boolean' })
88
88
  ], CounterBadge.prototype, "dot", void 0);
89
89
  applyMixins(CounterBadge, StartEnd);
90
+ //# sourceMappingURL=counter-badge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"counter-badge.js","sourceRoot":"","sources":["../../../src/counter-badge/counter-badge.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAQnE;;;GAGG;AACH,MAAM,OAAO,YAAa,SAAQ,WAAW;IAA7C;;QAwCE;;;;;;WAMG;QAEI,UAAK,GAAW,CAAC,CAAC;QAKzB;;;;;;WAMG;QAEI,kBAAa,GAAW,EAAE,CAAC;QAKlC;;;;;;WAMG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAEjC;;;;;;WAMG;QAEI,QAAG,GAAY,KAAK,CAAC;IAiB9B,CAAC;IApDW,YAAY;QACpB,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAWS,oBAAoB;QAC5B,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAsBD;;;;;OAKG;IACI,QAAQ;;QACb,MAAM,KAAK,GAAkB,MAAA,IAAI,CAAC,KAAK,mCAAI,CAAC,CAAC;QAE7C,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;YAC/C,OAAO,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC;SAC3E;QAED,OAAO;IACT,CAAC;CACF;AA5FC;IADC,IAAI;gDACqC;AAU1C;IADC,IAAI;2CAC2B;AAShC;IADC,IAAI;2CAC2B;AAUhC;IADC,IAAI;0CACyB;AAU9B;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;2CACpB;AAazB;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;mDACxC;AAalC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;8CACjB;AAUjC;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;yCACE;AA2B9B,WAAW,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC"}
@@ -40,3 +40,4 @@ export const CounterBadgeSize = {
40
40
  large: 'large',
41
41
  extraLarge: 'extra-large',
42
42
  };
43
+ //# sourceMappingURL=counter-badge.options.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"counter-badge.options.js","sourceRoot":"","sources":["../../../src/counter-badge/counter-badge.options.ts"],"names":[],"mappings":"AASA;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,aAAa;IAC1B,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACV,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;CACV,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,MAAM;IACZ,UAAU,EAAE,aAAa;IACzB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,aAAa;CACjB,CAAC"}
@@ -28,3 +28,4 @@ export const styles = css `
28
28
  padding: 0;
29
29
  }
30
30
  `;
31
+ //# sourceMappingURL=counter-badge.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"counter-badge.styles.js","sourceRoot":"","sources":["../../../src/counter-badge/counter-badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAElF;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;qBAEJ,kBAAkB;;;;;;qBAMlB,iBAAiB;;;IAGlC,eAAe;IACf,iBAAiB;IACjB,gBAAgB;IAChB,eAAe;;;;;;;;;CASlB,CAAC"}
@@ -10,3 +10,4 @@ function composeTemplate(options = {}) {
10
10
  * @public
11
11
  */
12
12
  export const template = composeTemplate();
13
+ //# sourceMappingURL=counter-badge.template.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"counter-badge.template.js","sourceRoot":"","sources":["../../../src/counter-badge/counter-badge.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAI3D,SAAS,eAAe,CAAyB,UAA+B,EAAE;IAChF,OAAO,aAAa,CAAC;QACnB,cAAc,EAAE,IAAI,CAAG,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE;KAC9C,CAAC,CAAC;AACL,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAsC,eAAe,EAAgB,CAAC"}
@@ -1,3 +1,4 @@
1
1
  import { FluentDesignSystem } from '../fluent-design-system.js';
2
2
  import { definition } from './counter-badge.definition.js';
3
3
  definition.define(FluentDesignSystem.registry);
4
+ //# sourceMappingURL=define.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/counter-badge/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3D,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}
@@ -3,3 +3,4 @@ export * from './counter-badge.options.js';
3
3
  export { template as CounterBadgeTemplate } from './counter-badge.template.js';
4
4
  export { styles as CounterBadgeStyles } from './counter-badge.styles.js';
5
5
  export { definition as CounterBadgeDefinition } from './counter-badge.definition.js';
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/counter-badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,QAAQ,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,UAAU,IAAI,sBAAsB,EAAE,MAAM,+BAA+B,CAAC"}
@@ -3,3 +3,4 @@ export const FluentDesignSystem = Object.freeze({
3
3
  shadowRootMode: 'open',
4
4
  registry: customElements,
5
5
  });
6
+ //# sourceMappingURL=fluent-design-system.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fluent-design-system.js","sourceRoot":"","sources":["../../src/fluent-design-system.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC;IAC9C,MAAM,EAAE,QAAQ;IAChB,cAAc,EAAE,MAAM;IACtB,QAAQ,EAAE,cAAc;CACzB,CAAC,CAAC"}
@@ -1 +1,2 @@
1
1
  export * from './index.js';
2
+ //# sourceMappingURL=index-rollup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index-rollup.js","sourceRoot":"","sources":["../../src/index-rollup.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
package/dist/esm/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  export * from './badge/index.js';
2
2
  export * from './counter-badge/index.js';
3
3
  export * from './progress-bar/index.js';
4
+ export * from './spinner/index.js';
4
5
  export * from './text/index.js';
5
6
  export * from './theme/index.js';
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,kBAAkB,CAAC"}
@@ -1,3 +1,4 @@
1
1
  import { FluentDesignSystem } from '../fluent-design-system.js';
2
2
  import { definition } from './progress-bar.definition.js';
3
3
  definition.define(FluentDesignSystem.registry);
4
+ //# sourceMappingURL=define.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/progress-bar/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}
@@ -3,3 +3,4 @@ export * from './progress-bar.options.js';
3
3
  export { definition as ProgressBarDefinition } from './progress-bar.definition.js';
4
4
  export { styles as ProgressBarStyles } from './progress-bar.styles.js';
5
5
  export { template as ProgressBarTemplate } from './progress-bar.template.js';
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/progress-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACnF,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,QAAQ,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC"}
@@ -15,3 +15,4 @@ export const definition = ProgressBar.compose({
15
15
  template,
16
16
  styles,
17
17
  });
18
+ //# sourceMappingURL=progress-bar.definition.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress-bar.definition.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAC,OAAO,CAAC;IAC5C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,eAAe;IACjD,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
@@ -16,3 +16,4 @@ __decorate([
16
16
  __decorate([
17
17
  attr({ attribute: 'validation-state' })
18
18
  ], ProgressBar.prototype, "validationState", void 0);
19
+ //# sourceMappingURL=progress-bar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D;;;GAGG;AACH,MAAM,OAAO,WAAY,SAAQ,YAAY;CA4B5C;AAnBC;IADC,IAAI;8CACkC;AASvC;IADC,IAAI;0CAC0B;AAS/B;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;oDACkB"}
@@ -23,3 +23,4 @@ export const ProgressBarValidationState = {
23
23
  warning: 'warning',
24
24
  error: 'error',
25
25
  };
26
+ //# sourceMappingURL=progress-bar.options.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress-bar.options.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.options.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACR,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;CACN,CAAC"}
@@ -153,3 +153,4 @@ export const styles = css `
153
153
  }
154
154
  }
155
155
  `;
156
+ //# sourceMappingURL=progress-bar.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress-bar.styles.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,4BAA4B,EAC5B,uBAAuB,EACvB,iCAAiC,EACjC,iCAAiC,EACjC,4BAA4B,EAC5B,4BAA4B,EAC5B,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;qBAME,kBAAkB;;;;;;;;;;;;;;;;wBAgBf,0BAA0B;;;;;;;QAO1C,0BAA0B;QAC1B,0BAA0B;QAC1B,0BAA0B;;;;;wBAKV,iCAAiC;;;;;;;QAOjD,iCAAiC;QACjC,iCAAiC;QACjC,iCAAiC;;;;;wBAKjB,4BAA4B;;;;;;;QAO5C,4BAA4B;QAC5B,4BAA4B;QAC5B,4BAA4B;;;;;wBAKZ,uBAAuB;qBAC1B,kBAAkB;;;;;;;;;wBASf,4BAA4B;qBAC/B,kBAAkB;;;;;;;;;;;;QAY/B,qBAAqB;QACrB,4BAA4B;QAC5B,qBAAqB;;qBAER,kBAAkB;;;;;;;;;;;;QAY/B,qBAAqB;QACrB,4BAA4B;QAC5B,qBAAqB;;qBAER,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCtC,CAAC"}
@@ -3,3 +3,4 @@ export const template = progressTemplate({
3
3
  indeterminateIndicator1: `<span class="indeterminate-indicator-1" part="indeterminate-indicator-1></span>`,
4
4
  indeterminateIndicator2: `<span class="indeterminate-indicator-2" part="indeterminate-indicator-2"></span>`,
5
5
  });
6
+ //# sourceMappingURL=progress-bar.template.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress-bar.template.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAG9D,MAAM,CAAC,MAAM,QAAQ,GAAqC,gBAAgB,CAAC;IACzE,uBAAuB,EAAE,iFAAiF;IAC1G,uBAAuB,EAAE,kFAAkF;CAC5G,CAAC,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { FluentDesignSystem } from '../fluent-design-system.js';
2
+ import { definition } from './spinner.definition.js';
3
+ definition.define(FluentDesignSystem.registry);
4
+ //# sourceMappingURL=define.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/spinner/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}
@@ -0,0 +1,6 @@
1
+ export * from './spinner.js';
2
+ export * from './spinner.options.js';
3
+ export { template as SpinnerTemplate } from './spinner.template.js';
4
+ export { styles as SpinnerStyles } from './spinner.styles.js';
5
+ export { definition as SpinnerDefinition } from './spinner.definition.js';
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/spinner/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { FluentDesignSystem } from '../fluent-design-system.js';
2
+ import { Spinner } from './spinner.js';
3
+ import { styles } from './spinner.styles.js';
4
+ import { template } from './spinner.template.js';
5
+ /**
6
+ * The Fluent Spinner Element. Implements {@link @microsoft/fast-foundation#ProgressRing },
7
+ * {@link @microsoft/fast-foundation#progress-ringTemplate}
8
+ *
9
+ *
10
+ * @public
11
+ * @remarks
12
+ * HTML Element: \<fluent-spinner\>
13
+ */
14
+ export const definition = Spinner.compose({
15
+ name: `${FluentDesignSystem.prefix}-spinner`,
16
+ template,
17
+ styles,
18
+ });
19
+ //# sourceMappingURL=spinner.definition.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spinner.definition.js","sourceRoot":"","sources":["../../../src/spinner/spinner.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;IACxC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,UAAU;IAC5C,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
@@ -0,0 +1,16 @@
1
+ import { __decorate } from "tslib";
2
+ import { attr } from '@microsoft/fast-element';
3
+ import { FASTProgressRing } from '@microsoft/fast-foundation';
4
+ /**
5
+ * The base class used for constructing a fluent-spinner custom element
6
+ * @public
7
+ */
8
+ export class Spinner extends FASTProgressRing {
9
+ }
10
+ __decorate([
11
+ attr
12
+ ], Spinner.prototype, "size", void 0);
13
+ __decorate([
14
+ attr
15
+ ], Spinner.prototype, "appearance", void 0);
16
+ //# sourceMappingURL=spinner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../../src/spinner/spinner.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAG9D;;;GAGG;AACH,MAAM,OAAO,OAAQ,SAAQ,gBAAgB;CAqB5C;AAXC;IADC,IAAI;qCACoB;AAUzB;IADC,IAAI;2CACgC"}
@@ -0,0 +1,22 @@
1
+ /**
2
+ * SpinnerAppearance constants
3
+ * @public
4
+ */
5
+ export const SpinnerAppearance = {
6
+ primary: 'primary',
7
+ inverted: 'inverted',
8
+ };
9
+ /**
10
+ * SpinnerSize constants
11
+ * @public
12
+ */
13
+ export const SpinnerSize = {
14
+ tiny: 'tiny',
15
+ extraSmall: 'extra-small',
16
+ small: 'small',
17
+ medium: 'medium',
18
+ large: 'large',
19
+ extraLarge: 'extra-large',
20
+ huge: 'huge',
21
+ };
22
+ //# sourceMappingURL=spinner.options.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spinner.options.js","sourceRoot":"","sources":["../../../src/spinner/spinner.options.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;CACZ,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,MAAM;IACZ,UAAU,EAAE,aAAa;IACzB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,aAAa;IACzB,IAAI,EAAE,MAAM;CACJ,CAAC"}
@@ -0,0 +1,96 @@
1
+ import { css } from '@microsoft/fast-element';
2
+ import { display } from '@microsoft/fast-foundation';
3
+ import { colorBrandStroke1, colorBrandStroke2, colorNeutralStrokeOnBrand2 } from '../theme/design-tokens.js';
4
+ export const styles = css `
5
+ ${display('flex')}
6
+
7
+ :host {
8
+ display: flex;
9
+ align-items: center;
10
+ height: 32px;
11
+ width: 32px;
12
+ }
13
+ :host([size='tiny']) {
14
+ height: 20px;
15
+ width: 20px;
16
+ }
17
+ :host([size='extra-small']) {
18
+ height: 24px;
19
+ width: 24px;
20
+ }
21
+ :host([size='small']) {
22
+ height: 28px;
23
+ width: 28px;
24
+ }
25
+ :host([size='large']) {
26
+ height: 36px;
27
+ width: 36px;
28
+ }
29
+ :host([size='extra-large']) {
30
+ height: 40px;
31
+ width: 40px;
32
+ }
33
+ :host([size='huge']) {
34
+ height: 44px;
35
+ width: 44px;
36
+ }
37
+ .progress {
38
+ height: 100%;
39
+ width: 100%;
40
+ }
41
+
42
+ .background {
43
+ fill: none;
44
+ stroke: ${colorBrandStroke2};
45
+ stroke-width: 1.5px;
46
+ }
47
+
48
+ :host([appearance='inverted']) .background {
49
+ stroke: rgba(255, 255, 255, 0.2);
50
+ }
51
+
52
+ .determinate {
53
+ stroke: ${colorBrandStroke1};
54
+ fill: none;
55
+ stroke-width: 1.5px;
56
+ stroke-linecap: round;
57
+ transform-origin: 50% 50%;
58
+ transform: rotate(-90deg);
59
+ transition: all 0.2s ease-in-out;
60
+ }
61
+
62
+ :host([appearance='inverted']) .determinite {
63
+ stroke: ${colorNeutralStrokeOnBrand2};
64
+ }
65
+
66
+ .indeterminate-indicator-1 {
67
+ stroke: ${colorBrandStroke1};
68
+ fill: none;
69
+ stroke-width: 1.5px;
70
+ stroke-linecap: round;
71
+ transform-origin: 50% 50%;
72
+ transform: rotate(-90deg);
73
+ transition: all 0.2s ease-in-out;
74
+ animation: spin-infinite 3s cubic-bezier(0.53, 0.21, 0.29, 0.67) infinite;
75
+ }
76
+
77
+ :host([appearance='inverted']) .indeterminate-indicator-1 {
78
+ stroke: ${colorNeutralStrokeOnBrand2};
79
+ }
80
+
81
+ @keyframes spin-infinite {
82
+ 0% {
83
+ stroke-dasharray: 0.01px 43.97px;
84
+ transform: rotate(0deg);
85
+ }
86
+ 50% {
87
+ stroke-dasharray: 21.99px 21.99px;
88
+ transform: rotate(450deg);
89
+ }
90
+ 100% {
91
+ stroke-dasharray: 0.01px 43.97px;
92
+ transform: rotate(1080deg);
93
+ }
94
+ }
95
+ `;
96
+ //# sourceMappingURL=spinner.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spinner.styles.js","sourceRoot":"","sources":["../../../src/spinner/spinner.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAE7G,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAuCL,iBAAiB;;;;;;;;;cASjB,iBAAiB;;;;;;;;;;cAUjB,0BAA0B;;;;cAI1B,iBAAiB;;;;;;;;;;;cAWjB,0BAA0B;;;;;;;;;;;;;;;;;CAiBvC,CAAC"}
@@ -0,0 +1,22 @@
1
+ import { progressRingTemplate } from '@microsoft/fast-foundation';
2
+ export const template = progressRingTemplate({
3
+ indeterminateIndicator: `
4
+ <svg class="progress" part="progress" viewBox="0 0 16 16">
5
+ <circle
6
+ class="background"
7
+ part="background"
8
+ cx="8px"
9
+ cy="8px"
10
+ r="7px"
11
+ ></circle>
12
+ <circle
13
+ class="indeterminate-indicator-1"
14
+ part="indeterminate-indicator-1"
15
+ cx="8px"
16
+ cy="8px"
17
+ r="7px"
18
+ ></circle>
19
+ </svg>
20
+ `,
21
+ });
22
+ //# sourceMappingURL=spinner.template.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spinner.template.js","sourceRoot":"","sources":["../../../src/spinner/spinner.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAGlE,MAAM,CAAC,MAAM,QAAQ,GAAiC,oBAAoB,CAAC;IACzE,sBAAsB,EAAE;;;;;;;;;;;;;;;;;GAiBvB;CACF,CAAC,CAAC"}
@@ -1 +1,2 @@
1
1
  export * from './partials/index.js';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
@@ -270,3 +270,4 @@ export const badgeTintStyles = css.partial `
270
270
  border-color: ${colorPaletteYellowBorder1};
271
271
  }
272
272
  `;
273
+ //# sourceMappingURL=badge.partials.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"badge.partials.js","sourceRoot":"","sources":["../../../../src/styles/partials/badge.partials.ts"],"names":[],"mappings":"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"}
@@ -1 +1,2 @@
1
1
  export * from './badge.partials.js';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/partials/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
@@ -1,3 +1,4 @@
1
1
  import { FluentDesignSystem } from '../fluent-design-system.js';
2
2
  import { definition } from './text.definition.js';
3
3
  definition.define(FluentDesignSystem.registry);
4
+ //# sourceMappingURL=define.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/text/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}