@ni/nimble-components 15.5.8 → 16.1.0

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 (81) hide show
  1. package/dist/all-components-bundle.js +1625 -1088
  2. package/dist/all-components-bundle.js.map +1 -1
  3. package/dist/all-components-bundle.min.js +2194 -1828
  4. package/dist/all-components-bundle.min.js.map +1 -1
  5. package/dist/esm/all-components.d.ts +3 -0
  6. package/dist/esm/all-components.js +3 -0
  7. package/dist/esm/all-components.js.map +1 -1
  8. package/dist/esm/anchor/index.d.ts +24 -0
  9. package/dist/esm/anchor/index.js +37 -0
  10. package/dist/esm/anchor/index.js.map +1 -0
  11. package/dist/esm/anchor/styles.d.ts +1 -0
  12. package/dist/esm/anchor/styles.js +86 -0
  13. package/dist/esm/anchor/styles.js.map +1 -0
  14. package/dist/esm/anchor/template.d.ts +4 -0
  15. package/dist/esm/anchor/template.js +53 -0
  16. package/dist/esm/anchor/template.js.map +1 -0
  17. package/dist/esm/anchor/types.d.ts +9 -0
  18. package/dist/esm/anchor/types.js +9 -0
  19. package/dist/esm/anchor/types.js.map +1 -0
  20. package/dist/esm/anchor-base/index.d.ts +6 -0
  21. package/dist/esm/anchor-base/index.js +7 -0
  22. package/dist/esm/anchor-base/index.js.map +1 -0
  23. package/dist/esm/anchor-button/index.d.ts +36 -0
  24. package/dist/esm/anchor-button/index.js +55 -0
  25. package/dist/esm/anchor-button/index.js.map +1 -0
  26. package/dist/esm/anchor-button/styles.d.ts +1 -0
  27. package/dist/esm/anchor-button/styles.js +11 -0
  28. package/dist/esm/anchor-button/styles.js.map +1 -0
  29. package/dist/esm/anchor-button/template.d.ts +4 -0
  30. package/dist/esm/anchor-button/template.js +44 -0
  31. package/dist/esm/anchor-button/template.js.map +1 -0
  32. package/dist/esm/anchor-button/types.d.ts +5 -0
  33. package/dist/esm/anchor-button/types.js +6 -0
  34. package/dist/esm/anchor-button/types.js.map +1 -0
  35. package/dist/esm/breadcrumb/styles.js +10 -36
  36. package/dist/esm/breadcrumb/styles.js.map +1 -1
  37. package/dist/esm/breadcrumb-item/styles.js +13 -14
  38. package/dist/esm/breadcrumb-item/styles.js.map +1 -1
  39. package/dist/esm/button/index.d.ts +2 -2
  40. package/dist/esm/button/index.js.map +1 -1
  41. package/dist/esm/button/styles.js +5 -82
  42. package/dist/esm/button/styles.js.map +1 -1
  43. package/dist/esm/button/types.d.ts +1 -10
  44. package/dist/esm/button/types.js +1 -9
  45. package/dist/esm/button/types.js.map +1 -1
  46. package/dist/esm/patterns/button/styles.d.ts +1 -0
  47. package/dist/esm/patterns/button/styles.js +81 -4
  48. package/dist/esm/patterns/button/styles.js.map +1 -1
  49. package/dist/esm/patterns/button/types.d.ts +18 -0
  50. package/dist/esm/patterns/button/types.js +8 -0
  51. package/dist/esm/patterns/button/types.js.map +1 -1
  52. package/dist/esm/spinner/index.d.ts +12 -0
  53. package/dist/esm/spinner/index.js +16 -0
  54. package/dist/esm/spinner/index.js.map +1 -0
  55. package/dist/esm/spinner/styles.d.ts +1 -0
  56. package/dist/esm/spinner/styles.js +149 -0
  57. package/dist/esm/spinner/styles.js.map +1 -0
  58. package/dist/esm/spinner/template.d.ts +2 -0
  59. package/dist/esm/spinner/template.js +10 -0
  60. package/dist/esm/spinner/template.js.map +1 -0
  61. package/dist/esm/theme-provider/design-token-comments.js +32 -8
  62. package/dist/esm/theme-provider/design-token-comments.js.map +1 -1
  63. package/dist/esm/theme-provider/design-token-names.js +32 -8
  64. package/dist/esm/theme-provider/design-token-names.js.map +1 -1
  65. package/dist/esm/theme-provider/design-tokens.d.ts +4 -1
  66. package/dist/esm/theme-provider/design-tokens.js +5 -2
  67. package/dist/esm/theme-provider/design-tokens.js.map +1 -1
  68. package/dist/esm/toggle-button/styles.js +2 -2
  69. package/dist/esm/wafer-map/index.d.ts +2 -0
  70. package/dist/esm/wafer-map/index.js +14 -1
  71. package/dist/esm/wafer-map/index.js.map +1 -1
  72. package/dist/esm/wafer-map/modules/rendering.d.ts +11 -0
  73. package/dist/esm/wafer-map/modules/rendering.js +26 -0
  74. package/dist/esm/wafer-map/modules/rendering.js.map +1 -0
  75. package/dist/esm/wafer-map/styles.js +55 -1
  76. package/dist/esm/wafer-map/styles.js.map +1 -1
  77. package/dist/esm/wafer-map/template.js +12 -9
  78. package/dist/esm/wafer-map/template.js.map +1 -1
  79. package/dist/tokens-internal.scss +168 -24
  80. package/dist/tokens.scss +88 -16
  81. package/package.json +2 -2
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/breadcrumb-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,QAAQ,EACR,oBAAoB,EACvB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;kBAGV,aAAa;;gBAEf,QAAQ;iBACP,aAAa;mCACK,WAAW;;;;;;;;;;;;;;kBAc5B,WAAW;oCACO,WAAW;;;;;;;;;;;;;;;;;uBAiBxB,YAAY;kBACjB,WAAW,UAAU,gBAAgB;6BAC1B,gBAAgB;;;;;;;;;;;;;;;;;;;;iBAoB5B,QAAQ;kBACP,QAAQ;;;;gBAIV,oBAAoB;;CAEnC,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/breadcrumb-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,oBAAoB,EACvB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;kBAGV,aAAa;;mCAEI,WAAW;;UAEpC;AACE;mDACmD,CAAC,EACxD;iBACS,aAAa;gBACd,QAAQ;;;;;;;;;;;;;kBAaN,WAAW;oCACO,WAAW;;;;;;;;cAQjC,YAAY;kBACR,WAAW,UAAU,gBAAgB;6BAC1B,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;iBAyB5B,QAAQ;kBACP,QAAQ;;;;gBAIV,oBAAoB;;CAEnC,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { Button as FoundationButton } from '@microsoft/fast-foundation';
2
- import type { ButtonPattern } from '../patterns/button/types';
2
+ import type { ButtonPattern, ButtonAppearanceVariantPattern } from '../patterns/button/types';
3
3
  import { ButtonAppearance, ButtonAppearanceVariant } from './types';
