@ni/nimble-components 8.6.1 → 9.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all-components-bundle.js +1370 -465
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +1098 -1019
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/drawer/index.js +2 -1
- package/dist/esm/drawer/index.js.map +1 -1
- package/dist/esm/drawer/styles.js +4 -4
- package/dist/esm/drawer/styles.js.map +1 -1
- package/dist/esm/nimble-components/src/tabs/index.d.ts +1 -0
- package/dist/esm/tab/styles.js +60 -13
- package/dist/esm/tab/styles.js.map +1 -1
- package/dist/esm/tabs/index.d.ts +1 -0
- package/dist/esm/tabs/index.js +5 -0
- package/dist/esm/tabs/index.js.map +1 -1
- package/dist/esm/tabs/styles.js +0 -17
- package/dist/esm/tabs/styles.js.map +1 -1
- package/package.json +5 -5
package/dist/esm/drawer/index.js
CHANGED
|
@@ -72,12 +72,13 @@ export class Drawer extends FoundationDialog {
|
|
|
72
72
|
* @internal
|
|
73
73
|
*/
|
|
74
74
|
dismiss() {
|
|
75
|
+
// Note: intentionally not calling super() in this function in order to implement custom preventDismiss behavior
|
|
75
76
|
const shouldDismiss = this.$emit('cancel', {},
|
|
76
77
|
// Aligned with the configuration of HTMLDialogElement cancel event:
|
|
77
78
|
// https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/cancel_event
|
|
78
79
|
{ bubbles: false, cancelable: true, composed: false });
|
|
79
80
|
if (shouldDismiss && !this.preventDismiss) {
|
|
80
|
-
|
|
81
|
+
this.$emit('dismiss');
|
|
81
82
|
this.hide();
|
|
82
83
|
}
|
|
83
84
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/drawer/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EACH,IAAI,EAEJ,UAAU,EAEb,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACH,YAAY,EACZ,MAAM,IAAI,gBAAgB,EAC1B,cAAc,IAAI,QAAQ,EAC7B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,8BAA8B,EAAE,MAAM,2CAA2C,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAQtD,MAAM,yCAAyC,GAAG,KAAK,CAAC;AAExD;;;;GAIG;AACH,MAAM,OAAO,MAAO,SAAQ,gBAAgB;IAA5C;;QAEW,aAAQ,GAAmB,cAAc,CAAC,IAAI,CAAC;QAG/C,UAAK,GAAgB,WAAW,CAAC,MAAM,CAAC;QAE/C;;;;WAIG;QAEI,mBAAc,GAAG,KAAK,CAAC;QAEb,sBAAiB,GAAG,CAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;QAG7D,kCAA6B,GACrC,yCAAyC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/drawer/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -56,8 +56,7 @@ export const styles = css `
|
|
|
56
56
|
position: relative;
|
|
57
57
|
top: 0px;
|
|
58
58
|
bottom: 0px;
|
|
59
|
-
display:
|
|
60
|
-
grid-template-rows: max-content auto max-content;
|
|
59
|
+
display: flex;
|
|
61
60
|
flex-direction: column;
|
|
62
61
|
box-sizing: border-box;
|
|
63
62
|
border-radius: 0px;
|
|
@@ -94,20 +93,21 @@ export const styles = css `
|
|
|
94
93
|
|
|
95
94
|
::slotted(header) {
|
|
96
95
|
padding: ${standardPadding};
|
|
96
|
+
flex: none;
|
|
97
97
|
font: ${titlePlus1Font};
|
|
98
98
|
}
|
|
99
99
|
|
|
100
100
|
::slotted(section) {
|
|
101
101
|
padding: ${standardPadding};
|
|
102
|
-
|
|
102
|
+
flex: auto;
|
|
103
103
|
overflow-y: auto;
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
::slotted(footer) {
|
|
107
107
|
padding: ${standardPadding};
|
|
108
|
+
flex: none;
|
|
108
109
|
display: flex;
|
|
109
110
|
justify-content: flex-end;
|
|
110
|
-
grid-row: 3;
|
|
111
111
|
border-top: ${borderWidth} solid ${popupBorderColor};
|
|
112
112
|
}
|
|
113
113
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/drawer/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,QAAQ,EACR,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,WAAW,EACd,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;;;;;;;gBASN,QAAQ;iBACP,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgCxB,CAAA,8DAA+D,EAAE;;;;sBAIjD,gBAAgB
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/drawer/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,QAAQ,EACR,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,WAAW,EACd,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;;;;;;;gBASN,QAAQ;iBACP,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgCxB,CAAA,8DAA+D,EAAE;;;;sBAIjD,gBAAgB;;;;;;;;;;;;;iBAarB,WAAW;;4BAEA,0BAA0B;;;;;;;;;;;;;;wBAc9B,WAAW,UAAU,mBAAmB;;;;;uBAKzC,WAAW,UAAU,mBAAmB;;;MAGzD;AACE;;;EAGE,CAAC,EACP;;;mBAGe,eAAe;;gBAElB,cAAc;;;;mBAIX,eAAe;;;;;;mBAMf,eAAe;;;;sBAIZ,WAAW,UAAU,gBAAgB;;CAE1D,CAAC"}
|
package/dist/esm/tab/styles.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
2
|
import { display } from '@microsoft/fast-foundation';
|
|
3
|
-
import { bodyFont, borderHoverColor, borderWidth, bodyFontColor, bodyDisabledFontColor, controlHeight, fillHoverColor,
|
|
3
|
+
import { bodyFont, borderHoverColor, borderWidth, bodyFontColor, bodyDisabledFontColor, controlHeight, fillHoverColor, fillHoverSelectedColor, standardPadding, smallDelay } from '../theme-provider/design-tokens';
|
|
4
4
|
import { focusVisible } from '../utilities/style/focus';
|
|
5
5
|
export const styles = css `
|
|
6
6
|
${display('inline-flex')}
|
|
7
7
|
|
|
8
8
|
:host {
|
|
9
|
+
position: relative;
|
|
9
10
|
box-sizing: border-box;
|
|
10
11
|
font: ${bodyFont};
|
|
11
12
|
height: ${controlHeight};
|
|
12
|
-
padding: calc(${standardPadding} / 2) ${standardPadding}
|
|
13
|
-
calc(${standardPadding} / 2 - ${borderWidth});
|
|
14
13
|
color: ${bodyFontColor};
|
|
15
14
|
align-items: center;
|
|
16
15
|
justify-content: center;
|
|
17
16
|
cursor: pointer;
|
|
18
|
-
|
|
19
|
-
|
|
17
|
+
--ni-private-active-indicator-width: 2px;
|
|
18
|
+
--ni-private-focus-indicator-width: 1px;
|
|
19
|
+
--ni-private-indicator-lines-gap: 1px;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
:host(:hover) {
|
|
@@ -27,16 +27,12 @@ export const styles = css `
|
|
|
27
27
|
outline: none;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
:host(
|
|
31
|
-
|
|
32
|
-
box-shadow: 0 calc(${borderWidth} * -1) ${borderHoverColor} inset;
|
|
33
|
-
transition: box-shadow ${mediumDelay} ease-in-out;
|
|
30
|
+
:host(:focus:hover) {
|
|
31
|
+
background-color: ${fillHoverSelectedColor};
|
|
34
32
|
}
|
|
35
33
|
|
|
36
|
-
|
|
37
|
-
:
|
|
38
|
-
transition-duration: 0.01s;
|
|
39
|
-
}
|
|
34
|
+
:host(${focusVisible}) {
|
|
35
|
+
outline: none;
|
|
40
36
|
}
|
|
41
37
|
|
|
42
38
|
:host(:active) {
|
|
@@ -48,5 +44,56 @@ export const styles = css `
|
|
|
48
44
|
color: ${bodyDisabledFontColor};
|
|
49
45
|
background: none;
|
|
50
46
|
}
|
|
47
|
+
|
|
48
|
+
slot {
|
|
49
|
+
display: block;
|
|
50
|
+
padding: calc(${standardPadding} / 2) ${standardPadding}
|
|
51
|
+
calc(${standardPadding} / 2 - ${borderWidth});
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
:host::before {
|
|
55
|
+
content: '';
|
|
56
|
+
position: absolute;
|
|
57
|
+
bottom: calc(
|
|
58
|
+
var(--ni-private-active-indicator-width) +
|
|
59
|
+
var(--ni-private-indicator-lines-gap)
|
|
60
|
+
);
|
|
61
|
+
width: 0px;
|
|
62
|
+
height: 0px;
|
|
63
|
+
border-bottom: ${borderHoverColor}
|
|
64
|
+
var(--ni-private-focus-indicator-width) solid;
|
|
65
|
+
transition: width ${smallDelay} ease-in;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
@media (prefers-reduced-motion) {
|
|
69
|
+
:host::before {
|
|
70
|
+
transition-duration: 0.01s;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
:host(${focusVisible})::before {
|
|
75
|
+
width: 100%;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
:host::after {
|
|
79
|
+
content: '';
|
|
80
|
+
position: absolute;
|
|
81
|
+
bottom: 0px;
|
|
82
|
+
width: 0px;
|
|
83
|
+
height: 0px;
|
|
84
|
+
border-bottom: ${borderHoverColor}
|
|
85
|
+
var(--ni-private-active-indicator-width) solid;
|
|
86
|
+
transition: width ${smallDelay} ease-in;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
@media (prefers-reduced-motion) {
|
|
90
|
+
:host::after {
|
|
91
|
+
transition-duration: 0.01s;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
:host([aria-selected='true'])::after {
|
|
96
|
+
width: 100%;
|
|
97
|
+
}
|
|
51
98
|
`;
|
|
52
99
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tab/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,aAAa,EACb,cAAc,EACd,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tab/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,eAAe,EACf,UAAU,EACb,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;;gBAKZ,QAAQ;kBACN,aAAa;iBACd,aAAa;;;;;;;;;;4BAUF,cAAc;;;;;;;;4BAQd,sBAAsB;;;YAGtC,YAAY;;;;;;;;;;iBAUP,qBAAqB;;;;;;wBAMd,eAAe,SAAS,eAAe;mBAC5C,eAAe,UAAU,WAAW;;;;;;;;;;;;yBAY9B,gBAAgB;;4BAEb,UAAU;;;;;;;;;YAS1B,YAAY;;;;;;;;;;yBAUC,gBAAgB;;4BAEb,UAAU;;;;;;;;;;;;CAYrC,CAAC"}
|
package/dist/esm/tabs/index.d.ts
CHANGED
package/dist/esm/tabs/index.js
CHANGED
|
@@ -4,6 +4,11 @@ import { styles } from './styles';
|
|
|
4
4
|
* A nimble-styled tabs control
|
|
5
5
|
*/
|
|
6
6
|
export class Tabs extends FoundationTabs {
|
|
7
|
+
constructor() {
|
|
8
|
+
super();
|
|
9
|
+
// We disable the built-in active indicator so that we can implement our own
|
|
10
|
+
this.activeindicator = false;
|
|
11
|
+
}
|
|
7
12
|
}
|
|
8
13
|
const nimbleTabs = Tabs.compose({
|
|
9
14
|
baseName: 'tabs',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,IAAI,IAAI,cAAc,EAEtB,YAAY,IAAI,QAAQ,EAC3B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;GAEG;AACH,MAAM,OAAO,IAAK,SAAQ,cAAc;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,IAAI,IAAI,cAAc,EAEtB,YAAY,IAAI,QAAQ,EAC3B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;GAEG;AACH,MAAM,OAAO,IAAK,SAAQ,cAAc;IACpC;QACI,KAAK,EAAE,CAAC;QACR,4EAA4E;QAC5E,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;IACjC,CAAC;CACJ;AAED,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAc;IACzC,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,cAAc;IACzB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC"}
|
package/dist/esm/tabs/styles.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
2
|
import { display } from '@microsoft/fast-foundation';
|
|
3
|
-
import { borderHoverColor, borderWidth, smallDelay } from '../theme-provider/design-tokens';
|
|
4
3
|
export const styles = css `
|
|
5
4
|
${display('grid')}
|
|
6
5
|
|
|
@@ -18,22 +17,6 @@ export const styles = css `
|
|
|
18
17
|
align-self: end;
|
|
19
18
|
}
|
|
20
19
|
|
|
21
|
-
.activeIndicator {
|
|
22
|
-
grid-row: 2;
|
|
23
|
-
height: calc(${borderWidth} * 2);
|
|
24
|
-
background-color: ${borderHoverColor};
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.activeIndicatorTransition {
|
|
28
|
-
transition: transform ${smallDelay} ease-in-out;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
@media (prefers-reduced-motion) {
|
|
32
|
-
.activeIndicatorTransition {
|
|
33
|
-
transition: transform 0.01s;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
20
|
.tabpanel {
|
|
38
21
|
grid-row: 2;
|
|
39
22
|
grid-column-start: 1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tabs/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tabs/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;CAqBpB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ni/nimble-components",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "9.0.0",
|
|
4
4
|
"description": "Styled web components for the NI Nimble Design System",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "npm run generate-icons && npm run build-components && npm run bundle-components && npm run generate-scss && npm run build-storybook",
|
|
@@ -46,10 +46,10 @@
|
|
|
46
46
|
},
|
|
47
47
|
"homepage": "https://github.com/ni/nimble#readme",
|
|
48
48
|
"dependencies": {
|
|
49
|
-
"@microsoft/fast-animation": "^4.
|
|
50
|
-
"@microsoft/fast-element": "^1.
|
|
51
|
-
"@microsoft/fast-foundation": "^2.
|
|
52
|
-
"@microsoft/fast-web-utilities": "^5.1
|
|
49
|
+
"@microsoft/fast-animation": "^4.2.2",
|
|
50
|
+
"@microsoft/fast-element": "^1.10.1",
|
|
51
|
+
"@microsoft/fast-foundation": "^2.46.2",
|
|
52
|
+
"@microsoft/fast-web-utilities": "^5.4.1",
|
|
53
53
|
"@ni/nimble-tokens": "^3.2.0",
|
|
54
54
|
"hex-rgb": "^5.0.0"
|
|
55
55
|
},
|