@ni/nimble-components 1.2.0 → 2.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/esm/nimble-components/src/text-area/index.d.ts +22 -0
- package/dist/esm/nimble-components/src/text-area/styles.d.ts +1 -0
- package/dist/esm/nimble-components/src/text-area/types.d.ts +8 -0
- package/dist/esm/nimble-components/src/theme-provider/types.d.ts +1 -2
- package/dist/esm/nimble-components/src/utilities/style/theme.d.ts +4 -6
- package/dist/esm/text-area/index.d.ts +22 -0
- package/dist/esm/text-area/index.js +31 -0
- package/dist/esm/text-area/index.js.map +1 -0
- package/dist/esm/text-area/styles.d.ts +1 -0
- package/dist/esm/text-area/styles.js +117 -0
- package/dist/esm/text-area/styles.js.map +1 -0
- package/dist/esm/text-area/types.d.ts +8 -0
- package/dist/esm/text-area/types.js +8 -0
- package/dist/esm/text-area/types.js.map +1 -0
- package/dist/esm/text-field/styles.js +65 -48
- package/dist/esm/text-field/styles.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/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
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { TextArea as FoundationTextArea } from '@microsoft/fast-foundation';
|
|
2
|
+
import { TextAreaAppearance } from './types';
|
|
3
|
+
export type { TextArea };
|
|
4
|
+
declare global {
|
|
5
|
+
interface HTMLElementTagNameMap {
|
|
6
|
+
'nimble-text-area': TextArea;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* A nimble-styed HTML text area
|
|
11
|
+
*/
|
|
12
|
+
declare class TextArea extends FoundationTextArea {
|
|
13
|
+
/**
|
|
14
|
+
* The appearance the text area should have.
|
|
15
|
+
*
|
|
16
|
+
* @public
|
|
17
|
+
* @remarks
|
|
18
|
+
* HTML Attribute: appearance
|
|
19
|
+
*/
|
|
20
|
+
appearance: TextAreaAppearance;
|
|
21
|
+
connectedCallback(): void;
|
|
22
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("@microsoft/fast-element").ElementStyles;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TextAreaResize } from '@microsoft/fast-foundation';
|
|
2
|
+
export { TextAreaResize };
|
|
3
|
+
export declare type TextAreaResizeAttribute = `${TextAreaResize}`;
|
|
4
|
+
export declare enum TextAreaAppearance {
|
|
5
|
+
Outline = "outline",
|
|
6
|
+
Block = "block"
|
|
7
|
+
}
|
|
8
|
+
export declare type TextAreaAppearanceAttribute = `${TextAreaAppearance}`;
|
|
@@ -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 {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { TextArea as FoundationTextArea } from '@microsoft/fast-foundation';
|
|
2
|
+
import { TextAreaAppearance } from './types';
|
|
3
|
+
export type { TextArea };
|
|
4
|
+
declare global {
|
|
5
|
+
interface HTMLElementTagNameMap {
|
|
6
|
+
'nimble-text-area': TextArea;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* A nimble-styed HTML text area
|
|
11
|
+
*/
|
|
12
|
+
declare class TextArea extends FoundationTextArea {
|
|
13
|
+
/**
|
|
14
|
+
* The appearance the text area should have.
|
|
15
|
+
*
|
|
16
|
+
* @public
|
|
17
|
+
* @remarks
|
|
18
|
+
* HTML Attribute: appearance
|
|
19
|
+
*/
|
|
20
|
+
appearance: TextAreaAppearance;
|
|
21
|
+
connectedCallback(): void;
|
|
22
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { attr } from '@microsoft/fast-element';
|
|
3
|
+
import { DesignSystem, TextArea as FoundationTextArea, textAreaTemplate as template } from '@microsoft/fast-foundation';
|
|
4
|
+
import { styles } from './styles';
|
|
5
|
+
import { TextAreaAppearance } from './types';
|
|
6
|
+
/**
|
|
7
|
+
* A nimble-styed HTML text area
|
|
8
|
+
*/
|
|
9
|
+
class TextArea extends FoundationTextArea {
|
|
10
|
+
connectedCallback() {
|
|
11
|
+
super.connectedCallback();
|
|
12
|
+
if (!this.appearance) {
|
|
13
|
+
this.appearance = TextAreaAppearance.Outline;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
__decorate([
|
|
18
|
+
attr
|
|
19
|
+
], TextArea.prototype, "appearance", void 0);
|
|
20
|
+
const nimbleTextArea = TextArea.compose({
|
|
21
|
+
baseName: 'text-area',
|
|
22
|
+
baseClass: FoundationTextArea,
|
|
23
|
+
// @ts-expect-error FAST templates have incorrect type, see: https://github.com/microsoft/fast/issues/5047
|
|
24
|
+
template,
|
|
25
|
+
styles,
|
|
26
|
+
shadowOptions: {
|
|
27
|
+
delegatesFocus: true
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTextArea());
|
|
31
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/text-area/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACH,YAAY,EACZ,QAAQ,IAAI,kBAAkB,EAC9B,gBAAgB,IAAI,QAAQ,EAC/B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAU7C;;GAEG;AACH,MAAM,QAAS,SAAQ,kBAAkB;IAW9B,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAClB,IAAI,CAAC,UAAU,GAAG,kBAAkB,CAAC,OAAO,CAAC;SAChD;IACL,CAAC;CACJ;AARG;IADC,IAAI;4CACkC;AAU3C,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAC;IACpC,QAAQ,EAAE,WAAW;IACrB,SAAS,EAAE,kBAAkB;IAC7B,0GAA0G;IAC1G,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,cAAc,EAAE,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("@microsoft/fast-element").ElementStyles;
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import { css } from '@microsoft/fast-element';
|
|
2
|
+
import { display } from '@microsoft/fast-foundation';
|
|
3
|
+
import { borderColorRgbPartial, borderColorHover, borderWidth, contentFontColor, contentFontColorDisabled, contentFontSize, fillColorSelectedRgbPartial, fontFamily, labelFontColor, labelFontColorDisabled, labelFontFamily, labelFontSize, labelFontWeight, labelHeight, labelTextTransform, smallDelay } from '../theme-provider/design-tokens';
|
|
4
|
+
import { appearanceBehavior } from '../utilities/style/appearance';
|
|
5
|
+
import { TextAreaAppearance } from './types';
|
|
6
|
+
export const styles = css `
|
|
7
|
+
${display('inline-block')}
|
|
8
|
+
|
|
9
|
+
:host {
|
|
10
|
+
font-family: ${fontFamily};
|
|
11
|
+
font-size: ${contentFontSize};
|
|
12
|
+
outline: none;
|
|
13
|
+
user-select: none;
|
|
14
|
+
color: ${contentFontColor};
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
:host([disabled]) {
|
|
18
|
+
color: ${contentFontColorDisabled};
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.label {
|
|
22
|
+
display: flex;
|
|
23
|
+
color: ${labelFontColor};
|
|
24
|
+
font-family: ${labelFontFamily};
|
|
25
|
+
font-size: ${labelFontSize};
|
|
26
|
+
font-weight: ${labelFontWeight};
|
|
27
|
+
line-height: ${labelHeight};
|
|
28
|
+
text-transform: ${labelTextTransform};
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
:host([disabled]) .label {
|
|
32
|
+
color: ${labelFontColorDisabled};
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.control {
|
|
36
|
+
-webkit-appearance: none;
|
|
37
|
+
font: inherit;
|
|
38
|
+
outline: none;
|
|
39
|
+
box-sizing: border-box;
|
|
40
|
+
position: relative;
|
|
41
|
+
color: inherit;
|
|
42
|
+
border-radius: 0px;
|
|
43
|
+
align-items: flex-end;
|
|
44
|
+
border: ${borderWidth} solid transparent;
|
|
45
|
+
padding: 8px;
|
|
46
|
+
transition: outline ${smallDelay}, border ${smallDelay};
|
|
47
|
+
resize: none;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
@media (prefers-reduced-motion) {
|
|
51
|
+
.control {
|
|
52
|
+
transition-duration: 0s;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.control:hover {
|
|
57
|
+
border-color: ${borderColorHover};
|
|
58
|
+
outline: 1px solid ${borderColorHover};
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.control:focus-within {
|
|
62
|
+
border-color: ${borderColorHover};
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.control[readonly],
|
|
66
|
+
.control[readonly]:hover,
|
|
67
|
+
.control[readonly]:hover:focus-within,
|
|
68
|
+
.control[disabled],
|
|
69
|
+
.control[disabled]:hover {
|
|
70
|
+
border-color: rgba(${borderColorRgbPartial}, 0.1);
|
|
71
|
+
outline: none;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.control::selection {
|
|
75
|
+
color: ${labelFontColor};
|
|
76
|
+
background: rgba(${fillColorSelectedRgbPartial}, 0.3);
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.control::placeholder {
|
|
80
|
+
color: ${labelFontColor};
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.control[disabled]::placeholder {
|
|
84
|
+
color: ${contentFontColorDisabled};
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
:host([resize='both']) .control {
|
|
88
|
+
resize: both;
|
|
89
|
+
}
|
|
90
|
+
:host([resize='horizontal']) .control {
|
|
91
|
+
resize: horizontal;
|
|
92
|
+
}
|
|
93
|
+
:host([resize='vertical']) .control {
|
|
94
|
+
resize: vertical;
|
|
95
|
+
}
|
|
96
|
+
`
|
|
97
|
+
// prettier-ignore
|
|
98
|
+
.withBehaviors(appearanceBehavior(TextAreaAppearance.Outline, css `
|
|
99
|
+
.control {
|
|
100
|
+
border-color: rgba(${borderColorRgbPartial}, 0.3);
|
|
101
|
+
background-color: transparent;
|
|
102
|
+
}
|
|
103
|
+
`), appearanceBehavior(TextAreaAppearance.Block, css `
|
|
104
|
+
.control {
|
|
105
|
+
background-color: rgba(${borderColorRgbPartial}, 0.1);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
:host([readonly]) .control {
|
|
109
|
+
background-color: transparent;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
:host([disabled]) .control {
|
|
113
|
+
border-color: transparent;
|
|
114
|
+
background-color: rgba(${borderColorRgbPartial}, 0.1);
|
|
115
|
+
}
|
|
116
|
+
`));
|
|
117
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/text-area/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,2BAA2B,EAC3B,UAAU,EACV,cAAc,EACd,sBAAsB,EACtB,eAAe,EACf,aAAa,EACb,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,UAAU,EACb,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;;;uBAGN,UAAU;qBACZ,eAAe;;;iBAGnB,gBAAgB;;;;iBAIhB,wBAAwB;;;;;iBAKxB,cAAc;uBACR,eAAe;qBACjB,aAAa;uBACX,eAAe;uBACf,WAAW;0BACR,kBAAkB;;;;iBAI3B,sBAAsB;;;;;;;;;;;;kBAYrB,WAAW;;8BAEC,UAAU,YAAY,UAAU;;;;;;;;;;;wBAWtC,gBAAgB;6BACX,gBAAgB;;;;wBAIrB,gBAAgB;;;;;;;;6BAQX,qBAAqB;;;;;iBAKjC,cAAc;2BACJ,2BAA2B;;;;iBAIrC,cAAc;;;;iBAId,wBAAwB;;;;;;;;;;;;CAYxC;IACG,kBAAkB;KACjB,aAAa,CACV,kBAAkB,CACd,kBAAkB,CAAC,OAAO,EAC1B,GAAG,CAAA;;yCAE0B,qBAAqB;;;aAGjD,CACJ,EACD,kBAAkB,CACd,kBAAkB,CAAC,KAAK,EACxB,GAAG,CAAA;;6CAE8B,qBAAqB;;;;;;;;;6CASrB,qBAAqB;;aAErD,CACJ,CACJ,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TextAreaResize } from '@microsoft/fast-foundation';
|
|
2
|
+
export { TextAreaResize };
|
|
3
|
+
export declare type TextAreaResizeAttribute = `${TextAreaResize}`;
|
|
4
|
+
export declare enum TextAreaAppearance {
|
|
5
|
+
Outline = "outline",
|
|
6
|
+
Block = "block"
|
|
7
|
+
}
|
|
8
|
+
export declare type TextAreaAppearanceAttribute = `${TextAreaAppearance}`;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TextAreaResize } from '@microsoft/fast-foundation';
|
|
2
|
+
export { TextAreaResize };
|
|
3
|
+
export var TextAreaAppearance;
|
|
4
|
+
(function (TextAreaAppearance) {
|
|
5
|
+
TextAreaAppearance["Outline"] = "outline";
|
|
6
|
+
TextAreaAppearance["Block"] = "block";
|
|
7
|
+
})(TextAreaAppearance || (TextAreaAppearance = {}));
|
|
8
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/text-area/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,CAAC;AAG1B,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC1B,yCAAmB,CAAA;IACnB,qCAAe,CAAA;AACnB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B"}
|
|
@@ -21,6 +21,20 @@ export const styles = css `
|
|
|
21
21
|
color: ${contentFontColorDisabled};
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
+
.label {
|
|
25
|
+
display: flex;
|
|
26
|
+
color: ${labelFontColor};
|
|
27
|
+
font-family: ${labelFontFamily};
|
|
28
|
+
font-size: ${labelFontSize};
|
|
29
|
+
font-weight: ${labelFontWeight};
|
|
30
|
+
line-height: ${labelHeight};
|
|
31
|
+
text-transform: ${labelTextTransform};
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
:host([disabled]) .label {
|
|
35
|
+
color: ${labelFontColorDisabled};
|
|
36
|
+
}
|
|
37
|
+
|
|
24
38
|
.root {
|
|
25
39
|
box-sizing: border-box;
|
|
26
40
|
position: relative;
|
|
@@ -39,38 +53,40 @@ export const styles = css `
|
|
|
39
53
|
);
|
|
40
54
|
}
|
|
41
55
|
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
:host([disabled]) .root:hover {
|
|
49
|
-
--ni-private-bottom-border-width: 1px;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.root:focus-within,
|
|
53
|
-
.root:hover {
|
|
54
|
-
border-bottom-color: ${borderColorHover};
|
|
56
|
+
@media (prefers-reduced-motion) {
|
|
57
|
+
.root {
|
|
58
|
+
transition-duration: 0s;
|
|
59
|
+
}
|
|
55
60
|
}
|
|
56
61
|
|
|
57
62
|
:host(.invalid) .root {
|
|
58
63
|
border-bottom-color: ${failColor};
|
|
59
64
|
}
|
|
60
65
|
|
|
66
|
+
:host([readonly]:not([disabled])) .root {
|
|
67
|
+
border: ${borderWidth} solid rgba(${borderColorRgbPartial}, 0.1);
|
|
68
|
+
padding: 0px;
|
|
69
|
+
padding-bottom: 1px;
|
|
70
|
+
background-color: transparent;
|
|
71
|
+
}
|
|
72
|
+
|
|
61
73
|
:host([disabled]) .root {
|
|
62
74
|
border-color: rgba(${borderColorRgbPartial}, 0.1);
|
|
63
75
|
}
|
|
64
76
|
|
|
65
|
-
|
|
66
|
-
border:
|
|
67
|
-
|
|
77
|
+
.root:hover {
|
|
78
|
+
--ni-private-bottom-border-width: var(
|
|
79
|
+
--ni-private-hover-bottom-border-width
|
|
80
|
+
);
|
|
81
|
+
border-bottom-color: ${borderColorHover};
|
|
68
82
|
}
|
|
69
83
|
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
84
|
+
:host([disabled]) .root:hover {
|
|
85
|
+
--ni-private-bottom-border-width: 1px;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.root:focus-within {
|
|
89
|
+
border-bottom-color: ${borderColorHover};
|
|
74
90
|
}
|
|
75
91
|
|
|
76
92
|
.control {
|
|
@@ -112,28 +128,10 @@ export const styles = css `
|
|
|
112
128
|
opacity: 1;
|
|
113
129
|
}
|
|
114
130
|
|
|
115
|
-
.control[readonly] {
|
|
116
|
-
cursor: default;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
131
|
.control[disabled]::placeholder {
|
|
120
132
|
color: ${contentFontColorDisabled};
|
|
121
133
|
}
|
|
122
134
|
|
|
123
|
-
.label {
|
|
124
|
-
display: flex;
|
|
125
|
-
color: ${labelFontColor};
|
|
126
|
-
font-family: ${labelFontFamily};
|
|
127
|
-
font-size: ${labelFontSize};
|
|
128
|
-
font-weight: ${labelFontWeight};
|
|
129
|
-
line-height: ${labelHeight};
|
|
130
|
-
text-transform: ${labelTextTransform};
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
:host([disabled]) .label {
|
|
134
|
-
color: ${labelFontColorDisabled};
|
|
135
|
-
}
|
|
136
|
-
|
|
137
135
|
:host [part='end'] {
|
|
138
136
|
display: none;
|
|
139
137
|
}
|
|
@@ -166,22 +164,43 @@ export const styles = css `
|
|
|
166
164
|
}
|
|
167
165
|
`), appearanceBehavior(TextFieldAppearance.Block, css `
|
|
168
166
|
.root {
|
|
169
|
-
background-color: rgba(${borderColorRgbPartial}, 0.
|
|
167
|
+
background-color: rgba(${borderColorRgbPartial}, 0.1);
|
|
170
168
|
--ni-private-bottom-border-width: 0px;
|
|
171
169
|
padding-top: ${borderWidth};
|
|
172
170
|
padding-left: ${borderWidth};
|
|
173
171
|
padding-right: ${borderWidth};
|
|
174
172
|
}
|
|
175
173
|
|
|
176
|
-
.root:focus-within
|
|
177
|
-
|
|
178
|
-
|
|
174
|
+
.root:focus-within {
|
|
175
|
+
--ni-private-bottom-border-width: 1px;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.root:focus-within:hover {
|
|
179
|
+
--ni-private-bottom-border-width: var(
|
|
180
|
+
--ni-private-hover-bottom-border-width
|
|
181
|
+
);
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
:host(.invalid) .root {
|
|
179
185
|
--ni-private-bottom-border-width: 1px;
|
|
180
186
|
}
|
|
181
187
|
|
|
182
|
-
:host(
|
|
183
|
-
|
|
184
|
-
|
|
188
|
+
:host(.invalid) .root:hover {
|
|
189
|
+
--ni-private-bottom-border-width: var(
|
|
190
|
+
--ni-private-hover-bottom-border-width
|
|
191
|
+
);
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
:host([disabled]) .root {
|
|
195
|
+
background-color: rgba(${borderColorRgbPartial}, 0.07);
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
:host([disabled]) .root:hover {
|
|
199
|
+
--ni-private-bottom-border-width: 0px;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
:host(.invalid[disabled]) .root {
|
|
203
|
+
--ni-private-bottom-border-width: 1px;
|
|
185
204
|
}
|
|
186
205
|
`), appearanceBehavior(TextFieldAppearance.Outline, css `
|
|
187
206
|
.root {
|
|
@@ -201,7 +220,5 @@ export const styles = css `
|
|
|
201
220
|
}
|
|
202
221
|
`,
|
|
203
222
|
// Color theme
|
|
204
|
-
Theme.Dark
|
|
205
|
-
// LegacyBlue theme
|
|
206
|
-
Theme.Light));
|
|
223
|
+
Theme.Dark));
|
|
207
224
|
//# 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,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;;;;;;;;;
|
|
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;;;;;iBAKxB,cAAc;uBACR,eAAe;qBACjB,aAAa;uBACX,eAAe;uBACf,WAAW;0BACR,kBAAkB;;;;iBAI3B,sBAAsB;;;;;;;;;uBAShB,UAAU;oCACG,UAAU,oBAAoB,UAAU;;;iCAG3C,qBAAqB;;;;;;;;;;;;;;;+BAevB,SAAS;;;;kBAItB,WAAW,eAAe,qBAAqB;;;;;;;6BAOpC,qBAAqB;;;;;;;+BAOnB,gBAAgB;;;;;;;;+BAQhB,gBAAgB;;;;;;;;;;;cAWjC,aAAa,MAAM,WAAW;;;;;;6BAMf,eAAe;8BACd,eAAe;;;;;;;;;;;;iBAY5B,cAAc;2BACJ,2BAA2B;;;;iBAIrC,cAAc;;;;;;;;iBAQd,wBAAwB;;;;;;;;;;;;;;;kBAevB,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;;;;;;;;;;;;;;;;;;;;;;;;yCAwBH,qBAAqB;;;;;;;;;;SAUrD,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,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":"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"}
|
|
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"}
|
|
@@ -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