4
4
  declare global {
5
5
  interface HTMLElementTagNameMap {
@@ -9,7 +9,7 @@ declare global {
9
9
  /**
10
10
  * A nimble-styled HTML button
11
11
  */
12
- export declare class Button extends FoundationButton implements ButtonPattern {
12
+ export declare class Button extends FoundationButton implements ButtonPattern, ButtonAppearanceVariantPattern {
13
13
  /**
14
14
  * @public
15
15
  * @remarks
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACH,MAAM,IAAI,gBAAgB,EAE1B,cAAc,IAAI,QAAQ,EAC1B,YAAY,EACf,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAA2B,MAAM,SAAS,CAAC;AAQpE;;GAEG;AACH,MAAM,OAAO,MAAO,SAAQ,gBAAgB;IAA5C;;QACI;;;;WAIG;QAEI,eAAU,GAAqB,gBAAgB,CAAC,OAAO,CAAC;QAU/D;;;;WAIG;QAEI,kBAAa,GAAG,KAAK,CAAC;IACjC,CAAC;CAAA;AAjBG;IADC,IAAI;0CAC0D;AAQ/D;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;iDACQ;AAQlD;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;6CAC1B;AAGjC;;;;;;;;GAQG;AACH,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAgB;IAC/C,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,gBAAgB;IAC3B,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACH,MAAM,IAAI,gBAAgB,EAE1B,cAAc,IAAI,QAAQ,EAC1B,YAAY,EACf,MAAM,4BAA4B,CAAC;AAKpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAA2B,MAAM,SAAS,CAAC;AAQpE;;GAEG;AACH,MAAM,OAAO,MACT,SAAQ,gBAAgB;IAD5B;;QAGI;;;;WAIG;QAEI,eAAU,GAAqB,gBAAgB,CAAC,OAAO,CAAC;QAU/D;;;;WAIG;QAEI,kBAAa,GAAG,KAAK,CAAC;IACjC,CAAC;CAAA;AAjBG;IADC,IAAI;0CAC0D;AAQ/D;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;iDACQ;AAQlD;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;6CAC1B;AAGjC;;;;;;;;GAQG;AACH,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAgB;IAC/C,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,gBAAgB;IAC3B,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC"}
@@ -1,84 +1,7 @@
1
1
  import { css } from '@microsoft/fast-element';
2
- import { focusVisible } from '../utilities/style/focus';
3
- import { actionRgbPartialColor, borderHoverColor, borderWidth, fillSelectedColor, standardPadding } from '../theme-provider/design-tokens';
4
- import { styles as buttonStyles } from '../patterns/button/styles';
5
- import { appearanceBehavior } from '../utilities/style/appearance';
6
- import { ButtonAppearance } from './types';
7
- export const styles = buttonStyles.withBehaviors(appearanceBehavior(ButtonAppearance.outline, css `
8
- :host([appearance-variant='primary']) .control {
9
- box-shadow: 0px 0px 0px ${borderWidth}
10
- rgba(${actionRgbPartialColor}, 0.3) inset;
11
- }
12
-
13
- :host([appearance-variant='primary']) .control:hover {
14
- box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;
15
- }
16
-
17
- :host([appearance-variant='primary']) .control${focusVisible} {
18
- box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;
19
- }
20
-
21
- :host([appearance-variant='primary']) .control:active {
22
- box-shadow: none;
23
- }
24
-
25
- :host([appearance-variant='primary']) .control[disabled] {
26
- box-shadow: none;
27
- }
28
- `), appearanceBehavior(ButtonAppearance.block, css `
29
- :host([appearance-variant='primary']) .control {
30
- background-clip: padding-box;
31
- border-color: rgba(${actionRgbPartialColor}, 0.3);
32
- border-width: calc(2 * ${borderWidth});
33
- padding: 0 calc(${standardPadding} - ${borderWidth});
34
- }
35
-
36
- :host([appearance-variant='primary'][content-hidden]) .control {
37
- padding: 0px;
38
- }
39
-
40
- :host([appearance-variant='primary']) .control:hover {
41
- border-color: ${borderHoverColor};
42
- box-shadow: none;
43
- }
44
-
45
- :host([appearance-variant='primary']) .control${focusVisible} {
46
- background-clip: border-box;
47
- border-color: ${borderHoverColor};
48
- border-width: ${borderWidth};
49
- box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;
50
- padding: 0 ${standardPadding};
51
- }
52
-
53
- :host([appearance-variant='primary'][content-hidden])
54
- .control${focusVisible} {
55
- padding: 0px;
56
- }
57
-
58
- :host([appearance-variant='primary']) .control:active {
59
- background-clip: border-box;
60
- border-color: ${fillSelectedColor};
61
- border-width: ${borderWidth};
62
- box-shadow: none;
63
- padding: 0 ${standardPadding};
64
- }
65
-
66
- :host([appearance-variant='primary'][content-hidden])
67
- .control:active {
68
- padding: 0px;
69
- }
70
-
71
- :host([appearance-variant='primary']) .control[disabled] {
72
- background-clip: border-box;
73
- border-color: transparent;
74
- border-width: ${borderWidth};
75
- box-shadow: none;
76
- padding: 0 ${standardPadding};
77
- }
78
-
79
- :host([appearance-variant='primary'][content-hidden])
80
- .control[disabled] {
81
- padding: 0px;
82
- }
83
- `));
2
+ import { buttonAppearanceVariantStyles, styles as buttonStyles } from '../patterns/button/styles';
3
+ export const styles = css `
4
+ ${buttonStyles}
5
+ ${buttonAppearanceVariantStyles}
6
+ `;
84
7
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EACH,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,eAAe,EAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,MAAM,MAAM,GAAG,YAAY,CAAC,aAAa,CAC5C,kBAAkB,CACd,gBAAgB,CAAC,OAAO,EACxB,GAAG,CAAA;;0CAE+B,WAAW;2BAC1B,qBAAqB;;;;0CAIN,WAAW,IAAI,gBAAgB;;;4DAGb,YAAY;0CAC9B,WAAW,IAAI,gBAAgB;;;;;;;;;;SAUhE,CACJ,EACD,kBAAkB,CACd,gBAAgB,CAAC,KAAK,EACtB,GAAG,CAAA;;;qCAG0B,qBAAqB;yCACjB,WAAW;kCAClB,eAAe,MAAM,WAAW;;;;;;;;gCAQlC,gBAAgB;;;;4DAIY,YAAY;;gCAExC,gBAAgB;gCAChB,WAAW;0CACD,WAAW,IAAI,gBAAgB;6BAC5C,eAAe;;;;0BAIlB,YAAY;;;;;;gCAMN,iBAAiB;gCACjB,WAAW;;6BAEd,eAAe;;;;;;;;;;;gCAWZ,WAAW;;6BAEd,eAAe;;;;;;;SAOnC,CACJ,CACJ,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,6BAA6B,EAC7B,MAAM,IAAI,YAAY,EACzB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,YAAY;MACZ,6BAA6B;CAClC,CAAC"}
@@ -3,14 +3,5 @@
3
3
  * @public
4
4
  */
5
5
  import type { Button } from '@microsoft/fast-foundation';
6
- export { ButtonAppearance } from '../patterns/button/types';
6
+ export { ButtonAppearance, ButtonAppearanceVariant } from '../patterns/button/types';
7
7
  export declare type ButtonType = Button['type'];
8
- /**
9
- * Types of button appearance variants.
10
- * @public
11
- */
12
- export declare const ButtonAppearanceVariant: {
13
- readonly default: undefined;
14
- readonly primary: "primary";
15
- };
16
- export declare type ButtonAppearanceVariant = typeof ButtonAppearanceVariant[keyof typeof ButtonAppearanceVariant];
@@ -1,10 +1,2 @@
1
- export { ButtonAppearance } from '../patterns/button/types';
2
- /**
3
- * Types of button appearance variants.
4
- * @public
5
- */
6
- export const ButtonAppearanceVariant = {
7
- default: undefined,
8
- primary: 'primary'
9
- };
1
+ export { ButtonAppearance, ButtonAppearanceVariant } from '../patterns/button/types';
10
2
  //# sourceMappingURL=types.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/button/types.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACnC,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACZ,CAAC"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/button/types.ts"],"names":[],"mappings":"AAMA,OAAO,EACH,gBAAgB,EAChB,uBAAuB,EAC1B,MAAM,0BAA0B,CAAC"}
@@ -1 +1,2 @@
1
1
  export declare const styles: import("@microsoft/fast-element").ElementStyles;
2
+ export declare const buttonAppearanceVariantStyles: import("@microsoft/fast-element").ElementStyles;
@@ -78,7 +78,7 @@ export const styles = css `
78
78
  outline: none;
79
79
  }
80
80
 
81
- .control[disabled] {
81
+ :host([disabled]) .control {
82
82
  box-shadow: none;
83
83
  outline: none;
84
84
  }
@@ -148,7 +148,7 @@ export const styles = css `
148
148
  border-color: ${fillSelectedColor};
149
149
  }
150
150
 
151
- .control[disabled] {
151
+ :host([disabled]) .control {
152
152
  background-color: transparent;
153
153
  border-color: rgba(${borderRgbPartialColor}, 0.2);
154
154
  }
@@ -173,7 +173,7 @@ export const styles = css `
173
173
  border-color: ${fillSelectedColor};
174
174
  }
175
175
 
176
- .control[disabled] {
176
+ :host([disabled]) .control {
177
177
  background-color: transparent;
178
178
  border-color: transparent;
179
179
  }
@@ -202,9 +202,86 @@ export const styles = css `
202
202
  border-color: ${fillSelectedColor};
203
203
  }
204
204
 
205
- .control[disabled] {
205
+ :host([disabled]) .control {
206
206
  background-color: rgba(${borderRgbPartialColor}, 0.1);
207
207
  border-color: transparent;
208
208
  }
209
209
  `));
210
+ export const buttonAppearanceVariantStyles = css ``.withBehaviors(appearanceBehavior(ButtonAppearance.outline, css `
211
+ :host([appearance-variant='primary']) .control {
212
+ box-shadow: 0px 0px 0px ${borderWidth}
213
+ rgba(${actionRgbPartialColor}, 0.3) inset;
214
+ }
215
+
216
+ :host([appearance-variant='primary']) .control:hover {
217
+ box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;
218
+ }
219
+
220
+ :host([appearance-variant='primary']) .control${focusVisible} {
221
+ box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;
222
+ }
223
+
224
+ :host([appearance-variant='primary']) .control:active {
225
+ box-shadow: none;
226
+ }
227
+
228
+ :host([appearance-variant='primary'][disabled]) .control {
229
+ box-shadow: none;
230
+ }
231
+ `), appearanceBehavior(ButtonAppearance.block, css `
232
+ :host([appearance-variant='primary']) .control {
233
+ background-clip: padding-box;
234
+ border-color: rgba(${actionRgbPartialColor}, 0.3);
235
+ border-width: calc(2 * ${borderWidth});
236
+ padding: 0 calc(${standardPadding} - ${borderWidth});
237
+ }
238
+
239
+ :host([appearance-variant='primary'][content-hidden]) .control {
240
+ padding: 0px;
241
+ }
242
+
243
+ :host([appearance-variant='primary']) .control:hover {
244
+ border-color: ${borderHoverColor};
245
+ box-shadow: none;
246
+ }
247
+
248
+ :host([appearance-variant='primary']) .control${focusVisible} {
249
+ background-clip: border-box;
250
+ border-color: ${borderHoverColor};
251
+ border-width: ${borderWidth};
252
+ box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;
253
+ padding: 0 ${standardPadding};
254
+ }
255
+
256
+ :host([appearance-variant='primary'][content-hidden])
257
+ .control${focusVisible} {
258
+ padding: 0px;
259
+ }
260
+
261
+ :host([appearance-variant='primary']) .control:active {
262
+ background-clip: border-box;
263
+ border-color: ${fillSelectedColor};
264
+ border-width: ${borderWidth};
265
+ box-shadow: none;
266
+ padding: 0 ${standardPadding};
267
+ }
268
+
269
+ :host([appearance-variant='primary'][content-hidden])
270
+ .control:active {
271
+ padding: 0px;
272
+ }
273
+
274
+ :host([appearance-variant='primary'][disabled]) .control {
275
+ background-clip: border-box;
276
+ border-color: transparent;
277
+ border-width: ${borderWidth};
278
+ box-shadow: none;
279
+ padding: 0 ${standardPadding};
280
+ }
281
+
282
+ :host([appearance-variant='primary'][disabled][content-hidden])
283
+ .control {
284
+ padding: 0px;
285
+ }
286
+ `));
210
287
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/patterns/button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EACH,qBAAqB,EACrB,gBAAgB,EAChB,qBAAqB,EACrB,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,4BAA4B,EAC5B,aAAa,EACb,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,eAAe,EAClB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;kBAIV,aAAa;iBACd,oBAAoB;gBACrB,eAAe;;;;;UAKrB;AACE;;;;EAIE,CAAC,EACP;;;;;iBAKS,4BAA4B;;;;;;;;kBAQ3B,WAAW;;;;;;;;;;;;;qBAaR,eAAe;iCACH,UAAU;;;;iBAI1B,aAAa;;;;;;;;;;;kCAWI,WAAW,IAAI,gBAAgB;;;;cAInD,YAAY;kCACQ,WAAW,IAAI,gBAAgB;mBAC9C,WAAW,UAAU,gBAAgB;;;;;;;;;;;;;;;;;;;UAmB9C;AACE;;;;GAIG;AACH,EACJ;;;;;;;;;;;;;;UAcE,SAAS,CAAC,iBAAiB,KAAK,oBAAoB;;;;;;;;;UASpD,SAAS,CAAC,iBAAiB,KAAK,oBAAoB;;;;;;;;;;CAU7D,CAAC,aAAa,CACX,kBAAkB,CACd,gBAAgB,CAAC,OAAO,EACxB,GAAG,CAAA;;;qCAG0B,qBAAqB;;;;;gCAK1B,gBAAgB;;;sBAG1B,YAAY;;gCAEF,gBAAgB;;;;oCAIZ,iBAAiB;gCACrB,iBAAiB;;;;;qCAKZ,qBAAqB;;SAEjD,CACJ,EACD,kBAAkB,CACd,gBAAgB,CAAC,KAAK,EACtB,GAAG,CAAA;;;;;;;;gCAQqB,gBAAgB;;;sBAG1B,YAAY;;gCAEF,gBAAgB;;;;oCAIZ,iBAAiB;gCACrB,iBAAiB;;;;;;;SAOxC,CACJ,EACD,kBAAkB,CACd,gBAAgB,CAAC,KAAK,EACtB,GAAG,CAAA;;yCAE8B,qBAAqB;;;;;;gCAM9B,gBAAgB;;;sBAG1B,YAAY;yCACO,qBAAqB;gCAC9B,gBAAgB;;;sBAG1B,YAAY;;;;;oCAKE,iBAAiB;gCACrB,iBAAiB;;;;yCAIR,qBAAqB;;;SAGrD,CACJ,CACJ,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/patterns/button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EACH,qBAAqB,EACrB,gBAAgB,EAChB,qBAAqB,EACrB,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,4BAA4B,EAC5B,aAAa,EACb,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,eAAe,EAClB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;kBAIV,aAAa;iBACd,oBAAoB;gBACrB,eAAe;;;;;UAKrB;AACE;;;;EAIE,CAAC,EACP;;;;;iBAKS,4BAA4B;;;;;;;;kBAQ3B,WAAW;;;;;;;;;;;;;qBAaR,eAAe;iCACH,UAAU;;;;iBAI1B,aAAa;;;;;;;;;;;kCAWI,WAAW,IAAI,gBAAgB;;;;cAInD,YAAY;kCACQ,WAAW,IAAI,gBAAgB;mBAC9C,WAAW,UAAU,gBAAgB;;;;;;;;;;;;;;;;;;;UAmB9C;AACE;;;;GAIG;AACH,EACJ;;;;;;;;;;;;;;UAcE,SAAS,CAAC,iBAAiB,KAAK,oBAAoB;;;;;;;;;UASpD,SAAS,CAAC,iBAAiB,KAAK,oBAAoB;;;;;;;;;;CAU7D,CAAC,aAAa,CACX,kBAAkB,CACd,gBAAgB,CAAC,OAAO,EACxB,GAAG,CAAA;;;qCAG0B,qBAAqB;;;;;gCAK1B,gBAAgB;;;sBAG1B,YAAY;;gCAEF,gBAAgB;;;;oCAIZ,iBAAiB;gCACrB,iBAAiB;;;;;qCAKZ,qBAAqB;;SAEjD,CACJ,EACD,kBAAkB,CACd,gBAAgB,CAAC,KAAK,EACtB,GAAG,CAAA;;;;;;;;gCAQqB,gBAAgB;;;sBAG1B,YAAY;;gCAEF,gBAAgB;;;;oCAIZ,iBAAiB;gCACrB,iBAAiB;;;;;;;SAOxC,CACJ,EACD,kBAAkB,CACd,gBAAgB,CAAC,KAAK,EACtB,GAAG,CAAA;;yCAE8B,qBAAqB;;;;;;gCAM9B,gBAAgB;;;sBAG1B,YAAY;yCACO,qBAAqB;gCAC9B,gBAAgB;;;sBAG1B,YAAY;;;;;oCAKE,iBAAiB;gCACrB,iBAAiB;;;;yCAIR,qBAAqB;;;SAGrD,CACJ,CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,CAAA,EAAE,CAAC,aAAa,CAC5D,kBAAkB,CACd,gBAAgB,CAAC,OAAO,EACxB,GAAG,CAAA;;0CAE+B,WAAW;2BAC1B,qBAAqB;;;;0CAIN,WAAW,IAAI,gBAAgB;;;4DAGb,YAAY;0CAC9B,WAAW,IAAI,gBAAgB;;;;;;;;;;SAUhE,CACJ,EACD,kBAAkB,CACd,gBAAgB,CAAC,KAAK,EACtB,GAAG,CAAA;;;qCAG0B,qBAAqB;yCACjB,WAAW;kCAClB,eAAe,MAAM,WAAW;;;;;;;;gCAQlC,gBAAgB;;;;4DAIY,YAAY;;gCAExC,gBAAgB;gCAChB,WAAW;0CACD,WAAW,IAAI,gBAAgB;6BAC5C,eAAe;;;;0BAIlB,YAAY;;;;;;gCAMN,iBAAiB;gCACjB,WAAW;;6BAEd,eAAe;;;;;;;;;;;gCAWZ,WAAW;;6BAEd,eAAe;;;;;;;SAOnC,CACJ,CACJ,CAAC"}
@@ -18,6 +18,15 @@ export interface ButtonPattern {
18
18
  */
19
19
  disabled: boolean;
20
20
  }
21
+ /**
22
+ * Interface for buttons that support appearance variants.
23
+ */
24
+ export interface ButtonAppearanceVariantPattern {
25
+ /**
26
+ * The appearance variant the button should have.
27
+ */
28
+ appearanceVariant: ButtonAppearanceVariant;
29
+ }
21
30
  /**
22
31
  * Types of button appearance.
23
32
  * @public
@@ -28,3 +37,12 @@ export declare const ButtonAppearance: {
28
37
  readonly block: "block";
29
38
  };
30
39
  export declare type ButtonAppearance = typeof ButtonAppearance[keyof typeof ButtonAppearance];
40
+ /**
41
+ * Types of button appearance variants.
42
+ * @public
43
+ */
44
+ export declare const ButtonAppearanceVariant: {
45
+ readonly default: undefined;
46
+ readonly primary: "primary";
47
+ };
48
+ export declare type ButtonAppearanceVariant = typeof ButtonAppearanceVariant[keyof typeof ButtonAppearanceVariant];
@@ -7,4 +7,12 @@ export const ButtonAppearance = {
7
7
  ghost: 'ghost',
8
8
  block: 'block'
9
9
  };
10
+ /**
11
+ * Types of button appearance variants.
12
+ * @public
13
+ */
14
+ export const ButtonAppearanceVariant = {
15
+ default: undefined,
16
+ primary: 'primary'
17
+ };
10
18
  //# sourceMappingURL=types.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/patterns/button/types.ts"],"names":[],"mappings":"AAuBA;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;CACR,CAAC"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/patterns/button/types.ts"],"names":[],"mappings":"AAiCA;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;CACR,CAAC;AAIX;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACnC,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACZ,CAAC"}
@@ -0,0 +1,12 @@
1
+ import { FoundationElement } from '@microsoft/fast-foundation';
2
+ declare global {
3
+ interface HTMLElementTagNameMap {
4
+ 'nimble-spinner': Spinner;
5
+ }
6
+ }
7
+ /**
8
+ * A Nimble-styled spinner component.
9
+ * A spinner is an animating indicator that can be placed in a particular region of a page to represent loading progress, or an ongoing operation, of an indeterminate / unknown duration.
10
+ */
11
+ export declare class Spinner extends FoundationElement {
12
+ }
@@ -0,0 +1,16 @@
1
+ import { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';
2
+ import { styles } from './styles';
3
+ import { template } from './template';
4
+ /**
5
+ * A Nimble-styled spinner component.
6
+ * A spinner is an animating indicator that can be placed in a particular region of a page to represent loading progress, or an ongoing operation, of an indeterminate / unknown duration.
7
+ */
8
+ export class Spinner extends FoundationElement {
9
+ }
10
+ const nimbleSpinner = Spinner.compose({
11
+ baseName: 'spinner',
12
+ template,
13
+ styles
14
+ });
15
+ DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleSpinner());
16
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC;;;GAGG;AACH,MAAM,OAAO,OAAQ,SAAQ,iBAAiB;CAAG;AAEjD,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC;IAClC,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC"}
@@ -0,0 +1 @@
1
+ export declare const styles: import("@microsoft/fast-element").ElementStyles;
@@ -0,0 +1,149 @@
1
+ import { css } from '@microsoft/fast-element';
2
+ import { display } from '@microsoft/fast-foundation';
3
+ import { Black15, Black91, White } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
4
+ import { Theme } from '../theme-provider/types';
5
+ import { themeBehavior } from '../utilities/style/theme';
6
+ export const styles = css `
7
+ ${display('inline-flex')}
8
+
9
+ :host {
10
+ width: 16px;
11
+ height: 16px;
12
+ }
13
+
14
+ div.container {
15
+ margin: max(2px, 6.25%);
16
+ flex: 1;
17
+ ${
18
+ /**
19
+ * At some spinner sizes / browser zoom levels, the spinner bits/squares appear to slightly overlap visually.
20
+ * If we set a color with transparency on each bit, it'll look wrong in the overlapping region (since the opacity
21
+ * combines and affects the color at the overlapping spot).
22
+ * Currently all 3 themes use a color with opacity = 0.6, so that's applied here on the parent element instead,
23
+ * which avoids that issue.
24
+ */
25
+ ''}
26
+ opacity: 0.6;
27
+ }
28
+
29
+ div.bit1,
30
+ div.bit2 {
31
+ background: var(--ni-private-spinner-bits-background-color);
32
+ width: 50%;
33
+ height: 50%;
34
+ margin: auto;
35
+ animation-duration: 1600ms;
36
+ animation-iteration-count: infinite;
37
+ animation-timing-function: cubic-bezier(0.65, 0, 0.35, 0);
38
+ }
39
+
40
+ div.bit1 {
41
+ animation-name: ni-private-spinner-keyframes-1;
42
+ }
43
+
44
+ div.bit2 {
45
+ animation-name: ni-private-spinner-keyframes-2;
46
+ }
47
+
48
+ @media (prefers-reduced-motion) {
49
+ div.bit1,
50
+ div.bit2 {
51
+ animation-timing-function: ease-in-out, steps(1);
52
+ animation-duration: 3200ms;
53
+ }
54
+
55
+ div.bit1 {
56
+ animation-name: ni-private-spinner-no-motion-opacity-keyframes,
57
+ ni-private-spinner-no-motion-transform-keyframes-1;
58
+ }
59
+
60
+ div.bit2 {
61
+ animation-name: ni-private-spinner-no-motion-opacity-keyframes,
62
+ ni-private-spinner-no-motion-transform-keyframes-2;
63
+ }
64
+ }
65
+
66
+ @keyframes ni-private-spinner-keyframes-1 {
67
+ 0%,
68
+ 100% {
69
+ transform: translate(-50%, 0);
70
+ }
71
+
72
+ 25% {
73
+ transform: translate(50%, 0);
74
+ }
75
+
76
+ 50% {
77
+ transform: translate(50%, 100%);
78
+ }
79
+
80
+ 75% {
81
+ transform: translate(-50%, 100%);
82
+ }
83
+ }
84
+
85
+ @keyframes ni-private-spinner-keyframes-2 {
86
+ 0%,
87
+ 100% {
88
+ transform: translate(50%, 0);
89
+ }
90
+
91
+ 25% {
92
+ transform: translate(-50%, 0);
93
+ }
94
+
95
+ 50% {
96
+ transform: translate(-50%, -100%);
97
+ }
98
+
99
+ 75% {
100
+ transform: translate(50%, -100%);
101
+ }
102
+ }
103
+
104
+ @keyframes ni-private-spinner-no-motion-opacity-keyframes {
105
+ 0%,
106
+ 50%,
107
+ 100% {
108
+ opacity: 0;
109
+ }
110
+
111
+ 25%,
112
+ 75% {
113
+ opacity: 1;
114
+ }
115
+ }
116
+
117
+ @keyframes ni-private-spinner-no-motion-transform-keyframes-1 {
118
+ 0%,
119
+ 100% {
120
+ transform: translate(-50%, 0);
121
+ }
122
+ 50% {
123
+ transform: translate(50%, 0);
124
+ }
125
+ }
126
+
127
+ @keyframes ni-private-spinner-no-motion-transform-keyframes-2 {
128
+ 0%,
129
+ 100% {
130
+ transform: translate(50%, 0);
131
+ }
132
+
133
+ 50% {
134
+ transform: translate(-50%, 0);
135
+ }
136
+ }
137
+ `.withBehaviors(themeBehavior(Theme.light, css `
138
+ :host {
139
+ --ni-private-spinner-bits-background-color: ${Black91}
140
+ `), themeBehavior(Theme.dark, css `
141
+ :host {
142
+ --ni-private-spinner-bits-background-color: ${Black15};
143
+ }
144
+ `), themeBehavior(Theme.color, css `
145
+ :host {
146
+ --ni-private-spinner-bits-background-color: ${White};
147
+ }
148
+ `));
149
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/spinner/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,OAAO,EACP,OAAO,EACP,KAAK,EACR,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;;;;;;;UAUlB;AACE;;;;;;GAMG;AACH,EACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgHP,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8DAEmD,OAAO;SAC5D,CACJ,EACD,aAAa,CACT,KAAK,CAAC,IAAI,EACV,GAAG,CAAA;;8DAEmD,OAAO;;SAE5D,CACJ,EACD,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8DAEmD,KAAK;;SAE1D,CACJ,CACJ,CAAC"}
@@ -0,0 +1,2 @@
1
+ import type { Spinner } from '.';
2
+ export declare const template: import("@microsoft/fast-element").ViewTemplate<Spinner, any>;
@@ -0,0 +1,10 @@
1
+ import { html } from '@microsoft/fast-element';
2
+ export const template = html `
3
+ <template role="progressbar">
4
+ <div class="container">
5
+ <div class="bit1"></div>
6
+ <div class="bit2"></div>
7
+ </div>
8
+ </template>
9
+ `;
10
+ //# sourceMappingURL=template.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/spinner/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAS;;;;;;;CAOpC,CAAC"}
@@ -87,14 +87,38 @@ export const comments = {
87
87
  subtitleFontWeight: 'Font weight for the "Subtitle_1" base token',
88
88
  subtitleFontLineHeight: 'Font line height for the "Subtitle_1" base token',
89
89
  subtitleFallbackFontFamily: 'Fallback font family for the "Subtitle_1" base token',
90
- linkStandardFont: 'Font shorthand for the "Link_standard_1" base token',
91
- linkStandardFontColor: 'Font color for the "Link_Standard_1" base token',
92
- linkStandardDisabledFontColor: 'Disabled font color for the "Link_Standard_1" base token',
93
- linkStandardFontFamily: 'Font family for the "Link_Standard_1" base token',
94
- linkStandardFontSize: 'Font size for the "Link_Standard_1" base token',
95
- linkStandardFontWeight: 'Font weight for the "Link_Standard_1" base token',
96
- linkStandardFontLineHeight: 'Font line height for the "Link_Standard_1" base token',
97
- linkStandardFallbackFontFamily: 'Fallback font family for the "Link_Standard_1" base token',
90
+ linkFont: 'Font shorthand for links',
91
+ linkFontColor: 'Font color for links',
92
+ linkDisabledFontColor: 'Disabled font color for links',
93
+ linkFontFamily: 'Font family for links',
94
+ linkFontSize: 'Font size for links',
95
+ linkFontWeight: 'Font weight for links',
96
+ linkFontLineHeight: 'Font line height for links',
97
+ linkFallbackFontFamily: 'Fallback font family for links',
98
+ linkActiveFont: 'Font shorthand for active links',
99
+ linkActiveFontColor: 'Font color for active links',
100
+ linkActiveDisabledFontColor: 'Disabled font color for active links',
101
+ linkActiveFontFamily: 'Font family for active links',
102
+ linkActiveFontSize: 'Font size for active links',
103
+ linkActiveFontWeight: 'Font weight for active links',
104
+ linkActiveFontLineHeight: 'Font line height for active links',
105
+ linkActiveFallbackFontFamily: 'Fallback font family for active links',
106
+ linkProminentFont: 'Font shorthand for prominent links',
107
+ linkProminentFontColor: 'Font color for prominent links',
108
+ linkProminentDisabledFontColor: 'Disabled font color for prominent links',
109
+ linkProminentFontFamily: 'Font family for prominent links',
110
+ linkProminentFontSize: 'Font size for prominent links',
111
+ linkProminentFontWeight: 'Font weight for prominent links',
112
+ linkProminentFontLineHeight: 'Font line height for prominent links',
113
+ linkProminentFallbackFontFamily: 'Fallback font family for prominent links',
114
+ linkActiveProminentFont: 'Font shorthand for active prominent links',
115
+ linkActiveProminentFontColor: 'Font color for active prominent links',
116
+ linkActiveProminentDisabledFontColor: 'Disabled font color for active prominent links',
117
+ linkActiveProminentFontFamily: 'Font family for active prominent links',
118
+ linkActiveProminentFontSize: 'Font size for active prominent links',
119
+ linkActiveProminentFontWeight: 'Font weight for active prominent links',
120
+ linkActiveProminentFontLineHeight: 'Font line height for active prominent links',
121
+ linkActiveProminentFallbackFontFamily: 'Fallback font family for active prominent links',
98
122
  placeholderFont: 'Font shorthand for the "Placeholder" base token',
99
123
  placeholderFontColor: 'Font color for the "Placeholder" base token',
100
124
  placeholderDisabledFontColor: 'Disabled font color for the "Placeholder" base token',
@@ -1 +1 @@
1
- {"version":3,"file":"design-token-comments.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-comments.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"design-token-comments.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-comments.ts"],"names":[],"mappings":"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"}