@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.
- package/dist/all-components-bundle.js +1625 -1088
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +2194 -1828
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/all-components.d.ts +3 -0
- package/dist/esm/all-components.js +3 -0
- package/dist/esm/all-components.js.map +1 -1
- package/dist/esm/anchor/index.d.ts +24 -0
- package/dist/esm/anchor/index.js +37 -0
- package/dist/esm/anchor/index.js.map +1 -0
- package/dist/esm/anchor/styles.d.ts +1 -0
- package/dist/esm/anchor/styles.js +86 -0
- package/dist/esm/anchor/styles.js.map +1 -0
- package/dist/esm/anchor/template.d.ts +4 -0
- package/dist/esm/anchor/template.js +53 -0
- package/dist/esm/anchor/template.js.map +1 -0
- package/dist/esm/anchor/types.d.ts +9 -0
- package/dist/esm/anchor/types.js +9 -0
- package/dist/esm/anchor/types.js.map +1 -0
- package/dist/esm/anchor-base/index.d.ts +6 -0
- package/dist/esm/anchor-base/index.js +7 -0
- package/dist/esm/anchor-base/index.js.map +1 -0
- package/dist/esm/anchor-button/index.d.ts +36 -0
- package/dist/esm/anchor-button/index.js +55 -0
- package/dist/esm/anchor-button/index.js.map +1 -0
- package/dist/esm/anchor-button/styles.d.ts +1 -0
- package/dist/esm/anchor-button/styles.js +11 -0
- package/dist/esm/anchor-button/styles.js.map +1 -0
- package/dist/esm/anchor-button/template.d.ts +4 -0
- package/dist/esm/anchor-button/template.js +44 -0
- package/dist/esm/anchor-button/template.js.map +1 -0
- package/dist/esm/anchor-button/types.d.ts +5 -0
- package/dist/esm/anchor-button/types.js +6 -0
- package/dist/esm/anchor-button/types.js.map +1 -0
- package/dist/esm/breadcrumb/styles.js +10 -36
- package/dist/esm/breadcrumb/styles.js.map +1 -1
- package/dist/esm/breadcrumb-item/styles.js +13 -14
- package/dist/esm/breadcrumb-item/styles.js.map +1 -1
- package/dist/esm/button/index.d.ts +2 -2
- package/dist/esm/button/index.js.map +1 -1
- package/dist/esm/button/styles.js +5 -82
- package/dist/esm/button/styles.js.map +1 -1
- package/dist/esm/button/types.d.ts +1 -10
- package/dist/esm/button/types.js +1 -9
- package/dist/esm/button/types.js.map +1 -1
- package/dist/esm/patterns/button/styles.d.ts +1 -0
- package/dist/esm/patterns/button/styles.js +81 -4
- package/dist/esm/patterns/button/styles.js.map +1 -1
- package/dist/esm/patterns/button/types.d.ts +18 -0
- package/dist/esm/patterns/button/types.js +8 -0
- package/dist/esm/patterns/button/types.js.map +1 -1
- package/dist/esm/spinner/index.d.ts +12 -0
- package/dist/esm/spinner/index.js +16 -0
- package/dist/esm/spinner/index.js.map +1 -0
- package/dist/esm/spinner/styles.d.ts +1 -0
- package/dist/esm/spinner/styles.js +149 -0
- package/dist/esm/spinner/styles.js.map +1 -0
- package/dist/esm/spinner/template.d.ts +2 -0
- package/dist/esm/spinner/template.js +10 -0
- package/dist/esm/spinner/template.js.map +1 -0
- package/dist/esm/theme-provider/design-token-comments.js +32 -8
- package/dist/esm/theme-provider/design-token-comments.js.map +1 -1
- package/dist/esm/theme-provider/design-token-names.js +32 -8
- package/dist/esm/theme-provider/design-token-names.js.map +1 -1
- package/dist/esm/theme-provider/design-tokens.d.ts +4 -1
- package/dist/esm/theme-provider/design-tokens.js +5 -2
- package/dist/esm/theme-provider/design-tokens.js.map +1 -1
- package/dist/esm/toggle-button/styles.js +2 -2
- package/dist/esm/wafer-map/index.d.ts +2 -0
- package/dist/esm/wafer-map/index.js +14 -1
- package/dist/esm/wafer-map/index.js.map +1 -1
- package/dist/esm/wafer-map/modules/rendering.d.ts +11 -0
- package/dist/esm/wafer-map/modules/rendering.js +26 -0
- package/dist/esm/wafer-map/modules/rendering.js.map +1 -0
- package/dist/esm/wafer-map/styles.js +55 -1
- package/dist/esm/wafer-map/styles.js.map +1 -1
- package/dist/esm/wafer-map/template.js +12 -9
- package/dist/esm/wafer-map/template.js.map +1 -1
- package/dist/tokens-internal.scss +168 -24
- package/dist/tokens.scss +88 -16
- 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,
|
|
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;
|
|
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 {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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,
|
|
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];
|
package/dist/esm/button/types.js
CHANGED
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/button/types.ts"],"names":[],"mappings":"AAMA,OAAO,EACH,gBAAgB,EAChB,uBAAuB,EAC1B,MAAM,0BAA0B,CAAC"}
|
|
@@ -78,7 +78,7 @@ export const styles = css `
|
|
|
78
78
|
outline: none;
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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":"
|
|
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 @@
|
|
|
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
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
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":"AAIA,MAAM,CAAC,MAAM,QAAQ,GAAmD;IACpE,qBAAqB,EACjB,sGAAsG;IAC1G,0BAA0B,EAAE,8CAA8C;IAC1E,sBAAsB,EAAE,0BAA0B;IAClD,qBAAqB,EAAE,0CAA0C;IACjE,sBAAsB,EAAE,wCAAwC;IAChE,iBAAiB,EAAE,+CAA+C;IAClE,2BAA2B,EACvB,sGAAsG;IAC1G,sBAAsB,EAClB,qDAAqD;IACzD,cAAc,EAAE,4CAA4C;IAC5D,aAAa,EAAE,gDAAgD;IAC/D,WAAW,EAAE,0CAA0C;IACvD,qBAAqB,EACjB,sGAAsG;IAC1G,SAAS,EAAE,2CAA2C;IACtD,YAAY,EACR,2FAA2F;IAC/F,SAAS,EACL,6EAA6E;IACjF,gBAAgB,EACZ,wEAAwE;IAC5E,gBAAgB,EAAE,sCAAsC;IACxD,SAAS,EAAE,wCAAwC;IACnD,kBAAkB,EAAE,uDAAuD;IAC3E,mBAAmB,EAAE,yCAAyC;IAC9D,gBAAgB,EAAE,yCAAyC;IAC3D,aAAa,EACT,+EAA+E;IACnF,YAAY,EAAE,qCAAqC;IACnD,eAAe,EAAE,wCAAwC;IACzD,WAAW,EACP,iHAAiH;IACrH,WAAW,EAAE,2CAA2C;IACxD,QAAQ,EAAE,sCAAsC;IAChD,wBAAwB,EAAE,8CAA8C;IACxE,WAAW,EAAE,wBAAwB;IACrC,UAAU,EACN,mGAAmG;IACvG,WAAW,EACP,mHAAmH;IACvH,UAAU,EACN,2FAA2F;IAC/F,iBAAiB,EAAE,gDAAgD;IACnE,sBAAsB,EAAE,4CAA4C;IACpE,8BAA8B,EAC1B,qDAAqD;IACzD,uBAAuB,EAAE,6CAA6C;IACtE,qBAAqB,EAAE,2CAA2C;IAClE,uBAAuB,EAAE,6CAA6C;IACtE,2BAA2B,EACvB,kDAAkD;IACtD,+BAA+B,EAAE,IAAI;IACrC,YAAY,EAAE,gDAAgD;IAC9D,iBAAiB,EAAE,4CAA4C;IAC/D,yBAAyB,EACrB,qDAAqD;IACzD,kBAAkB,EAAE,6CAA6C;IACjE,gBAAgB,EAAE,2CAA2C;IAC7D,kBAAkB,EAAE,6CAA6C;IACjE,sBAAsB,EAAE,kDAAkD;IAC1E,0BAA0B,EACtB,sDAAsD;IAC1D,cAAc,EAAE,6CAA6C;IAC7D,mBAAmB,EAAE,yCAAyC;IAC9D,2BAA2B,EACvB,kDAAkD;IACtD,oBAAoB,EAAE,0CAA0C;IAChE,kBAAkB,EAAE,wCAAwC;IAC5D,oBAAoB,EAAE,0CAA0C;IAChE,wBAAwB,EAAE,+CAA+C;IACzE,4BAA4B,EACxB,mDAAmD;IACvD,cAAc,EAAE,6CAA6C;IAC7D,mBAAmB,EAAE,yCAAyC;IAC9D,2BAA2B,EACvB,kDAAkD;IACtD,oBAAoB,EAAE,0CAA0C;IAChE,kBAAkB,EAAE,wCAAwC;IAC5D,oBAAoB,EAAE,0CAA0C;IAChE,wBAAwB,EAAE,+CAA+C;IACzE,4BAA4B,EACxB,mDAAmD;IACvD,SAAS,EAAE,6CAA6C;IACxD,cAAc,EAAE,yCAAyC;IACzD,sBAAsB,EAAE,kDAAkD;IAC1E,eAAe,EAAE,0CAA0C;IAC3D,aAAa,EAAE,wCAAwC;IACvD,eAAe,EAAE,0CAA0C;IAC3D,mBAAmB,EAAE,+CAA+C;IACpE,uBAAuB,EACnB,mDAAmD;IACvD,iBAAiB,EAAE,gDAAgD;IACnE,sBAAsB,EAAE,4CAA4C;IACpE,8BAA8B,EAC1B,qDAAqD;IACzD,uBAAuB,EAAE,6CAA6C;IACtE,qBAAqB,EAAE,0CAA0C;IACjE,uBAAuB,EAAE,6CAA6C;IACtE,2BAA2B,EACvB,kDAAkD;IACtD,+BAA+B,EAC3B,sDAAsD;IAC1D,YAAY,EAAE,gDAAgD;IAC9D,iBAAiB,EAAE,4CAA4C;IAC/D,yBAAyB,EACrB,qDAAqD;IACzD,kBAAkB,EAAE,6CAA6C;IACjE,gBAAgB,EAAE,0CAA0C;IAC5D,kBAAkB,EAAE,6CAA6C;IACjE,sBAAsB,EAAE,kDAAkD;IAC1E,0BAA0B,EACtB,sDAAsD;IAC1D,QAAQ,EAAE,0BAA0B;IACpC,aAAa,EAAE,sBAAsB;IACrC,qBAAqB,EAAE,+BAA+B;IACtD,cAAc,EAAE,uBAAuB;IACvC,YAAY,EAAE,qBAAqB;IACnC,cAAc,EAAE,uBAAuB;IACvC,kBAAkB,EAAE,4BAA4B;IAChD,sBAAsB,EAAE,gCAAgC;IACxD,cAAc,EAAE,iCAAiC;IACjD,mBAAmB,EAAE,6BAA6B;IAClD,2BAA2B,EAAE,sCAAsC;IACnE,oBAAoB,EAAE,8BAA8B;IACpD,kBAAkB,EAAE,4BAA4B;IAChD,oBAAoB,EAAE,8BAA8B;IACpD,wBAAwB,EAAE,mCAAmC;IAC7D,4BAA4B,EAAE,uCAAuC;IACrE,iBAAiB,EAAE,oCAAoC;IACvD,sBAAsB,EAAE,gCAAgC;IACxD,8BAA8B,EAAE,yCAAyC;IACzE,uBAAuB,EAAE,iCAAiC;IAC1D,qBAAqB,EAAE,+BAA+B;IACtD,uBAAuB,EAAE,iCAAiC;IAC1D,2BAA2B,EAAE,sCAAsC;IACnE,+BAA+B,EAAE,0CAA0C;IAC3E,uBAAuB,EAAE,2CAA2C;IACpE,4BAA4B,EAAE,uCAAuC;IACrE,oCAAoC,EAChC,gDAAgD;IACpD,6BAA6B,EAAE,wCAAwC;IACvE,2BAA2B,EAAE,sCAAsC;IACnE,6BAA6B,EAAE,wCAAwC;IACvE,iCAAiC,EAC7B,6CAA6C;IACjD,qCAAqC,EACjC,iDAAiD;IACrD,eAAe,EAAE,iDAAiD;IAClE,oBAAoB,EAAE,6CAA6C;IACnE,4BAA4B,EACxB,sDAAsD;IAC1D,qBAAqB,EAAE,8CAA8C;IACrE,mBAAmB,EAAE,4CAA4C;IACjE,qBAAqB,EAAE,8CAA8C;IACrE,yBAAyB,EACrB,mDAAmD;IACvD,6BAA6B,EACzB,uDAAuD;IAC3D,kBAAkB,EAAE,qDAAqD;IACzE,uBAAuB,EAAE,iDAAiD;IAC1E,+BAA+B,EAC3B,0DAA0D;IAC9D,wBAAwB,EACpB,kDAAkD;IACtD,sBAAsB,EAAE,gDAAgD;IACxE,wBAAwB,EACpB,kDAAkD;IACtD,4BAA4B,EACxB,uDAAuD;IAC3D,gCAAgC,EAC5B,2DAA2D;IAC/D,QAAQ,EAAE,0CAA0C;IACpD,aAAa,EAAE,sCAAsC;IACrD,qBAAqB,EAAE,+CAA+C;IACtE,cAAc,EAAE,uCAAuC;IACvD,YAAY,EAAE,qCAAqC;IACnD,cAAc,EAAE,uCAAuC;IACvD,kBAAkB,EAAE,4CAA4C;IAChE,sBAAsB,EAAE,gDAAgD;IACxE,eAAe,EAAE,oDAAoD;IACrE,oBAAoB,EAAE,gDAAgD;IACtE,4BAA4B,EACxB,wDAAwD;IAC5D,qBAAqB,EAAE,iDAAiD;IACxE,mBAAmB,EAAE,+CAA+C;IACpE,qBAAqB,EAAE,iDAAiD;IACxE,yBAAyB,EACrB,sDAAsD;IAC1D,6BAA6B,EACzB,0DAA0D;IAC9D,gBAAgB,EAAE,qDAAqD;IACvE,qBAAqB,EAAE,iDAAiD;IACxE,6BAA6B,EACzB,0DAA0D;IAC9D,sBAAsB,EAAE,kDAAkD;IAC1E,oBAAoB,EAAE,gDAAgD;IACtE,sBAAsB,EAAE,kDAAkD;IAC1E,0BAA0B,EACtB,uDAAuD;IAC3D,8BAA8B,EAC1B,2DAA2D;IAC/D,eAAe,EAAE,oDAAoD;IACrE,oBAAoB,EAAE,gDAAgD;IACtE,4BAA4B,EACxB,yDAAyD;IAC7D,qBAAqB,EAAE,iDAAiD;IACxE,mBAAmB,EAAE,+CAA+C;IACpE,qBAAqB,EAAE,iDAAiD;IACxE,yBAAyB,EACrB,sDAAsD;IAC1D,6BAA6B,EACzB,0DAA0D;IAC9D,kBAAkB,EAAE,qDAAqD;IACzE,uBAAuB,EAAE,iDAAiD;IAC1E,+BAA+B,EAC3B,0DAA0D;IAC9D,wBAAwB,EACpB,kDAAkD;IACtD,sBAAsB,EAAE,gDAAgD;IACxE,wBAAwB,EACpB,kDAAkD;IACtD,4BAA4B,EACxB,uDAAuD;IAC3D,gCAAgC,EAC5B,2DAA2D;IAC/D,sBAAsB,EAAE,uCAAuC;IAC/D,aAAa,EAAE,mDAAmD;IAClE,kBAAkB,EAAE,+CAA+C;IACnE,0BAA0B,EACtB,wDAAwD;IAC5D,mBAAmB,EAAE,gDAAgD;IACrE,iBAAiB,EAAE,8CAA8C;IACjE,mBAAmB,EAAE,gDAAgD;IACrE,uBAAuB,EACnB,qDAAqD;IACzD,2BAA2B,EACvB,yDAAyD;CAChE,CAAC"}
|