@ni/nimble-components 1.1.1 → 2.0.1
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/esm/nimble-components/src/text-field/index.d.ts +10 -0
- package/dist/esm/nimble-components/src/text-field/types.d.ts +19 -1
- package/dist/esm/nimble-components/src/theme-provider/types.d.ts +1 -2
- package/dist/esm/nimble-components/src/utilities/style/appearance.d.ts +1 -2
- package/dist/esm/nimble-components/src/utilities/style/theme.d.ts +4 -6
- package/dist/esm/select/styles.js +6 -0
- package/dist/esm/select/styles.js.map +1 -1
- package/dist/esm/text-field/index.d.ts +10 -0
- package/dist/esm/text-field/index.js +12 -0
- package/dist/esm/text-field/index.js.map +1 -1
- package/dist/esm/text-field/styles.js +76 -25
- package/dist/esm/text-field/styles.js.map +1 -1
- package/dist/esm/text-field/types.d.ts +19 -1
- package/dist/esm/text-field/types.js +12 -0
- package/dist/esm/text-field/types.js.map +1 -1
- package/dist/esm/theme-provider/design-tokens.js +24 -74
- package/dist/esm/theme-provider/design-tokens.js.map +1 -1
- package/dist/esm/theme-provider/types.d.ts +1 -2
- package/dist/esm/theme-provider/types.js +0 -1
- package/dist/esm/theme-provider/types.js.map +1 -1
- package/dist/esm/toggle-button/index.js +4 -1
- package/dist/esm/toggle-button/index.js.map +1 -1
- package/dist/esm/utilities/style/appearance.d.ts +1 -2
- package/dist/esm/utilities/style/appearance.js.map +1 -1
- package/dist/esm/utilities/style/theme.d.ts +4 -6
- package/dist/esm/utilities/style/theme.js +7 -17
- package/dist/esm/utilities/style/theme.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { TextField as FoundationTextField } from '@microsoft/fast-foundation';
|
|
2
|
+
import { TextFieldAppearance } from './types';
|
|
2
3
|
export type { TextField };
|
|
3
4
|
declare global {
|
|
4
5
|
interface HTMLElementTagNameMap {
|
|
@@ -9,4 +10,13 @@ declare global {
|
|
|
9
10
|
* A nimble-styed HTML text input
|
|
10
11
|
*/
|
|
11
12
|
declare class TextField extends FoundationTextField {
|
|
13
|
+
/**
|
|
14
|
+
* The appearance the text field should have.
|
|
15
|
+
*
|
|
16
|
+
* @public
|
|
17
|
+
* @remarks
|
|
18
|
+
* HTML Attribute: appearance
|
|
19
|
+
*/
|
|
20
|
+
appearance: TextFieldAppearance;
|
|
21
|
+
connectedCallback(): void;
|
|
12
22
|
}
|
|
@@ -1,3 +1,21 @@
|
|
|
1
1
|
import { TextFieldType } from '@microsoft/fast-foundation';
|
|
2
|
-
|
|
2
|
+
/**
|
|
3
|
+
* Values for the 'type' attribute of the text field.
|
|
4
|
+
*/
|
|
3
5
|
export declare type TextFieldTypeAttribute = `${TextFieldType}`;
|
|
6
|
+
/**
|
|
7
|
+
* Values for the 'type' property of the text field.
|
|
8
|
+
*/
|
|
9
|
+
export { TextFieldType };
|
|
10
|
+
/**
|
|
11
|
+
* Values for the 'appearance' attribute of the text field.
|
|
12
|
+
*/
|
|
13
|
+
export declare type TextFieldAppearanceAttribute = `${TextFieldAppearance}`;
|
|
14
|
+
/**
|
|
15
|
+
* Values for the 'appearance' property of the text field
|
|
16
|
+
*/
|
|
17
|
+
export declare enum TextFieldAppearance {
|
|
18
|
+
Underline = "underline",
|
|
19
|
+
Outline = "outline",
|
|
20
|
+
Block = "block"
|
|
21
|
+
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import type { Behavior, ElementStyles } from '@microsoft/fast-element';
|
|
2
|
-
import type { ButtonAppearance } from '../../patterns/button/types';
|
|
3
2
|
/**
|
|
4
3
|
* Behavior that will conditionally apply a stylesheet based on the element's
|
|
5
4
|
* appearance property
|
|
@@ -9,4 +8,4 @@ import type { ButtonAppearance } from '../../patterns/button/types';
|
|
|
9
8
|
*
|
|
10
9
|
* @public
|
|
11
10
|
*/
|
|
12
|
-
export declare function appearanceBehavior(value:
|
|
11
|
+
export declare function appearanceBehavior<AppearanceType>(value: AppearanceType, styles: ElementStyles): Behavior;
|
|
@@ -3,14 +3,13 @@ import type { Theme } from '../../theme-provider/types';
|
|
|
3
3
|
export declare type LightStyle = ElementStyles | null;
|
|
4
4
|
export declare type DarkStyleOrAlias = ElementStyles | null | Theme.Light;
|
|
5
5
|
export declare type ColorStyleOrAlias = ElementStyles | null | Theme.Light | Theme.Dark;
|
|
6
|
-
export declare type LegacyBlueStyleOrAlias = ElementStyles | null | Theme.Light | Theme.Dark | Theme.Color;
|
|
7
6
|
/**
|
|
8
7
|
* Behavior to conditionally apply theme-based stylesheets.
|
|
9
8
|
*/
|
|
10
9
|
declare class ThemeStyleSheetBehavior implements Behavior {
|
|
11
10
|
private readonly themeStyles;
|
|
12
11
|
private readonly cache;
|
|
13
|
-
constructor(lightStyle: LightStyle, darkStyleOrAlias: DarkStyleOrAlias, colorStyleOrAlias: ColorStyleOrAlias
|
|
12
|
+
constructor(lightStyle: LightStyle, darkStyleOrAlias: DarkStyleOrAlias, colorStyleOrAlias: ColorStyleOrAlias);
|
|
14
13
|
private static resolveTheme;
|
|
15
14
|
/**
|
|
16
15
|
* @internal
|
|
@@ -34,11 +33,10 @@ declare class ThemeStyleSheetBehavior implements Behavior {
|
|
|
34
33
|
* // ...
|
|
35
34
|
* `.withBehaviors(new ThemeStyleSheetBehavior(
|
|
36
35
|
* css`:host { ... Theme.Light style... }`),
|
|
37
|
-
*
|
|
38
|
-
*
|
|
39
|
-
* Theme.Light, // For the Theme.LegacyBlue style, re-use the previously set Theme.Light style
|
|
36
|
+
* null, // No style needed for Theme.Dark style
|
|
37
|
+
* Theme.Light // For the Theme.Color style, re-use the previously set Theme.Light style
|
|
40
38
|
* )
|
|
41
39
|
* ```
|
|
42
40
|
*/
|
|
43
|
-
export declare const themeBehavior: (lightStyle: LightStyle, darkStyleOrAlias: DarkStyleOrAlias, colorStyleOrAlias: ColorStyleOrAlias
|
|
41
|
+
export declare const themeBehavior: (lightStyle: LightStyle, darkStyleOrAlias: DarkStyleOrAlias, colorStyleOrAlias: ColorStyleOrAlias) => ThemeStyleSheetBehavior;
|
|
44
42
|
export {};
|
|
@@ -24,6 +24,12 @@ export const styles = css `
|
|
|
24
24
|
overflow-y: auto;
|
|
25
25
|
position: absolute;
|
|
26
26
|
width: 100%;
|
|
27
|
+
${
|
|
28
|
+
/*
|
|
29
|
+
* The --max-height custom property is defined by fast-foundation.
|
|
30
|
+
* See: https://github.com/microsoft/fast/blob/af1f8736ae9ff54a7449324bad952865981d1ece/packages/web-components/fast-foundation/src/select/select.ts#L199
|
|
31
|
+
*/ ''}
|
|
32
|
+
max-height: calc(var(--max-height) - ${controlHeight});
|
|
27
33
|
z-index: 1;
|
|
28
34
|
padding: 4px;
|
|
29
35
|
box-shadow: 0px 3px 3px ${popupBoxShadowColor};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,0BAA0B,EAC1B,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,mBAAmB,EACnB,UAAU,EACb,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;iBAIX,gBAAgB;uBACV,UAAU;kBACf,aAAa
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,0BAA0B,EAC1B,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,mBAAmB,EACnB,UAAU,EACb,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;iBAIX,gBAAgB;uBACV,UAAU;kBACf,aAAa;;;;;;;;;;;;;;;;UAgBrB;AACE;;;GAGG,CAAC,EACR;+CACuC,aAAa;;;kCAG1B,mBAAmB;4BACzB,gBAAgB;4BAChB,0BAA0B;;;;;;;;;;;;;qBAajC,eAAe;;;;yBAIX,WAAW,UAAU,wBAAwB;;;;;;;;;;;yBAW7C,WAAW,UAAU,gBAAgB;oCAC1B,UAAU,oBAAoB,UAAU;;;;mCAIzC,gBAAgB;;oCAEf,UAAU,oBAAoB,UAAU;;;;;yBAKnD,WAAW,UAAU,wBAAwB;;iBAErD,wBAAwB;;;;;;;;;;;;;;kBAcvB,aAAa;;;;oBAIX,aAAa;;;;;;;;;;;;;;;;;;;;;;iBAsBhB,QAAQ;kBACP,QAAQ;gBACV,gBAAgB;;;;gBAIhB,wBAAwB;;;;;;;;;;;;;;;;;;;;;CAqBvC,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { TextField as FoundationTextField } from '@microsoft/fast-foundation';
|
|
2
|
+
import { TextFieldAppearance } from './types';
|
|
2
3
|
export type { TextField };
|
|
3
4
|
declare global {
|
|
4
5
|
interface HTMLElementTagNameMap {
|
|
@@ -9,4 +10,13 @@ declare global {
|
|
|
9
10
|
* A nimble-styed HTML text input
|
|
10
11
|
*/
|
|
11
12
|
declare class TextField extends FoundationTextField {
|
|
13
|
+
/**
|
|
14
|
+
* The appearance the text field should have.
|
|
15
|
+
*
|
|
16
|
+
* @public
|
|
17
|
+
* @remarks
|
|
18
|
+
* HTML Attribute: appearance
|
|
19
|
+
*/
|
|
20
|
+
appearance: TextFieldAppearance;
|
|
21
|
+
connectedCallback(): void;
|
|
12
22
|
}
|
|
@@ -1,11 +1,23 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { attr } from '@microsoft/fast-element';
|
|
1
3
|
import { DesignSystem, TextField as FoundationTextField, textFieldTemplate as template } from '@microsoft/fast-foundation';
|
|
2
4
|
import { statusAlarmActive16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
|
|
3
5
|
import { styles } from './styles';
|
|
6
|
+
import { TextFieldAppearance } from './types';
|
|
4
7
|
/**
|
|
5
8
|
* A nimble-styed HTML text input
|
|
6
9
|
*/
|
|
7
10
|
class TextField extends FoundationTextField {
|
|
11
|
+
connectedCallback() {
|
|
12
|
+
super.connectedCallback();
|
|
13
|
+
if (!this.appearance) {
|
|
14
|
+
this.appearance = TextFieldAppearance.Underline;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
8
17
|
}
|
|
18
|
+
__decorate([
|
|
19
|
+
attr
|
|
20
|
+
], TextField.prototype, "appearance", void 0);
|
|
9
21
|
const nimbleTextField = TextField.compose({
|
|
10
22
|
baseName: 'text-field',
|
|
11
23
|
baseClass: FoundationTextField,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/text-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,SAAS,IAAI,mBAAmB,EAEhC,iBAAiB,IAAI,QAAQ,EAChC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,sDAAsD,CAAC;AAC9F,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/text-field/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACH,YAAY,EACZ,SAAS,IAAI,mBAAmB,EAEhC,iBAAiB,IAAI,QAAQ,EAChC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,sDAAsD,CAAC;AAC9F,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAU9C;;GAEG;AACH,MAAM,SAAU,SAAQ,mBAAmB;IAWhC,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAClB,IAAI,CAAC,UAAU,GAAG,mBAAmB,CAAC,SAAS,CAAC;SACnD;IACL,CAAC;CACJ;AARG;IADC,IAAI;6CACmC;AAU5C,MAAM,eAAe,GAAG,SAAS,CAAC,OAAO,CAAmB;IACxD,QAAQ,EAAE,YAAY;IACtB,SAAS,EAAE,mBAAmB;IAC9B,0GAA0G;IAC1G,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;IACD,GAAG,EAAE,sBAAsB,CAAC,IAAI;CACnC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
2
|
import { display } from '@microsoft/fast-foundation';
|
|
3
|
-
import { borderColorRgbPartial, borderColorHover, borderWidth, contentFontColor, contentFontColorDisabled, contentFontSize, controlHeight, failColor, fillColorSelectedRgbPartial, fontFamily, iconSize, labelFontColor, labelFontFamily, labelFontSize, labelFontWeight, labelHeight, labelTextTransform, smallDelay } from '../theme-provider/design-tokens';
|
|
3
|
+
import { borderColorRgbPartial, borderColorHover, borderWidth, contentFontColor, contentFontColorDisabled, contentFontSize, controlHeight, failColor, fillColorSelectedRgbPartial, fontFamily, iconSize, labelFontColor, labelFontColorDisabled, labelFontFamily, labelFontSize, labelFontWeight, labelHeight, labelTextTransform, smallDelay, standardPadding } from '../theme-provider/design-tokens';
|
|
4
|
+
import { appearanceBehavior } from '../utilities/style/appearance';
|
|
5
|
+
import { TextFieldAppearance } from './types';
|
|
4
6
|
import { Theme } from '../theme-provider/types';
|
|
5
7
|
import { themeBehavior } from '../utilities/style/theme';
|
|
6
8
|
export const styles = css `
|
|
@@ -26,41 +28,49 @@ export const styles = css `
|
|
|
26
28
|
flex-direction: row;
|
|
27
29
|
border-radius: 0px;
|
|
28
30
|
font-family: ${fontFamily};
|
|
29
|
-
border-bottom: ${borderWidth} solid rgba(${borderColorRgbPartial}, 0.3);
|
|
30
|
-
padding-bottom: 1px;
|
|
31
31
|
transition: border-bottom ${smallDelay}, padding-bottom ${smallDelay};
|
|
32
32
|
align-items: flex-end;
|
|
33
|
+
--ni-private-hover-bottom-border-width: 2px;
|
|
34
|
+
border: 0px solid rgba(${borderColorRgbPartial}, 0.3);
|
|
35
|
+
border-bottom-width: var(--ni-private-bottom-border-width);
|
|
36
|
+
padding-bottom: calc(
|
|
37
|
+
var(--ni-private-hover-bottom-border-width) -
|
|
38
|
+
var(--ni-private-bottom-border-width)
|
|
39
|
+
);
|
|
33
40
|
}
|
|
34
41
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
42
|
+
:host .root:hover {
|
|
43
|
+
--ni-private-bottom-border-width: var(
|
|
44
|
+
--ni-private-hover-bottom-border-width
|
|
45
|
+
);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
:host([disabled]) .root:hover {
|
|
49
|
+
--ni-private-bottom-border-width: 1px;
|
|
39
50
|
}
|
|
40
51
|
|
|
52
|
+
.root:focus-within,
|
|
41
53
|
.root:hover {
|
|
42
|
-
border-bottom:
|
|
43
|
-
padding-bottom: 0px;
|
|
54
|
+
border-bottom-color: ${borderColorHover};
|
|
44
55
|
}
|
|
45
56
|
|
|
46
57
|
:host(.invalid) .root {
|
|
47
|
-
border-bottom: ${
|
|
58
|
+
border-bottom-color: ${failColor};
|
|
48
59
|
}
|
|
49
60
|
|
|
50
|
-
:host(
|
|
51
|
-
border-
|
|
52
|
-
padding-bottom: 0px;
|
|
61
|
+
:host([disabled]) .root {
|
|
62
|
+
border-color: rgba(${borderColorRgbPartial}, 0.1);
|
|
53
63
|
}
|
|
54
64
|
|
|
55
|
-
:host([
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
padding-bottom: 1px;
|
|
65
|
+
:host([readonly]) .root {
|
|
66
|
+
border: none;
|
|
67
|
+
padding: ${borderWidth};
|
|
59
68
|
}
|
|
60
69
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
70
|
+
@media (prefers-reduced-motion) {
|
|
71
|
+
.root {
|
|
72
|
+
transition-duration: 0s;
|
|
73
|
+
}
|
|
64
74
|
}
|
|
65
75
|
|
|
66
76
|
.control {
|
|
@@ -68,10 +78,17 @@ export const styles = css `
|
|
|
68
78
|
font: inherit;
|
|
69
79
|
background: transparent;
|
|
70
80
|
color: inherit;
|
|
71
|
-
|
|
81
|
+
padding-top: 0px;
|
|
82
|
+
padding-bottom: 0px;
|
|
83
|
+
height: calc(
|
|
84
|
+
${controlHeight} - ${borderWidth} -
|
|
85
|
+
var(--ni-private-hover-bottom-border-width)
|
|
86
|
+
);
|
|
72
87
|
width: 100%;
|
|
73
88
|
margin-top: auto;
|
|
74
89
|
margin-bottom: auto;
|
|
90
|
+
padding-left: calc(${standardPadding} / 2);
|
|
91
|
+
padding-right: calc(${standardPadding} / 2);
|
|
75
92
|
border: none;
|
|
76
93
|
}
|
|
77
94
|
|
|
@@ -113,6 +130,10 @@ export const styles = css `
|
|
|
113
130
|
text-transform: ${labelTextTransform};
|
|
114
131
|
}
|
|
115
132
|
|
|
133
|
+
:host([disabled]) .label {
|
|
134
|
+
color: ${labelFontColorDisabled};
|
|
135
|
+
}
|
|
136
|
+
|
|
116
137
|
:host [part='end'] {
|
|
117
138
|
display: none;
|
|
118
139
|
}
|
|
@@ -136,7 +157,39 @@ export const styles = css `
|
|
|
136
157
|
:host([disabled]) [part='end'] path {
|
|
137
158
|
fill: ${contentFontColorDisabled};
|
|
138
159
|
}
|
|
139
|
-
`.withBehaviors(
|
|
160
|
+
`.withBehaviors(appearanceBehavior(TextFieldAppearance.Underline, css `
|
|
161
|
+
.root {
|
|
162
|
+
--ni-private-bottom-border-width: 1px;
|
|
163
|
+
padding-top: ${borderWidth};
|
|
164
|
+
padding-left: ${borderWidth};
|
|
165
|
+
padding-right: ${borderWidth};
|
|
166
|
+
}
|
|
167
|
+
`), appearanceBehavior(TextFieldAppearance.Block, css `
|
|
168
|
+
.root {
|
|
169
|
+
background-color: rgba(${borderColorRgbPartial}, 0.05);
|
|
170
|
+
--ni-private-bottom-border-width: 0px;
|
|
171
|
+
padding-top: ${borderWidth};
|
|
172
|
+
padding-left: ${borderWidth};
|
|
173
|
+
padding-right: ${borderWidth};
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
.root:focus-within,
|
|
177
|
+
:host(.invalid) .root,
|
|
178
|
+
:host([disabled]) .root {
|
|
179
|
+
--ni-private-bottom-border-width: 1px;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
:host([disabled]) .root,
|
|
183
|
+
:host([readonly]) .root {
|
|
184
|
+
background-color: transparent;
|
|
185
|
+
}
|
|
186
|
+
`), appearanceBehavior(TextFieldAppearance.Outline, css `
|
|
187
|
+
.root {
|
|
188
|
+
--ni-private-bottom-border-width: 1px;
|
|
189
|
+
border-width: ${borderWidth};
|
|
190
|
+
border-bottom-width: var(--ni-private-bottom-border-width);
|
|
191
|
+
}
|
|
192
|
+
`), themeBehavior(css `
|
|
140
193
|
${'' /* Light theme */}
|
|
141
194
|
.control::-ms-reveal {
|
|
142
195
|
filter: invert(0%);
|
|
@@ -148,7 +201,5 @@ export const styles = css `
|
|
|
148
201
|
}
|
|
149
202
|
`,
|
|
150
203
|
// Color theme
|
|
151
|
-
Theme.Dark
|
|
152
|
-
// LegacyBlue theme
|
|
153
|
-
Theme.Light));
|
|
204
|
+
Theme.Dark));
|
|
154
205
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/text-field/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EACH,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,SAAS,EACT,2BAA2B,EAC3B,UAAU,EACV,QAAQ,EACR,cAAc,EACd,eAAe,EACf,aAAa,EACb,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,UAAU,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/text-field/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EACH,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,SAAS,EACT,2BAA2B,EAC3B,UAAU,EACV,QAAQ,EACR,cAAc,EACd,sBAAsB,EACtB,eAAe,EACf,aAAa,EACb,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,eAAe,EAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9C,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,cAAc,CAAC;;;uBAGN,UAAU;qBACZ,eAAe;;;iBAGnB,gBAAgB;uBACV,WAAW,MAAM,aAAa;;;;iBAIpC,wBAAwB;;;;;;;;;uBASlB,UAAU;oCACG,UAAU,oBAAoB,UAAU;;;iCAG3C,qBAAqB;;;;;;;;;;;;;;;;;;;;+BAoBvB,gBAAgB;;;;+BAIhB,SAAS;;;;6BAIX,qBAAqB;;;;;mBAK/B,WAAW;;;;;;;;;;;;;;;;;cAiBhB,aAAa,MAAM,WAAW;;;;;;6BAMf,eAAe;8BACd,eAAe;;;;;;;;;;;;iBAY5B,cAAc;2BACJ,2BAA2B;;;;iBAIrC,cAAc;;;;;;;;;;;;iBAYd,wBAAwB;;;;;iBAKxB,cAAc;uBACR,eAAe;qBACjB,aAAa;uBACX,eAAe;uBACf,WAAW;0BACR,kBAAkB;;;;iBAI3B,sBAAsB;;;;;;;;;;;;;;;kBAerB,QAAQ;iBACT,QAAQ;;;;gBAIT,SAAS;;;;gBAIT,wBAAwB;;CAEvC,CAAC,aAAa,CACP,kBAAkB,CACd,mBAAmB,CAAC,SAAS,EAC7B,GAAG,CAAA;;;+BAGgB,WAAW;gCACV,WAAW;iCACV,WAAW;;SAEnC,CACA,EACD,kBAAkB,CACd,mBAAmB,CAAC,KAAK,EACzB,GAAG,CAAA;;yCAE0B,qBAAqB;;+BAE/B,WAAW;gCACV,WAAW;iCACV,WAAW;;;;;;;;;;;;;SAanC,CACA,EACD,kBAAkB,CACd,mBAAmB,CAAC,OAAO,EAC3B,GAAG,CAAA;;;gCAGiB,WAAW;;;SAGlC,CACA,EACD,aAAa,CACT,GAAG,CAAA;cACD,EAAE,CAAC,iBAAiB;;;;SAIzB,EACG,GAAG,CAAA;cACD,EAAE,CAAC,gBAAgB;;;;SAIxB;AACG,cAAc;AACd,KAAK,CAAC,IAAI,CACb,CACJ,CAAC"}
|
|
@@ -1,3 +1,21 @@
|
|
|
1
1
|
import { TextFieldType } from '@microsoft/fast-foundation';
|
|
2
|
-
|
|
2
|
+
/**
|
|
3
|
+
* Values for the 'type' attribute of the text field.
|
|
4
|
+
*/
|
|
3
5
|
export declare type TextFieldTypeAttribute = `${TextFieldType}`;
|
|
6
|
+
/**
|
|
7
|
+
* Values for the 'type' property of the text field.
|
|
8
|
+
*/
|
|
9
|
+
export { TextFieldType };
|
|
10
|
+
/**
|
|
11
|
+
* Values for the 'appearance' attribute of the text field.
|
|
12
|
+
*/
|
|
13
|
+
export declare type TextFieldAppearanceAttribute = `${TextFieldAppearance}`;
|
|
14
|
+
/**
|
|
15
|
+
* Values for the 'appearance' property of the text field
|
|
16
|
+
*/
|
|
17
|
+
export declare enum TextFieldAppearance {
|
|
18
|
+
Underline = "underline",
|
|
19
|
+
Outline = "outline",
|
|
20
|
+
Block = "block"
|
|
21
|
+
}
|
|
@@ -1,3 +1,15 @@
|
|
|
1
1
|
import { TextFieldType } from '@microsoft/fast-foundation';
|
|
2
|
+
/**
|
|
3
|
+
* Values for the 'type' property of the text field.
|
|
4
|
+
*/
|
|
2
5
|
export { TextFieldType };
|
|
6
|
+
/**
|
|
7
|
+
* Values for the 'appearance' property of the text field
|
|
8
|
+
*/
|
|
9
|
+
export var TextFieldAppearance;
|
|
10
|
+
(function (TextFieldAppearance) {
|
|
11
|
+
TextFieldAppearance["Underline"] = "underline";
|
|
12
|
+
TextFieldAppearance["Outline"] = "outline";
|
|
13
|
+
TextFieldAppearance["Block"] = "block";
|
|
14
|
+
})(TextFieldAppearance || (TextFieldAppearance = {}));
|
|
3
15
|
//# sourceMappingURL=types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/text-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/text-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAO3D;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,CAAC;AAOzB;;GAEG;AACH,MAAM,CAAN,IAAY,mBAIX;AAJD,WAAY,mBAAmB;IAC3B,8CAAuB,CAAA;IACvB,0CAAmB,CAAA;IACnB,sCAAe,CAAA;AACnB,CAAC,EAJW,mBAAmB,KAAnB,mBAAmB,QAI9B"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { DesignToken } from '@microsoft/fast-foundation';
|
|
2
2
|
import hexRgb from 'hex-rgb';
|
|
3
|
-
import { Black91,
|
|
3
|
+
import { Black91, Black85, Black15, Black75, White, Enterprise, Selection100, Fail100LightUi, SmallDelay, MediumDelay, Fail100DarkUi, BodyFamily, BodySize, ControlLabel1Family, ControlLabel1Size, ControlLabel1Weight, Warning100LightUi, Warning100DarkUi, Pass100LightUi, Pass100DarkUi, Title2Size, Title2Family, GroupLabel1Family, GroupLabel1Size, GroupLabel1Weight } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
|
|
4
4
|
import { Theme } from './types';
|
|
5
5
|
import { tokenNames, styleNameFromTokenName } from './design-token-names';
|
|
6
6
|
import { theme } from '.';
|
|
7
7
|
// Color Tokens
|
|
8
|
-
export const actionColorRgbPartial = DesignToken.create(styleNameFromTokenName(tokenNames.actionColorRgbPartial)).withDefault((element) => hexToRgbPartial(getColorForTheme(element, Black91, Black15, White
|
|
9
|
-
export const applicationBackgroundColor = DesignToken.create(styleNameFromTokenName(tokenNames.applicationBackgroundColor)).withDefault((element) => getColorForTheme(element, White, Black85, Enterprise
|
|
8
|
+
export const actionColorRgbPartial = DesignToken.create(styleNameFromTokenName(tokenNames.actionColorRgbPartial)).withDefault((element) => hexToRgbPartial(getColorForTheme(element, Black91, Black15, White)));
|
|
9
|
+
export const applicationBackgroundColor = DesignToken.create(styleNameFromTokenName(tokenNames.applicationBackgroundColor)).withDefault((element) => getColorForTheme(element, White, Black85, Enterprise));
|
|
10
10
|
export const fillColorSelected = DesignToken.create(styleNameFromTokenName(tokenNames.fillColorSelected)).withDefault((element) => hexToRgbaCssColor(getFillColorSelectedForTheme(element), 0.3));
|
|
11
11
|
export const fillColorSelectedRgbPartial = DesignToken.create(styleNameFromTokenName(tokenNames.fillColorSelectedRgbPartial)).withDefault((element) => hexToRgbPartial(getFillColorSelectedForTheme(element)));
|
|
12
12
|
export const fillColorSelectedHover = DesignToken.create(styleNameFromTokenName(tokenNames.fillColorSelectedHover)).withDefault((element) => hexToRgbaCssColor(getFillColorSelectedForTheme(element), 0.15));
|
|
@@ -16,11 +16,11 @@ export const borderColorRgbPartial = DesignToken.create(styleNameFromTokenName(t
|
|
|
16
16
|
export const failColor = DesignToken.create(styleNameFromTokenName(tokenNames.failColor)).withDefault((element) => getFailColorForTheme(element));
|
|
17
17
|
export const warningColor = DesignToken.create(styleNameFromTokenName(tokenNames.warningColor)).withDefault((element) => getWarningColorForTheme(element));
|
|
18
18
|
export const passColor = DesignToken.create(styleNameFromTokenName(tokenNames.passColor)).withDefault((element) => getPassColorForTheme(element));
|
|
19
|
-
export const borderColorHover = DesignToken.create(styleNameFromTokenName(tokenNames.borderColorHover)).withDefault((element) => getColorForTheme(element, Selection100, Selection100, White
|
|
19
|
+
export const borderColorHover = DesignToken.create(styleNameFromTokenName(tokenNames.borderColorHover)).withDefault((element) => getColorForTheme(element, Selection100, Selection100, White));
|
|
20
20
|
// Component Color Tokens
|
|
21
|
-
export const iconColor = DesignToken.create(styleNameFromTokenName(tokenNames.iconColor)).withDefault((element) => getColorForTheme(element, Black91, Black15, White
|
|
22
|
-
export const popupBoxShadowColor = DesignToken.create(styleNameFromTokenName(tokenNames.popupBoxShadowColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black75, Black85, Black85
|
|
23
|
-
export const popupBorderColor = DesignToken.create(styleNameFromTokenName(tokenNames.popupBorderColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White
|
|
21
|
+
export const iconColor = DesignToken.create(styleNameFromTokenName(tokenNames.iconColor)).withDefault((element) => getColorForTheme(element, Black91, Black15, White));
|
|
22
|
+
export const popupBoxShadowColor = DesignToken.create(styleNameFromTokenName(tokenNames.popupBoxShadowColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black75, Black85, Black85), 0.3));
|
|
23
|
+
export const popupBorderColor = DesignToken.create(styleNameFromTokenName(tokenNames.popupBorderColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.3));
|
|
24
24
|
// Component Sizing Tokens
|
|
25
25
|
export const controlHeight = DesignToken.create(styleNameFromTokenName(tokenNames.controlHeight)).withDefault('32px');
|
|
26
26
|
export const standardPadding = DesignToken.create(styleNameFromTokenName(tokenNames.standardPadding)).withDefault('16px');
|
|
@@ -29,12 +29,12 @@ export const borderWidth = DesignToken.create(styleNameFromTokenName(tokenNames.
|
|
|
29
29
|
export const iconSize = DesignToken.create(styleNameFromTokenName(tokenNames.iconSize)).withDefault('16px');
|
|
30
30
|
export const drawerWidth = DesignToken.create(styleNameFromTokenName(tokenNames.drawerWidth)).withDefault('784px');
|
|
31
31
|
// Font Family Tokens
|
|
32
|
-
export const fontFamily = DesignToken.create(styleNameFromTokenName(tokenNames.fontFamily)).withDefault(
|
|
33
|
-
export const labelFontFamily = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontFamily)).withDefault(
|
|
34
|
-
export const groupLabelFontFamily = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelFontFamily)).withDefault(
|
|
32
|
+
export const fontFamily = DesignToken.create(styleNameFromTokenName(tokenNames.fontFamily)).withDefault(BodyFamily);
|
|
33
|
+
export const labelFontFamily = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontFamily)).withDefault(`${ControlLabel1Family}, ${BodyFamily}`);
|
|
34
|
+
export const groupLabelFontFamily = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelFontFamily)).withDefault(`${GroupLabel1Family}, ${BodyFamily}`);
|
|
35
35
|
export const drawerHeaderFontFamily = DesignToken.create(styleNameFromTokenName(tokenNames.drawerHeaderFontFamily)).withDefault(Title2Family);
|
|
36
36
|
// Font Sizing Tokens
|
|
37
|
-
export const labelFontSize = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontSize)).withDefault(
|
|
37
|
+
export const labelFontSize = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontSize)).withDefault(ControlLabel1Size);
|
|
38
38
|
export const contentFontSize = DesignToken.create(styleNameFromTokenName(tokenNames.contentFontSize)).withDefault(BodySize);
|
|
39
39
|
export const groupLabelFontSize = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelFontSize)).withDefault(GroupLabel1Size);
|
|
40
40
|
export const drawerHeaderFontSize = DesignToken.create(styleNameFromTokenName(tokenNames.drawerHeaderFontSize)).withDefault(Title2Size);
|
|
@@ -44,12 +44,12 @@ export const labelFontWeight = DesignToken.create(styleNameFromTokenName(tokenNa
|
|
|
44
44
|
// Font Color Tokens
|
|
45
45
|
export const labelFontColor = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontColor)).withDefault((element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6));
|
|
46
46
|
export const groupLabelFontColor = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelFontColor)).withDefault((element) => getDefaultFontColorForTheme(element));
|
|
47
|
-
export const contentFontColor = DesignToken.create(styleNameFromTokenName(tokenNames.contentFontColor)).withDefault((element) => getColorForTheme(element, Black91, Black15, White
|
|
48
|
-
export const buttonContentFontColor = DesignToken.create(styleNameFromTokenName(tokenNames.buttonContentFontColor)).withDefault((element) => getColorForTheme(element, Black91, Black15, White
|
|
47
|
+
export const contentFontColor = DesignToken.create(styleNameFromTokenName(tokenNames.contentFontColor)).withDefault((element) => getColorForTheme(element, Black91, Black15, White));
|
|
48
|
+
export const buttonContentFontColor = DesignToken.create(styleNameFromTokenName(tokenNames.buttonContentFontColor)).withDefault((element) => getColorForTheme(element, Black91, Black15, White));
|
|
49
49
|
export const labelFontColorDisabled = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontColorDisabled)).withDefault((element) => hexToRgbaCssColor(getDefaultLineColorForTheme(element), 0.3));
|
|
50
|
-
export const labelTextTransform = DesignToken.create(styleNameFromTokenName(tokenNames.labelTextTransform)).withDefault(
|
|
51
|
-
export const groupLabelTextTransform = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelTextTransform)).withDefault(
|
|
52
|
-
export const contentFontColorDisabled = DesignToken.create(styleNameFromTokenName(tokenNames.contentFontColorDisabled)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White
|
|
50
|
+
export const labelTextTransform = DesignToken.create(styleNameFromTokenName(tokenNames.labelTextTransform)).withDefault('none');
|
|
51
|
+
export const groupLabelTextTransform = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelTextTransform)).withDefault('uppercase');
|
|
52
|
+
export const contentFontColorDisabled = DesignToken.create(styleNameFromTokenName(tokenNames.contentFontColorDisabled)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.3));
|
|
53
53
|
// Animation Tokens
|
|
54
54
|
export const smallDelay = DesignToken.create(styleNameFromTokenName(tokenNames.smallDelay)).withDefault(SmallDelay);
|
|
55
55
|
export const mediumDelay = DesignToken.create(styleNameFromTokenName(tokenNames.mediumDelay)).withDefault(MediumDelay);
|
|
@@ -63,7 +63,7 @@ function hexToRgbaCssColor(hexValue, alpha) {
|
|
|
63
63
|
const { red, green, blue } = hexRgb(hexValue);
|
|
64
64
|
return `rgba(${red}, ${green}, ${blue}, ${alpha})`;
|
|
65
65
|
}
|
|
66
|
-
function getColorForTheme(element, lightThemeColor, darkThemeColor, colorThemeColor
|
|
66
|
+
function getColorForTheme(element, lightThemeColor, darkThemeColor, colorThemeColor) {
|
|
67
67
|
switch (theme.getValueFor(element)) {
|
|
68
68
|
case Theme.Light:
|
|
69
69
|
return lightThemeColor;
|
|
@@ -71,79 +71,29 @@ function getColorForTheme(element, lightThemeColor, darkThemeColor, colorThemeCo
|
|
|
71
71
|
return darkThemeColor;
|
|
72
72
|
case Theme.Color:
|
|
73
73
|
return colorThemeColor;
|
|
74
|
-
case Theme.LegacyBlue:
|
|
75
|
-
return legacyBlueThemeColor;
|
|
76
74
|
default:
|
|
77
75
|
return lightThemeColor;
|
|
78
76
|
}
|
|
79
77
|
}
|
|
80
78
|
function getWarningColorForTheme(element) {
|
|
81
|
-
return getColorForTheme(element, Warning100LightUi, Warning100DarkUi, Warning100DarkUi
|
|
79
|
+
return getColorForTheme(element, Warning100LightUi, Warning100DarkUi, Warning100DarkUi);
|
|
82
80
|
}
|
|
83
81
|
function getFailColorForTheme(element) {
|
|
84
|
-
return getColorForTheme(element, Fail100LightUi, Fail100DarkUi, Fail100DarkUi
|
|
82
|
+
return getColorForTheme(element, Fail100LightUi, Fail100DarkUi, Fail100DarkUi);
|
|
85
83
|
}
|
|
86
84
|
function getPassColorForTheme(element) {
|
|
87
|
-
return getColorForTheme(element, Pass100LightUi, Pass100DarkUi, Pass100DarkUi
|
|
85
|
+
return getColorForTheme(element, Pass100LightUi, Pass100DarkUi, Pass100DarkUi);
|
|
88
86
|
}
|
|
89
87
|
function getDefaultLineColorForTheme(element) {
|
|
90
|
-
return getColorForTheme(element, Black91, Black15, White
|
|
88
|
+
return getColorForTheme(element, Black91, Black15, White);
|
|
91
89
|
}
|
|
92
90
|
function getDefaultFontColorForTheme(element) {
|
|
93
|
-
return getColorForTheme(element, Black91, Black15, White
|
|
91
|
+
return getColorForTheme(element, Black91, Black15, White);
|
|
94
92
|
}
|
|
95
93
|
function getFillColorSelectedForTheme(element) {
|
|
96
|
-
return getColorForTheme(element, Selection100, Selection100, White
|
|
94
|
+
return getColorForTheme(element, Selection100, Selection100, White);
|
|
97
95
|
}
|
|
98
96
|
function getFillColorHoverForTheme(element) {
|
|
99
|
-
return getColorForTheme(element, Black91, Black15, White
|
|
100
|
-
}
|
|
101
|
-
function getFontForTheme(element) {
|
|
102
|
-
switch (theme.getValueFor(element)) {
|
|
103
|
-
case Theme.LegacyBlue:
|
|
104
|
-
return `${LegacyContentFamily}`;
|
|
105
|
-
default:
|
|
106
|
-
return `${BodyFamily}`;
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
function getLabelFontForTheme(element) {
|
|
110
|
-
switch (theme.getValueFor(element)) {
|
|
111
|
-
case Theme.LegacyBlue:
|
|
112
|
-
return `${LegacyContentFamily}`;
|
|
113
|
-
default:
|
|
114
|
-
return `${ControlLabel1Family}, ${BodyFamily}`;
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
function getGroupLabelFontForTheme(element) {
|
|
118
|
-
switch (theme.getValueFor(element)) {
|
|
119
|
-
case Theme.LegacyBlue:
|
|
120
|
-
return `${LegacyContentFamily}`;
|
|
121
|
-
default:
|
|
122
|
-
return `${GroupLabel1Family}, ${BodyFamily}`;
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
function getGroupLabelTextTransformForTheme(element) {
|
|
126
|
-
switch (theme.getValueFor(element)) {
|
|
127
|
-
case Theme.LegacyBlue:
|
|
128
|
-
return 'none';
|
|
129
|
-
default:
|
|
130
|
-
return 'uppercase';
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
function getLabelTextTransformForTheme(element) {
|
|
134
|
-
switch (theme.getValueFor(element)) {
|
|
135
|
-
case Theme.LegacyBlue:
|
|
136
|
-
return 'none';
|
|
137
|
-
default:
|
|
138
|
-
return 'none';
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
function getLabelTextSizeForTheme(element) {
|
|
142
|
-
switch (theme.getValueFor(element)) {
|
|
143
|
-
case Theme.LegacyBlue:
|
|
144
|
-
return '13px';
|
|
145
|
-
default:
|
|
146
|
-
return ControlLabel1Size;
|
|
147
|
-
}
|
|
97
|
+
return getColorForTheme(element, Black91, Black15, White);
|
|
148
98
|
}
|
|
149
99
|
//# sourceMappingURL=design-tokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-tokens.js","sourceRoot":"","sources":["../../../src/theme-provider/design-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,MAAM,MAAM,SAAS,CAAC;AAC7B,OAAO,EACH,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,KAAK,EACL,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,UAAU,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,QAAQ,EACR,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACtB,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AAE1B,eAAe;AACf,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,CACnD,sBAAsB,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAC3D,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,eAAe,CACnD,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,CAAC,CACnE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,0BAA0B,GAAG,WAAW,CAAC,MAAM,CACxD,sBAAsB,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAChE,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;AAEtG,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAC/C,sBAAsB,CAAC,UAAU,CAAC,iBAAiB,CAAC,CACvD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,4BAA4B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AAEvG,MAAM,CAAC,MAAM,2BAA2B,GAAG,WAAW,CAAC,MAAM,CACzD,sBAAsB,CAAC,UAAU,CAAC,2BAA2B,CAAC,CACjE,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,eAAe,CAAC,4BAA4B,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAEhG,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC,MAAM,CACpD,sBAAsB,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAC5D,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,4BAA4B,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;AAExG,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAC,MAAM,CAC5C,sBAAsB,CAAC,UAAU,CAAC,cAAc,CAAC,CACpD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,yBAAyB,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AAEpG,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,CACzC,sBAAsB,CAAC,UAAU,CAAC,WAAW,CAAC,CACjD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,2BAA2B,CAAC,OAAO,CAAC,CAAC,CAAC;AAE9E,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,CACnD,sBAAsB,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAC3D,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,eAAe,CAAC,2BAA2B,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAE/F,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CACvC,sBAAsB,CAAC,UAAU,CAAC,SAAS,CAAC,CAC/C,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC;AAEvE,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CAC1C,sBAAsB,CAAC,UAAU,CAAC,YAAY,CAAC,CAClD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAC;AAE1E,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CACvC,sBAAsB,CAAC,UAAU,CAAC,SAAS,CAAC,CAC/C,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC;AAEvE,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAM,CAC9C,sBAAsB,CAAC,UAAU,CAAC,gBAAgB,CAAC,CACtD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CACpD,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,KAAK,EACL,iBAAiB,CAAC,YAAY,EAAE,GAAG,CAAC,CACvC,CAAC,CAAC;AAEH,yBAAyB;AACzB,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CACvC,sBAAsB,CAAC,UAAU,CAAC,SAAS,CAAC,CAC/C,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;AAErG,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CACjD,sBAAsB,CAAC,UAAU,CAAC,mBAAmB,CAAC,CACzD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CACrD,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,EAC7D,GAAG,CACN,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAM,CAC9C,sBAAsB,CAAC,UAAU,CAAC,gBAAgB,CAAC,CACtD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CACrD,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,EAC3D,GAAG,CACN,CAAC,CAAC;AAEH,0BAA0B;AAC1B,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC,MAAM,CAC3C,sBAAsB,CAAC,UAAU,CAAC,aAAa,CAAC,CACnD,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AACtB,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAC7C,sBAAsB,CAAC,UAAU,CAAC,eAAe,CAAC,CACrD,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AACtB,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,CACzC,sBAAsB,CAAC,UAAU,CAAC,WAAW,CAAC,CACjD,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AACtB,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,CACzC,sBAAsB,CAAC,UAAU,CAAC,WAAW,CAAC,CACjD,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACrB,MAAM,CAAC,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,CACtC,sBAAsB,CAAC,UAAU,CAAC,QAAQ,CAAC,CAC9C,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AACtB,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,CACzC,sBAAsB,CAAC,UAAU,CAAC,WAAW,CAAC,CACjD,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AAEvB,qBAAqB;AACrB,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CACxC,sBAAsB,CAAC,UAAU,CAAC,UAAU,CAAC,CAChD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;AAClE,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAC7C,sBAAsB,CAAC,UAAU,CAAC,eAAe,CAAC,CACrD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC;AACvE,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,CAAC,MAAM,CAClD,sBAAsB,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAC1D,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC,CAAC;AAC5E,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC,MAAM,CACpD,sBAAsB,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAC5D,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;AAE5B,qBAAqB;AACrB,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC,MAAM,CAC3C,sBAAsB,CAAC,UAAU,CAAC,aAAa,CAAC,CACnD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAC7C,sBAAsB,CAAC,UAAU,CAAC,eAAe,CAAC,CACrD,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;AACxB,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,CAChD,sBAAsB,CAAC,UAAU,CAAC,kBAAkB,CAAC,CACxD,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;AAC/B,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,CAAC,MAAM,CAClD,sBAAsB,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAC1D,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;AAE1B,qBAAqB;AACrB,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,CAAC,MAAM,CAClD,sBAAsB,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAC1D,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;AAEjC,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAC7C,sBAAsB,CAAC,UAAU,CAAC,eAAe,CAAC,CACrD,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;AAEnC,oBAAoB;AACpB,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAC,MAAM,CAC5C,sBAAsB,CAAC,UAAU,CAAC,cAAc,CAAC,CACpD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AAEtG,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CACjD,sBAAsB,CAAC,UAAU,CAAC,mBAAmB,CAAC,CACzD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,2BAA2B,CAAC,OAAO,CAAC,CAAC,CAAC;AAE9E,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAM,CAC9C,sBAAsB,CAAC,UAAU,CAAC,gBAAgB,CAAC,CACtD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;AAErG,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC,MAAM,CACpD,sBAAsB,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAC5D,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;AAE1G,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC,MAAM,CACpD,sBAAsB,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAC5D,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AAEtG,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,CAChD,sBAAsB,CAAC,UAAU,CAAC,kBAAkB,CAAC,CACxD,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,6BAA6B,CAAC,OAAO,CAAC,CAAC,CAAC;AAEhF,MAAM,CAAC,MAAM,uBAAuB,GAAG,WAAW,CAAC,MAAM,CACrD,sBAAsB,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAC7D,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,kCAAkC,CAAC,OAAO,CAAC,CAAC,CAAC;AAErF,MAAM,CAAC,MAAM,wBAAwB,GAAG,WAAW,CAAC,MAAM,CACtD,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAC9D,CAAC,WAAW,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,iBAAiB,CACrD,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,EAC3D,GAAG,CACN,CAAC,CAAC;AAEH,mBAAmB;AACnB,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CACxC,sBAAsB,CAAC,UAAU,CAAC,UAAU,CAAC,CAChD,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;AAC1B,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,CACzC,sBAAsB,CAAC,UAAU,CAAC,WAAW,CAAC,CACjD,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;AAC3B,MAAM,CAAC,MAAM,yBAAyB,GAAG,WAAW,CAAC,MAAM,CACvD,sBAAsB,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAC/D,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAEnB,4BAA4B;AAC5B,SAAS,eAAe,CAAC,QAAgB;IACrC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC9C,OAAO,GAAG,GAAG,KAAK,KAAK,KAAK,IAAI,EAAE,CAAC;AACvC,CAAC;AAED,SAAS,iBAAiB,CAAC,QAAgB,EAAE,KAAa;IACtD,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC9C,OAAO,QAAQ,GAAG,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,GAAG,CAAC;AACvD,CAAC;AAED,SAAS,gBAAgB,CACrB,OAAoB,EACpB,eAAuB,EACvB,cAAsB,EACtB,eAAuB,EACvB,oBAA4B;IAE5B,QAAQ,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE;QAChC,KAAK,KAAK,CAAC,KAAK;YACZ,OAAO,eAAe,CAAC;QAC3B,KAAK,KAAK,CAAC,IAAI;YACX,OAAO,cAAc,CAAC;QAC1B,KAAK,KAAK,CAAC,KAAK;YACZ,OAAO,eAAe,CAAC;QAC3B,KAAK,KAAK,CAAC,UAAU;YACjB,OAAO,oBAAoB,CAAC;QAChC;YACI,OAAO,eAAe,CAAC;KAC9B;AACL,CAAC;AAED,SAAS,uBAAuB,CAAC,OAAoB;IACjD,OAAO,gBAAgB,CACnB,OAAO,EACP,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,CACpB,CAAC;AACN,CAAC;AAED,SAAS,oBAAoB,CAAC,OAAoB;IAC9C,OAAO,gBAAgB,CACnB,OAAO,EACP,cAAc,EACd,aAAa,EACb,aAAa,EACb,cAAc,CACjB,CAAC;AACN,CAAC;AAED,SAAS,oBAAoB,CAAC,OAAoB;IAC9C,OAAO,gBAAgB,CACnB,OAAO,EACP,cAAc,EACd,aAAa,EACb,aAAa,EACb,cAAc,CACjB,CAAC;AACN,CAAC;AAED,SAAS,2BAA2B,CAAC,OAAoB;IACrD,OAAO,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;AACvE,CAAC;AAED,SAAS,2BAA2B,CAAC,OAAoB;IACrD,OAAO,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;AACvE,CAAC;AAED,SAAS,4BAA4B,CAAC,OAAoB;IACtD,OAAO,gBAAgB,CACnB,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,KAAK,EACL,YAAY,CACf,CAAC;AACN,CAAC;AAED,SAAS,yBAAyB,CAAC,OAAoB;IACnD,OAAO,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;AAC5E,CAAC;AAED,SAAS,eAAe,CAAC,OAAoB;IACzC,QAAQ,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE;QAChC,KAAK,KAAK,CAAC,UAAU;YACjB,OAAO,GAAG,mBAAmB,EAAE,CAAC;QACpC;YACI,OAAO,GAAG,UAAU,EAAE,CAAC;KAC9B;AACL,CAAC;AAED,SAAS,oBAAoB,CAAC,OAAoB;IAC9C,QAAQ,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE;QAChC,KAAK,KAAK,CAAC,UAAU;YACjB,OAAO,GAAG,mBAAmB,EAAE,CAAC;QACpC;YACI,OAAO,GAAG,mBAAmB,KAAK,UAAU,EAAE,CAAC;KACtD;AACL,CAAC;AAED,SAAS,yBAAyB,CAAC,OAAoB;IACnD,QAAQ,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE;QAChC,KAAK,KAAK,CAAC,UAAU;YACjB,OAAO,GAAG,mBAAmB,EAAE,CAAC;QACpC;YACI,OAAO,GAAG,iBAAiB,KAAK,UAAU,EAAE,CAAC;KACpD;AACL,CAAC;AAED,SAAS,kCAAkC,CAAC,OAAoB;IAC5D,QAAQ,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE;QAChC,KAAK,KAAK,CAAC,UAAU;YACjB,OAAO,MAAM,CAAC;QAClB;YACI,OAAO,WAAW,CAAC;KAC1B;AACL,CAAC;AAED,SAAS,6BAA6B,CAAC,OAAoB;IACvD,QAAQ,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE;QAChC,KAAK,KAAK,CAAC,UAAU;YACjB,OAAO,MAAM,CAAC;QAClB;YACI,OAAO,MAAM,CAAC;KACrB;AACL,CAAC;AAED,SAAS,wBAAwB,CAAC,OAAoB;IAClD,QAAQ,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE;QAChC,KAAK,KAAK,CAAC,UAAU;YACjB,OAAO,MAAM,CAAC;QAClB;YACI,OAAO,iBAAiB,CAAC;KAChC;AACL,CAAC"}
|
|
1
|
+
{"version":3,"file":"design-tokens.js","sourceRoot":"","sources":["../../../src/theme-provider/design-tokens.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,5 @@ export var Theme;
|
|
|
3
3
|
Theme["Light"] = "light";
|
|
4
4
|
Theme["Dark"] = "dark";
|
|
5
5
|
Theme["Color"] = "color";
|
|
6
|
-
Theme["LegacyBlue"] = "legacy-blue"; // ⛔️ only for use within SystemLink apps that haven't been updated to brand-aligned controls
|
|
7
6
|
})(Theme || (Theme = {}));
|
|
8
7
|
//# sourceMappingURL=types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/theme-provider/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/theme-provider/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,KAIX;AAJD,WAAY,KAAK;IACb,wBAAe,CAAA;IACf,sBAAa,CAAA;IACb,wBAAe,CAAA;AACnB,CAAC,EAJW,KAAK,KAAL,KAAK,QAIhB"}
|
|
@@ -37,7 +37,10 @@ __decorate([
|
|
|
37
37
|
const nimbleToggleButton = ToggleButton.compose({
|
|
38
38
|
baseName: 'toggle-button',
|
|
39
39
|
template,
|
|
40
|
-
styles
|
|
40
|
+
styles,
|
|
41
|
+
shadowOptions: {
|
|
42
|
+
delegatesFocus: true
|
|
43
|
+
}
|
|
41
44
|
});
|
|
42
45
|
DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleToggleButton());
|
|
43
46
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/toggle-button/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACH,YAAY,EACZ,MAAM,IAAI,gBAAgB,EAE7B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAU5D;;GAEG;AACH,MAAM,YAAa,SAAQ,gBAAgB;IAA3C;;QAWI;;;;;;;;WAQG;QAEI,kBAAa,GAAG,KAAK,CAAC;IAUjC,CAAC;IANU,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAClB,IAAI,CAAC,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC;SAC9C;IACL,CAAC;CACJ;AAtBG;IADC,IAAI;gDACgC;AAYrC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;mDAC1B;AAYjC,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,CAAgB;IAC3D,QAAQ,EAAE,eAAe;IACzB,QAAQ;IACR,MAAM;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/toggle-button/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACH,YAAY,EACZ,MAAM,IAAI,gBAAgB,EAE7B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAU5D;;GAEG;AACH,MAAM,YAAa,SAAQ,gBAAgB;IAA3C;;QAWI;;;;;;;;WAQG;QAEI,kBAAa,GAAG,KAAK,CAAC;IAUjC,CAAC;IANU,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAClB,IAAI,CAAC,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC;SAC9C;IACL,CAAC;CACJ;AAtBG;IADC,IAAI;gDACgC;AAYrC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;mDAC1B;AAYjC,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,CAAgB;IAC3D,QAAQ,EAAE,eAAe;IACzB,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,kBAAkB,EAAE,CAAC,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import type { Behavior, ElementStyles } from '@microsoft/fast-element';
|
|
2
|
-
import type { ButtonAppearance } from '../../patterns/button/types';
|
|
3
2
|
/**
|
|
4
3
|
* Behavior that will conditionally apply a stylesheet based on the element's
|
|
5
4
|
* appearance property
|
|
@@ -9,4 +8,4 @@ import type { ButtonAppearance } from '../../patterns/button/types';
|
|
|
9
8
|
*
|
|
10
9
|
* @public
|
|
11
10
|
*/
|
|
12
|
-
export declare function appearanceBehavior(value:
|
|
11
|
+
export declare function appearanceBehavior<AppearanceType>(value: AppearanceType, styles: ElementStyles): Behavior;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appearance.js","sourceRoot":"","sources":["../../../../src/utilities/style/appearance.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"appearance.js","sourceRoot":"","sources":["../../../../src/utilities/style/appearance.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAGxE;;;;;;;;GAQG;AACH,MAAM,UAAU,kBAAkB,CAC9B,KAAqB,EACrB,MAAqB;IAErB,OAAO,IAAI,0BAA0B,CAAC,YAAY,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AACvE,CAAC"}
|
|
@@ -3,14 +3,13 @@ import type { Theme } from '../../theme-provider/types';
|
|
|
3
3
|
export declare type LightStyle = ElementStyles | null;
|
|
4
4
|
export declare type DarkStyleOrAlias = ElementStyles | null | Theme.Light;
|
|
5
5
|
export declare type ColorStyleOrAlias = ElementStyles | null | Theme.Light | Theme.Dark;
|
|
6
|
-
export declare type LegacyBlueStyleOrAlias = ElementStyles | null | Theme.Light | Theme.Dark | Theme.Color;
|
|
7
6
|
/**
|
|
8
7
|
* Behavior to conditionally apply theme-based stylesheets.
|
|
9
8
|
*/
|
|
10
9
|
declare class ThemeStyleSheetBehavior implements Behavior {
|
|
11
10
|
private readonly themeStyles;
|
|
12
11
|
private readonly cache;
|
|
13
|
-
constructor(lightStyle: LightStyle, darkStyleOrAlias: DarkStyleOrAlias, colorStyleOrAlias: ColorStyleOrAlias
|
|
12
|
+
constructor(lightStyle: LightStyle, darkStyleOrAlias: DarkStyleOrAlias, colorStyleOrAlias: ColorStyleOrAlias);
|
|
14
13
|
private static resolveTheme;
|
|
15
14
|
/**
|
|
16
15
|
* @internal
|
|
@@ -34,11 +33,10 @@ declare class ThemeStyleSheetBehavior implements Behavior {
|
|
|
34
33
|
* // ...
|
|
35
34
|
* `.withBehaviors(new ThemeStyleSheetBehavior(
|
|
36
35
|
* css`:host { ... Theme.Light style... }`),
|
|
37
|
-
*
|
|
38
|
-
*
|
|
39
|
-
* Theme.Light, // For the Theme.LegacyBlue style, re-use the previously set Theme.Light style
|
|
36
|
+
* null, // No style needed for Theme.Dark style
|
|
37
|
+
* Theme.Light // For the Theme.Color style, re-use the previously set Theme.Light style
|
|
40
38
|
* )
|
|
41
39
|
* ```
|
|
42
40
|
*/
|
|
43
|
-
export declare const themeBehavior: (lightStyle: LightStyle, darkStyleOrAlias: DarkStyleOrAlias, colorStyleOrAlias: ColorStyleOrAlias
|
|
41
|
+
export declare const themeBehavior: (lightStyle: LightStyle, darkStyleOrAlias: DarkStyleOrAlias, colorStyleOrAlias: ColorStyleOrAlias) => ThemeStyleSheetBehavior;
|
|
44
42
|
export {};
|
|
@@ -29,32 +29,23 @@ class ThemeStyleSheetBehaviorSubscription {
|
|
|
29
29
|
* Behavior to conditionally apply theme-based stylesheets.
|
|
30
30
|
*/
|
|
31
31
|
class ThemeStyleSheetBehavior {
|
|
32
|
-
constructor(lightStyle, darkStyleOrAlias, colorStyleOrAlias
|
|
32
|
+
constructor(lightStyle, darkStyleOrAlias, colorStyleOrAlias) {
|
|
33
33
|
this.cache = new WeakMap();
|
|
34
34
|
const light = lightStyle;
|
|
35
35
|
const dark = ThemeStyleSheetBehavior.resolveTheme(darkStyleOrAlias, {
|
|
36
36
|
light,
|
|
37
37
|
dark: null,
|
|
38
|
-
color: null
|
|
39
|
-
'legacy-blue': null
|
|
38
|
+
color: null
|
|
40
39
|
});
|
|
41
40
|
const color = ThemeStyleSheetBehavior.resolveTheme(colorStyleOrAlias, {
|
|
42
41
|
light,
|
|
43
42
|
dark,
|
|
44
|
-
color: null
|
|
45
|
-
'legacy-blue': null
|
|
46
|
-
});
|
|
47
|
-
const legacyBlue = ThemeStyleSheetBehavior.resolveTheme(legacyBlueStyleOrAlias, {
|
|
48
|
-
light,
|
|
49
|
-
dark,
|
|
50
|
-
color,
|
|
51
|
-
'legacy-blue': null
|
|
43
|
+
color: null
|
|
52
44
|
});
|
|
53
45
|
this.themeStyles = {
|
|
54
46
|
light,
|
|
55
47
|
dark,
|
|
56
|
-
color
|
|
57
|
-
'legacy-blue': legacyBlue
|
|
48
|
+
color
|
|
58
49
|
};
|
|
59
50
|
}
|
|
60
51
|
static resolveTheme(value, currentThemeStyles) {
|
|
@@ -106,11 +97,10 @@ class ThemeStyleSheetBehavior {
|
|
|
106
97
|
* // ...
|
|
107
98
|
* `.withBehaviors(new ThemeStyleSheetBehavior(
|
|
108
99
|
* css`:host { ... Theme.Light style... }`),
|
|
109
|
-
*
|
|
110
|
-
*
|
|
111
|
-
* Theme.Light, // For the Theme.LegacyBlue style, re-use the previously set Theme.Light style
|
|
100
|
+
* null, // No style needed for Theme.Dark style
|
|
101
|
+
* Theme.Light // For the Theme.Color style, re-use the previously set Theme.Light style
|
|
112
102
|
* )
|
|
113
103
|
* ```
|
|
114
104
|
*/
|
|
115
|
-
export const themeBehavior = (lightStyle, darkStyleOrAlias, colorStyleOrAlias
|
|
105
|
+
export const themeBehavior = (lightStyle, darkStyleOrAlias, colorStyleOrAlias) => new ThemeStyleSheetBehavior(lightStyle, darkStyleOrAlias, colorStyleOrAlias);
|
|
116
106
|
//# sourceMappingURL=theme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../src/utilities/style/theme.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAEH,aAAa,EAGhB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAI3D;;GAEG;AACH,MAAM,mCAAmC;IAGrC,YACqB,WAAwB,EACxB,MAAiC;QADjC,gBAAW,GAAX,WAAW,CAAa;QACxB,WAAM,GAAN,MAAM,CAA2B;QAJ9C,aAAQ,GAAyB,IAAI,CAAC;IAK3C,CAAC;IAEG,YAAY,CAAC,EAChB,MAAM,EACN,KAAK,EACoC;QACzC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,CAAC;IAEM,MAAM,CAAC,KAAqB;QAC/B,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE;YAC3C,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;gBACxB,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aAC3D;YACD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACxC,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;gBACxB,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aACxD;SACJ;IACL,CAAC;CACJ;
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../src/utilities/style/theme.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED