@fluentui/web-components 3.0.0-beta.89 → 3.0.0-beta.90
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/CHANGELOG.md +12 -2
- package/dist/dts/accordion-item/accordion-item.base.d.ts +0 -12
- package/dist/dts/accordion-item/accordion-item.d.ts +0 -18
- package/dist/dts/avatar/avatar.base.d.ts +0 -12
- package/dist/dts/avatar/avatar.d.ts +13 -2
- package/dist/dts/badge/badge.d.ts +0 -30
- package/dist/dts/button/button.d.ts +0 -24
- package/dist/dts/checkbox/checkbox.d.ts +0 -16
- package/dist/dts/counter-badge/counter-badge.d.ts +0 -30
- package/dist/dts/divider/divider.d.ts +0 -18
- package/dist/dts/dropdown/dropdown.d.ts +0 -16
- package/dist/dts/image/image.d.ts +0 -36
- package/dist/dts/label/label.d.ts +0 -24
- package/dist/dts/link/link.d.ts +0 -12
- package/dist/dts/message-bar/message-bar.d.ts +0 -18
- package/dist/dts/progress-bar/progress-bar.d.ts +0 -12
- package/dist/dts/rating-display/rating-display.d.ts +0 -14
- package/dist/dts/slider/slider.d.ts +0 -1
- package/dist/dts/spinner/spinner.d.ts +0 -12
- package/dist/dts/styles/states/index.d.ts +0 -500
- package/dist/dts/tablist/tablist.d.ts +0 -8
- package/dist/dts/text/text.d.ts +1 -34
- package/dist/dts/text-input/text-input.d.ts +0 -12
- package/dist/dts/textarea/textarea.d.ts +0 -4
- package/dist/dts/tree-item/tree-item.d.ts +1 -1
- package/dist/esm/accordion-item/accordion-item.base.js +0 -17
- package/dist/esm/accordion-item/accordion-item.base.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.js +0 -26
- package/dist/esm/accordion-item/accordion-item.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.styles.js +19 -20
- package/dist/esm/accordion-item/accordion-item.styles.js.map +1 -1
- package/dist/esm/avatar/avatar.base.js +0 -3
- package/dist/esm/avatar/avatar.base.js.map +1 -1
- package/dist/esm/avatar/avatar.js +4 -2
- package/dist/esm/avatar/avatar.js.map +1 -1
- package/dist/esm/avatar/avatar.styles.js +31 -32
- package/dist/esm/avatar/avatar.styles.js.map +1 -1
- package/dist/esm/badge/badge.js +1 -40
- package/dist/esm/badge/badge.js.map +1 -1
- package/dist/esm/badge/badge.styles.js +7 -10
- package/dist/esm/badge/badge.styles.js.map +1 -1
- package/dist/esm/button/button.js +0 -34
- package/dist/esm/button/button.js.map +1 -1
- package/dist/esm/button/button.styles.js +34 -35
- package/dist/esm/button/button.styles.js.map +1 -1
- package/dist/esm/checkbox/checkbox.js +1 -22
- package/dist/esm/checkbox/checkbox.js.map +1 -1
- package/dist/esm/checkbox/checkbox.styles.js +6 -6
- package/dist/esm/checkbox/checkbox.styles.js.map +1 -1
- package/dist/esm/compound-button/compound-button.styles.js +12 -13
- package/dist/esm/compound-button/compound-button.styles.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.js +0 -42
- package/dist/esm/counter-badge/counter-badge.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.styles.js +3 -7
- package/dist/esm/counter-badge/counter-badge.styles.js.map +1 -1
- package/dist/esm/divider/divider.js +0 -26
- package/dist/esm/divider/divider.js.map +1 -1
- package/dist/esm/divider/divider.styles.js +32 -35
- package/dist/esm/divider/divider.styles.js.map +1 -1
- package/dist/esm/dropdown/dropdown.js +1 -22
- package/dist/esm/dropdown/dropdown.js.map +1 -1
- package/dist/esm/dropdown/dropdown.styles.js +18 -18
- package/dist/esm/dropdown/dropdown.styles.js.map +1 -1
- package/dist/esm/image/image.js +0 -51
- package/dist/esm/image/image.js.map +1 -1
- package/dist/esm/image/image.styles.js +9 -10
- package/dist/esm/image/image.styles.js.map +1 -1
- package/dist/esm/label/label.js +0 -32
- package/dist/esm/label/label.js.map +1 -1
- package/dist/esm/label/label.styles.js +5 -6
- package/dist/esm/label/label.styles.js.map +1 -1
- package/dist/esm/link/link.js +0 -18
- package/dist/esm/link/link.js.map +1 -1
- package/dist/esm/link/link.styles.js +4 -5
- package/dist/esm/link/link.styles.js.map +1 -1
- package/dist/esm/message-bar/message-bar.js +0 -26
- package/dist/esm/message-bar/message-bar.js.map +1 -1
- package/dist/esm/message-bar/message-bar.styles.js +9 -10
- package/dist/esm/message-bar/message-bar.styles.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.js +0 -18
- package/dist/esm/progress-bar/progress-bar.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.styles.js +6 -7
- package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
- package/dist/esm/radio-group/radio-group.styles.js +0 -1
- package/dist/esm/radio-group/radio-group.styles.js.map +1 -1
- package/dist/esm/rating-display/rating-display.js +0 -20
- package/dist/esm/rating-display/rating-display.js.map +1 -1
- package/dist/esm/rating-display/rating-display.styles.js +16 -19
- package/dist/esm/rating-display/rating-display.styles.js.map +1 -1
- package/dist/esm/slider/slider.js +1 -6
- package/dist/esm/slider/slider.js.map +1 -1
- package/dist/esm/slider/slider.styles.js +6 -7
- package/dist/esm/slider/slider.styles.js.map +1 -1
- package/dist/esm/spinner/spinner.js +0 -18
- package/dist/esm/spinner/spinner.js.map +1 -1
- package/dist/esm/spinner/spinner.styles.js +8 -9
- package/dist/esm/spinner/spinner.styles.js.map +1 -1
- package/dist/esm/styles/partials/badge.partials.js +42 -43
- package/dist/esm/styles/partials/badge.partials.js.map +1 -1
- package/dist/esm/styles/states/index.js +0 -500
- package/dist/esm/styles/states/index.js.map +1 -1
- package/dist/esm/tablist/tablist.js +1 -14
- package/dist/esm/tablist/tablist.js.map +1 -1
- package/dist/esm/tablist/tablist.styles.js +26 -27
- package/dist/esm/tablist/tablist.styles.js.map +1 -1
- package/dist/esm/text/text.js +1 -66
- package/dist/esm/text/text.js.map +1 -1
- package/dist/esm/text/text.styles.js +26 -27
- package/dist/esm/text/text.styles.js.map +1 -1
- package/dist/esm/text-input/text-input.js +0 -18
- package/dist/esm/text-input/text-input.js.map +1 -1
- package/dist/esm/text-input/text-input.styles.js +22 -23
- package/dist/esm/text-input/text-input.styles.js.map +1 -1
- package/dist/esm/textarea/textarea.js +1 -29
- package/dist/esm/textarea/textarea.js.map +1 -1
- package/dist/esm/textarea/textarea.styles.js +14 -14
- package/dist/esm/textarea/textarea.styles.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.styles.js +19 -20
- package/dist/esm/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/esm/tree-item/tree-item.js +1 -1
- package/dist/esm/tree-item/tree-item.js.map +1 -1
- package/dist/esm/tree-item/tree-item.styles.js.map +1 -1
- package/dist/esm/tree-item/tree-item.template.js +1 -1
- package/dist/esm/tree-item/tree-item.template.js.map +1 -1
- package/dist/web-components.d.ts +13 -363
- package/dist/web-components.js +178 -987
- package/dist/web-components.min.js +357 -354
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import { css } from '@microsoft/fast-element';
|
|
|
2
2
|
import { borderRadiusMedium, colorCompoundBrandStroke, colorNeutralBackground1, colorNeutralBackground3, colorNeutralBackgroundInverted, colorNeutralForeground1, colorNeutralForeground4, colorNeutralForegroundDisabled, colorNeutralForegroundInverted, colorNeutralStroke1, colorNeutralStroke1Hover, colorNeutralStroke1Pressed, colorNeutralStrokeAccessible, colorNeutralStrokeAccessibleHover, colorNeutralStrokeAccessiblePressed, colorNeutralStrokeDisabled, colorPaletteRedBorder2, colorTransparentBackground, curveAccelerateMid, curveDecelerateMid, durationNormal, durationUltraFast, fontFamilyBase, fontSizeBase200, fontSizeBase300, fontSizeBase400, fontWeightRegular, lineHeightBase200, lineHeightBase300, lineHeightBase400, shadow2, spacingHorizontalM, spacingHorizontalMNudge, spacingHorizontalSNudge, spacingHorizontalXS, spacingHorizontalXXS, spacingVerticalS, spacingVerticalSNudge, spacingVerticalXS, strokeWidthThin, } from '../theme/design-tokens.js';
|
|
3
3
|
import { forcedColorsStylesheetBehavior } from '../utils/behaviors/match-media-stylesheet-behavior.js';
|
|
4
4
|
import { display } from '../utils/display.js';
|
|
5
|
-
import {
|
|
5
|
+
import { userInvalidState } from '../styles/states/index.js';
|
|
6
6
|
/**
|
|
7
7
|
* Styles for the TextArea component.
|
|
8
8
|
*
|
|
@@ -62,11 +62,11 @@ export const styles = css `
|
|
|
62
62
|
outline: none;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
-
:host(
|
|
65
|
+
:host([block]:not([hidden])) {
|
|
66
66
|
display: block;
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
:host(
|
|
69
|
+
:host([size='small']) {
|
|
70
70
|
--font-size: ${fontSizeBase200};
|
|
71
71
|
--line-height: ${lineHeightBase200};
|
|
72
72
|
--min-block-size: 40px;
|
|
@@ -75,7 +75,7 @@ export const styles = css `
|
|
|
75
75
|
--control-padding-inline: ${spacingHorizontalXXS};
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
-
:host(
|
|
78
|
+
:host([size='large']) {
|
|
79
79
|
--font-size: ${fontSizeBase400};
|
|
80
80
|
--line-height: ${lineHeightBase400};
|
|
81
81
|
--min-block-size: 64px;
|
|
@@ -84,36 +84,36 @@ export const styles = css `
|
|
|
84
84
|
--control-padding-inline: ${spacingHorizontalSNudge};
|
|
85
85
|
}
|
|
86
86
|
|
|
87
|
-
:host(
|
|
87
|
+
:host([resize='both']:not(:disabled)) {
|
|
88
88
|
--resize: both;
|
|
89
89
|
}
|
|
90
90
|
|
|
91
|
-
:host(
|
|
91
|
+
:host([resize='horizontal']:not(:disabled)) {
|
|
92
92
|
--resize: horizontal;
|
|
93
93
|
}
|
|
94
94
|
|
|
95
|
-
:host(
|
|
95
|
+
:host([resize='vertical']:not(:disabled)) {
|
|
96
96
|
--resize: vertical;
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
:host(
|
|
99
|
+
:host([auto-resize]) {
|
|
100
100
|
--block-size: auto;
|
|
101
101
|
--contain-size: inline-size;
|
|
102
102
|
}
|
|
103
103
|
|
|
104
|
-
:host(
|
|
104
|
+
:host([appearance='filled-darker']) {
|
|
105
105
|
--background-color: ${colorNeutralBackground3};
|
|
106
106
|
--border-color: var(--background-color);
|
|
107
107
|
--border-block-end-color: var(--border-color);
|
|
108
108
|
}
|
|
109
109
|
|
|
110
|
-
:host(
|
|
110
|
+
:host([appearance='filled-lighter']) {
|
|
111
111
|
--border-color: var(--background-color);
|
|
112
112
|
--border-block-end-color: var(--border-color);
|
|
113
113
|
}
|
|
114
114
|
|
|
115
|
-
:host(
|
|
116
|
-
:host(
|
|
115
|
+
:host([appearance='filled-darker'][display-shadow]),
|
|
116
|
+
:host([appearance='filled-lighter'][display-shadow]) {
|
|
117
117
|
--box-shadow: ${shadow2};
|
|
118
118
|
}
|
|
119
119
|
|
|
@@ -153,7 +153,7 @@ export const styles = css `
|
|
|
153
153
|
resize: var(--resize);
|
|
154
154
|
}
|
|
155
155
|
|
|
156
|
-
:host(
|
|
156
|
+
:host([block]) .root {
|
|
157
157
|
inline-size: auto;
|
|
158
158
|
}
|
|
159
159
|
|
|
@@ -215,7 +215,7 @@ export const styles = css `
|
|
|
215
215
|
white-space: pre-wrap;
|
|
216
216
|
}
|
|
217
217
|
|
|
218
|
-
:host(
|
|
218
|
+
:host([auto-resize]) .auto-sizer {
|
|
219
219
|
display: block;
|
|
220
220
|
}
|
|
221
221
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.styles.js","sourceRoot":"","sources":["../../../src/textarea/textarea.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,0BAA0B,EAC1B,sBAAsB,EACtB,0BAA0B,EAC1B,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,OAAO,EACP,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,8BAA8B,EAAE,MAAM,uDAAuD,CAAC;AACvG,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,
|
|
1
|
+
{"version":3,"file":"textarea.styles.js","sourceRoot":"","sources":["../../../src/textarea/textarea.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,0BAA0B,EAC1B,sBAAsB,EACtB,0BAA0B,EAC1B,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,OAAO,EACP,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,8BAA8B,EAAE,MAAM,uDAAuD,CAAC;AACvG,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAkB,GAAG,CAAA;IACpC,OAAO,CAAC,cAAc,CAAC;;;;mBAIR,eAAe;qBACb,iBAAiB;;;wBAGd,uBAAuB;uBACxB,qBAAqB;;;;sBAItB,eAAe;gCACL,oBAAoB;;;eAGrC,uBAAuB;0BACZ,uBAAuB;sBAC3B,mBAAmB;gCACT,4BAA4B;2BACjC,uBAAuB;+BACnB,wBAAwB;;;;;;;;;;mBAUpC,cAAc;;mBAEd,iBAAiB;;;;;;sBAMd,wBAAwB;gCACd,iCAAiC;;;;sBAI3C,0BAA0B;gCAChB,mCAAmC;;;;;;;;;;;;mBAYhD,eAAe;qBACb,iBAAiB;;uBAEf,iBAAiB;wBAChB,uBAAuB;gCACf,oBAAoB;;;;mBAIjC,eAAe;qBACb,iBAAiB;;uBAEf,gBAAgB;wBACf,kBAAkB;gCACV,uBAAuB;;;;;;;;;;;;;;;;;;;;;0BAqB7B,uBAAuB;;;;;;;;;;;;oBAY7B,OAAO;;;UAGjB,gBAAgB;sBACJ,sBAAsB;gCACZ,sBAAsB;;;;eAIvC,8BAA8B;0BACnB,0BAA0B;sBAC9B,0BAA0B;;;2BAGrB,8BAA8B;;;;;;;;;;qBAUpC,kBAAkB;;;;;;;;;;;;;;;;;;;;;yBAqBd,kBAAkB,IAAI,kBAAkB;;;;uBAI1C,kBAAkB;;;;wBAIjB,kBAAkB;2BACf,iBAAiB;;;;;;;2BAOjB,cAAc;wBACjB,kBAAkB;;;;;;;;;;;;yBAYjB,iBAAiB;0BAChB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAmDhC,8BAA8B;wBACnB,8BAA8B;;CAErD,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;GAqBjC,CAAC,CACH,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { css } from '@microsoft/fast-element';
|
|
|
2
2
|
import { styles as ButtonStyles } from '../button/button.styles.js';
|
|
3
3
|
import { colorBrandBackgroundHover, colorBrandBackgroundPressed, colorBrandBackgroundSelected, colorNeutralBackground1Hover, colorNeutralBackground1Pressed, colorNeutralBackground1Selected, colorNeutralForeground1, colorNeutralForeground2BrandHover, colorNeutralForeground2BrandPressed, colorNeutralForeground2BrandSelected, colorNeutralForeground2Hover, colorNeutralForeground2Pressed, colorNeutralForeground2Selected, colorNeutralForegroundOnBrand, colorNeutralStroke1, colorNeutralStroke1Hover, colorNeutralStroke1Pressed, colorSubtleBackgroundHover, colorSubtleBackgroundPressed, colorSubtleBackgroundSelected, colorTransparentBackgroundHover, colorTransparentBackgroundPressed, colorTransparentBackgroundSelected, strokeWidthThin, } from '../theme/design-tokens.js';
|
|
4
4
|
import { forcedColorsStylesheetBehavior } from '../utils/behaviors/match-media-stylesheet-behavior.js';
|
|
5
|
-
import {
|
|
5
|
+
import { pressedState } from '../styles/states/index.js';
|
|
6
6
|
/**
|
|
7
7
|
* The styles for the ToggleButton component.
|
|
8
8
|
*
|
|
@@ -30,69 +30,68 @@ export const styles = css `
|
|
|
30
30
|
background-color: ${colorNeutralBackground1Pressed};
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
:host(${pressedState}
|
|
33
|
+
:host(${pressedState}[appearance='primary']) {
|
|
34
34
|
border-color: transparent;
|
|
35
35
|
background-color: ${colorBrandBackgroundSelected};
|
|
36
36
|
color: ${colorNeutralForegroundOnBrand};
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
:host(${pressedState}
|
|
39
|
+
:host(${pressedState}[appearance='primary']:hover) {
|
|
40
40
|
background-color: ${colorBrandBackgroundHover};
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
:host(${pressedState}
|
|
43
|
+
:host(${pressedState}[appearance='primary']:active) {
|
|
44
44
|
background-color: ${colorBrandBackgroundPressed};
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
:host(${pressedState}
|
|
47
|
+
:host(${pressedState}[appearance='subtle']) {
|
|
48
48
|
border-color: transparent;
|
|
49
49
|
background-color: ${colorSubtleBackgroundSelected};
|
|
50
50
|
color: ${colorNeutralForeground2Selected};
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
-
:host(${pressedState}
|
|
53
|
+
:host(${pressedState}[appearance='subtle']:hover) {
|
|
54
54
|
background-color: ${colorSubtleBackgroundHover};
|
|
55
55
|
color: ${colorNeutralForeground2Hover};
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
:host(${pressedState}
|
|
58
|
+
:host(${pressedState}[appearance='subtle']:active) {
|
|
59
59
|
background-color: ${colorSubtleBackgroundPressed};
|
|
60
60
|
color: ${colorNeutralForeground2Pressed};
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
-
:host(${pressedState}
|
|
64
|
-
:host(${pressedState}
|
|
63
|
+
:host(${pressedState}[appearance='outline']),
|
|
64
|
+
:host(${pressedState}[appearance='transparent']) {
|
|
65
65
|
background-color: ${colorTransparentBackgroundSelected};
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
:host(${pressedState}
|
|
69
|
-
:host(${pressedState}
|
|
68
|
+
:host(${pressedState}[appearance='outline']:hover),
|
|
69
|
+
:host(${pressedState}[appearance='transparent']:hover) {
|
|
70
70
|
background-color: ${colorTransparentBackgroundHover};
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
-
:host(${pressedState}
|
|
74
|
-
:host(${pressedState}
|
|
73
|
+
:host(${pressedState}[appearance='outline']:active),
|
|
74
|
+
:host(${pressedState}[appearance='transparent']:active) {
|
|
75
75
|
background-color: ${colorTransparentBackgroundPressed};
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
-
:host(${pressedState}
|
|
78
|
+
:host(${pressedState}[appearance='transparent']) {
|
|
79
79
|
border-color: transparent;
|
|
80
80
|
color: ${colorNeutralForeground2BrandSelected};
|
|
81
81
|
}
|
|
82
82
|
|
|
83
|
-
:host(${pressedState}
|
|
83
|
+
:host(${pressedState}[appearance='transparent']:hover) {
|
|
84
84
|
color: ${colorNeutralForeground2BrandHover};
|
|
85
85
|
}
|
|
86
86
|
|
|
87
|
-
:host(${pressedState}
|
|
87
|
+
:host(${pressedState}[appearance='transparent']:active) {
|
|
88
88
|
color: ${colorNeutralForeground2BrandPressed};
|
|
89
89
|
}
|
|
90
90
|
`.withBehaviors(forcedColorsStylesheetBehavior(css `
|
|
91
91
|
:host(${pressedState}),
|
|
92
|
-
:host(
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
:host(${pressedState}${transparentState}) {
|
|
92
|
+
:host(
|
|
93
|
+
${pressedState}:is([appearance='primary'], [appearance='subtle'], [appearance='outline'], [appearance='transparent'])
|
|
94
|
+
) {
|
|
96
95
|
background: SelectedItem;
|
|
97
96
|
color: SelectedItemText;
|
|
98
97
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-button.styles.js","sourceRoot":"","sources":["../../../src/toggle-button/toggle-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EACL,yBAAyB,EACzB,2BAA2B,EAC3B,4BAA4B,EAC5B,4BAA4B,EAC5B,8BAA8B,EAC9B,+BAA+B,EAC/B,uBAAuB,EACvB,iCAAiC,EACjC,mCAAmC,EACnC,oCAAoC,EACpC,4BAA4B,EAC5B,8BAA8B,EAC9B,+BAA+B,EAC/B,6BAA6B,EAC7B,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,0BAA0B,EAC1B,4BAA4B,EAC5B,6BAA6B,EAC7B,+BAA+B,EAC/B,iCAAiC,EACjC,kCAAkC,EAClC,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,8BAA8B,EAAE,MAAM,uDAAuD,CAAC;AACvG,OAAO,EAAE,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"toggle-button.styles.js","sourceRoot":"","sources":["../../../src/toggle-button/toggle-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EACL,yBAAyB,EACzB,2BAA2B,EAC3B,4BAA4B,EAC5B,4BAA4B,EAC5B,8BAA8B,EAC9B,+BAA+B,EAC/B,uBAAuB,EACvB,iCAAiC,EACjC,mCAAmC,EACnC,oCAAoC,EACpC,4BAA4B,EAC5B,8BAA8B,EAC9B,+BAA+B,EAC/B,6BAA6B,EAC7B,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,0BAA0B,EAC1B,4BAA4B,EAC5B,6BAA6B,EAC7B,+BAA+B,EAC/B,iCAAiC,EACjC,kCAAkC,EAClC,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,8BAA8B,EAAE,MAAM,uDAAuD,CAAC;AACvG,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,YAAY;;UAEN,YAAY;oBACF,mBAAmB;wBACf,+BAA+B;aAC1C,uBAAuB;oBAChB,eAAe;;;UAGzB,YAAY;oBACF,wBAAwB;wBACpB,4BAA4B;;;UAG1C,YAAY;oBACF,0BAA0B;wBACtB,8BAA8B;;;UAG5C,YAAY;;wBAEE,4BAA4B;aACvC,6BAA6B;;;UAGhC,YAAY;wBACE,yBAAyB;;;UAGvC,YAAY;wBACE,2BAA2B;;;UAGzC,YAAY;;wBAEE,6BAA6B;aACxC,+BAA+B;;;UAGlC,YAAY;wBACE,0BAA0B;aACrC,4BAA4B;;;UAG/B,YAAY;wBACE,4BAA4B;aACvC,8BAA8B;;;UAGjC,YAAY;UACZ,YAAY;wBACE,kCAAkC;;;UAGhD,YAAY;UACZ,YAAY;wBACE,+BAA+B;;;UAG7C,YAAY;UACZ,YAAY;wBACE,iCAAiC;;;UAG/C,YAAY;;aAET,oCAAoC;;;UAGvC,YAAY;aACT,iCAAiC;;;UAGpC,YAAY;aACT,mCAAmC;;CAE/C,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;YACxB,YAAY;;UAEd,YAAY;;;;;GAKnB,CAAC,CACH,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { attr } from '@microsoft/fast-element';
|
|
3
3
|
import { TreeItemAppearance, TreeItemSize } from './tree-item.options.js';
|
|
4
|
-
import { BaseTreeItem } from './tree-item.base';
|
|
4
|
+
import { BaseTreeItem } from './tree-item.base.js';
|
|
5
5
|
export class TreeItem extends BaseTreeItem {
|
|
6
6
|
constructor() {
|
|
7
7
|
super(...arguments);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-item.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"tree-item.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,OAAO,QAAS,SAAQ,YAAY;IAA1C;;QACE;;;WAGG;QAEI,SAAI,GAAiB,YAAY,CAAC,KAAK,CAAC;QAW/C;;;WAGG;QAEI,eAAU,GAAuB,kBAAkB,CAAC,MAAM,CAAC;IAoCpE,CAAC;IAlDC;;;;OAIG;IACK,WAAW;QACjB,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IASD;;;;OAIG;IACK,iBAAiB;QACvB,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAED;;;OAGG;IACI,qBAAqB;QAC1B,KAAK,CAAC,qBAAqB,EAAE,CAAC;QAC9B,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAED;;;;;OAKG;IACI,uBAAuB;QAC5B,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,CAAC;YACjC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAChC,IAAiB,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACnC,IAAiB,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QAClD,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AApDQ;IADN,IAAI;sCAC0C;AAgBxC;IADN,IAAI;4CAC6D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-item.styles.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,+BAA+B,
|
|
1
|
+
{"version":3,"file":"tree-item.styles.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,+BAA+B,EAC/B,+BAA+B,EAC/B,iBAAiB,EACjB,qBAAqB,EACrB,0BAA0B,EAC1B,oCAAoC,EACpC,sCAAsC,EACtC,uCAAuC,EACvC,4BAA4B,EAC5B,6BAA6B,EAC7B,0BAA0B,EAC1B,+BAA+B,EAC/B,iCAAiC,EACjC,kCAAkC,EAClC,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;iBAIH,eAAe;mBACb,iBAAiB;;;;kBAIlB,mBAAmB,IAAI,mBAAmB,IAAI,mBAAmB,IAAI,kBAAkB;QACjG,iBAAiB;;;;;;;;;;;;;cAaX,mBAAmB;iDACgB,oBAAoB;0BAC3C,gBAAgB;qBACrB,kBAAkB;wBACf,qBAAqB;aAChC,uBAAuB;WACzB,mBAAmB;;;;;2BAKH,iBAAiB;;;;;;;WAOjC,mBAAmB;;;;;;;;aAQjB,oBAAoB;cACnB,kBAAkB;4BACJ,cAAc,IAAI,gBAAgB;;;;;;;;;;;;;;wBActC,0BAA0B;aACrC,4BAA4B;;;;wBAIjB,4BAA4B;aACvC,8BAA8B;;;;;;;;;;;;;;;;sBAgBrB,oBAAoB;;;;;;;;;;;;;;;;;wBAiBlB,6BAA6B;aACxC,+BAA+B;;;;;aAK/B,+BAA+B;;;;cAI9B,kBAAkB;iDACiB,kBAAkB;;;;wBAI3C,oCAAoC;;;;wBAIpC,sCAAsC;;;;wBAItC,uCAAuC;aAClD,+BAA+B;;;;wBAIpB,0BAA0B;;;;wBAI1B,+BAA+B;;;;wBAI/B,iCAAiC;;;;wBAIjC,kCAAkC;aAC7C,+BAA+B;;;;;;CAM3C,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { children, html } from '@microsoft/fast-element';
|
|
2
|
-
import { isTreeItem } from './tree-item.options';
|
|
2
|
+
import { isTreeItem } from './tree-item.options.js';
|
|
3
3
|
const chevronIcon = html `
|
|
4
4
|
<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
|
|
5
5
|
<path
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-item.template.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"tree-item.template.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,WAAW,GAAG,IAAI,CAAA;;;;;;CAMvB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAU;;;YAG1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;gBACnC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;iBAC9C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAmB,CAAC;MACzD,QAAQ,CAAC;IACT,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC;CACjC,CAAC;;;;;iCAK2B,WAAW;;;;;;;;;;;;;;CAc3C,CAAC"}
|