@ni/spright-components 6.22.2 → 6.22.3
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 +22 -11
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +22 -11
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/chat/message/inbound/styles.js +5 -1
- package/dist/esm/chat/message/inbound/styles.js.map +1 -1
- package/dist/esm/chat/message/outbound/styles.js +9 -8
- package/dist/esm/chat/message/outbound/styles.js.map +1 -1
- package/dist/esm/chat/message/system/styles.js +5 -1
- package/dist/esm/chat/message/system/styles.js.map +1 -1
- package/dist/esm/chat/message/welcome/styles.js +3 -1
- package/dist/esm/chat/message/welcome/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -11,9 +11,12 @@ export const styles = css `
|
|
|
11
11
|
:host {
|
|
12
12
|
min-width: ${standardPadding};
|
|
13
13
|
min-height: ${standardPadding};
|
|
14
|
+
width: fit-content;
|
|
15
|
+
max-width: 100%;
|
|
14
16
|
|
|
15
17
|
flex-direction: row;
|
|
16
18
|
justify-content: flex-start;
|
|
19
|
+
align-self: flex-start;
|
|
17
20
|
flex-shrink: 0;
|
|
18
21
|
font: ${bodyFont};
|
|
19
22
|
color: ${bodyFontColor};
|
|
@@ -22,7 +25,7 @@ export const styles = css `
|
|
|
22
25
|
.container {
|
|
23
26
|
display: flex;
|
|
24
27
|
flex-direction: column;
|
|
25
|
-
|
|
28
|
+
width: 100%;
|
|
26
29
|
}
|
|
27
30
|
|
|
28
31
|
[part='start'] {
|
|
@@ -32,6 +35,7 @@ export const styles = css `
|
|
|
32
35
|
.message-content {
|
|
33
36
|
width: fit-content;
|
|
34
37
|
height: fit-content;
|
|
38
|
+
max-width: 100%;
|
|
35
39
|
overflow-x: auto;
|
|
36
40
|
}
|
|
37
41
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/chat/message/inbound/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAE/E,OAAO,EACH,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,eAAe,EAClB,MAAM,6DAA6D,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAE3D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;qBAGA,eAAe;sBACd,eAAe
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/chat/message/inbound/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAE/E,OAAO,EACH,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,eAAe,EAClB,MAAM,6DAA6D,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAE3D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;qBAGA,eAAe;sBACd,eAAe;;;;;;;;gBAQrB,QAAQ;iBACP,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;sBA0BR,eAAe;sBACf,aAAa;;;gCAGH,SAAS;gCACT,eAAe;gCACf,eAAe;gCACf,aAAa;kBAC3B,iBAAiB;;;;;;;;;sBASb,eAAe;sBACf,YAAY;;CAEjC,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { anchorButtonTag } from '@ni/nimble-components/dist/esm/anchor-button';\nimport { buttonTag } from '@ni/nimble-components/dist/esm/button';\nimport { menuButtonTag } from '@ni/nimble-components/dist/esm/menu-button';\nimport { toggleButtonTag } from '@ni/nimble-components/dist/esm/toggle-button';\n\nimport {\n bodyFont,\n bodyFontColor,\n controlSlimHeight,\n largePadding,\n mediumPadding,\n standardPadding\n} from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';\nimport { display } from '../../../utilities/style/display';\n\nexport const styles = css`\n ${display('flex')}\n\n :host {\n min-width: ${standardPadding};\n min-height: ${standardPadding};\n width: fit-content;\n max-width: 100%;\n\n flex-direction: row;\n justify-content: flex-start;\n align-self: flex-start;\n flex-shrink: 0;\n font: ${bodyFont};\n color: ${bodyFontColor};\n }\n\n .container {\n display: flex;\n flex-direction: column;\n width: 100%;\n }\n\n [part='start'] {\n display: none;\n }\n\n .message-content {\n width: fit-content;\n height: fit-content;\n max-width: 100%;\n overflow-x: auto;\n }\n\n .footer-actions {\n display: none;\n }\n\n :host .footer-actions.has-content {\n display: flex;\n column-gap: ${standardPadding};\n margin-top: ${mediumPadding};\n }\n\n .footer-actions ::slotted(${buttonTag}),\n .footer-actions ::slotted(${toggleButtonTag}),\n .footer-actions ::slotted(${anchorButtonTag}),\n .footer-actions ::slotted(${menuButtonTag}) {\n height: ${controlSlimHeight};\n }\n\n .end {\n display: none;\n }\n\n :host .end {\n display: flex;\n column-gap: ${standardPadding};\n margin-top: ${largePadding};\n }\n`;\n"]}
|
|
@@ -7,9 +7,12 @@ export const styles = css `
|
|
|
7
7
|
:host {
|
|
8
8
|
min-width: ${standardPadding};
|
|
9
9
|
min-height: ${standardPadding};
|
|
10
|
+
width: fit-content;
|
|
11
|
+
max-width: 90%;
|
|
10
12
|
|
|
11
13
|
flex-direction: row;
|
|
12
14
|
justify-content: flex-end;
|
|
15
|
+
align-self: flex-end;
|
|
13
16
|
flex-shrink: 0;
|
|
14
17
|
font: ${bodyFont};
|
|
15
18
|
color: ${bodyFontColor};
|
|
@@ -18,20 +21,18 @@ export const styles = css `
|
|
|
18
21
|
.container {
|
|
19
22
|
display: flex;
|
|
20
23
|
flex-direction: column;
|
|
21
|
-
|
|
24
|
+
width: 100%;
|
|
25
|
+
background: ${fillSelectedColor};
|
|
26
|
+
border: ${borderWidth} solid ${borderHoverColor};
|
|
27
|
+
border-radius: ${mediumPadding} ${mediumPadding} 0px ${mediumPadding};
|
|
28
|
+
padding: ${mediumPadding};
|
|
22
29
|
}
|
|
23
30
|
|
|
24
31
|
.message-content {
|
|
25
32
|
width: fit-content;
|
|
26
33
|
height: fit-content;
|
|
34
|
+
max-width: 100%;
|
|
27
35
|
overflow-x: auto;
|
|
28
36
|
}
|
|
29
|
-
|
|
30
|
-
:host .message-content {
|
|
31
|
-
background: ${fillSelectedColor};
|
|
32
|
-
border: ${borderWidth} solid ${borderHoverColor};
|
|
33
|
-
border-radius: ${mediumPadding} ${mediumPadding} 0px ${mediumPadding};
|
|
34
|
-
padding: ${mediumPadding};
|
|
35
|
-
}
|
|
36
37
|
`;
|
|
37
38
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/chat/message/outbound/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,OAAO,EACH,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,eAAe,GAClB,MAAM,6DAA6D,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAE3D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;qBAGA,eAAe;sBACd,eAAe
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/chat/message/outbound/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,OAAO,EACH,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,eAAe,GAClB,MAAM,6DAA6D,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAE3D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;qBAGA,eAAe;sBACd,eAAe;;;;;;;;gBAQrB,QAAQ;iBACP,aAAa;;;;;;;sBAOR,iBAAiB;kBACrB,WAAW,UAAU,gBAAgB;yBAC9B,aAAa,IAAI,aAAa,QAAQ,aAAa;mBACzD,aAAa;;;;;;;;;CAS/B,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\n\nimport {\n bodyFont,\n bodyFontColor,\n borderHoverColor,\n borderWidth,\n fillSelectedColor,\n mediumPadding,\n standardPadding,\n} from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';\nimport { display } from '../../../utilities/style/display';\n\nexport const styles = css`\n ${display('flex')}\n\n :host {\n min-width: ${standardPadding};\n min-height: ${standardPadding};\n width: fit-content;\n max-width: 90%;\n\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n flex-shrink: 0;\n font: ${bodyFont};\n color: ${bodyFontColor};\n }\n\n .container {\n display: flex;\n flex-direction: column;\n width: 100%;\n background: ${fillSelectedColor};\n border: ${borderWidth} solid ${borderHoverColor};\n border-radius: ${mediumPadding} ${mediumPadding} 0px ${mediumPadding};\n padding: ${mediumPadding};\n }\n\n .message-content {\n width: fit-content;\n height: fit-content;\n max-width: 100%;\n overflow-x: auto;\n }\n`;\n"]}
|
|
@@ -7,9 +7,12 @@ export const styles = css `
|
|
|
7
7
|
:host {
|
|
8
8
|
min-width: ${standardPadding};
|
|
9
9
|
min-height: ${standardPadding};
|
|
10
|
+
width: fit-content;
|
|
11
|
+
max-width: 90%;
|
|
10
12
|
|
|
11
13
|
flex-direction: row;
|
|
12
14
|
justify-content: center;
|
|
15
|
+
align-self: center;
|
|
13
16
|
flex-shrink: 0;
|
|
14
17
|
font: ${bodyFont};
|
|
15
18
|
color: ${bodyFontColor};
|
|
@@ -18,12 +21,13 @@ export const styles = css `
|
|
|
18
21
|
.container {
|
|
19
22
|
display: flex;
|
|
20
23
|
flex-direction: column;
|
|
21
|
-
|
|
24
|
+
width: 100%;
|
|
22
25
|
}
|
|
23
26
|
|
|
24
27
|
.message-content {
|
|
25
28
|
width: fit-content;
|
|
26
29
|
height: fit-content;
|
|
30
|
+
max-width: 100%;
|
|
27
31
|
overflow-x: auto;
|
|
28
32
|
}
|
|
29
33
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/chat/message/system/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,OAAO,EACH,QAAQ,EACR,aAAa,EACb,eAAe,GAClB,MAAM,6DAA6D,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAE3D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;qBAGA,eAAe;sBACd,eAAe
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/chat/message/system/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,OAAO,EACH,QAAQ,EACR,aAAa,EACb,eAAe,GAClB,MAAM,6DAA6D,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAE3D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;qBAGA,eAAe;sBACd,eAAe;;;;;;;;gBAQrB,QAAQ;iBACP,aAAa;;;;;;;;;;;;;;;CAe7B,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\n\nimport {\n bodyFont,\n bodyFontColor,\n standardPadding,\n} from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';\nimport { display } from '../../../utilities/style/display';\n\nexport const styles = css`\n ${display('flex')}\n\n :host {\n min-width: ${standardPadding};\n min-height: ${standardPadding};\n width: fit-content;\n max-width: 90%;\n\n flex-direction: row;\n justify-content: center;\n align-self: center;\n flex-shrink: 0;\n font: ${bodyFont};\n color: ${bodyFontColor};\n }\n\n .container {\n display: flex;\n flex-direction: column;\n width: 100%;\n }\n\n .message-content {\n width: fit-content;\n height: fit-content;\n max-width: 100%;\n overflow-x: auto;\n }\n`;\n"]}
|
|
@@ -7,10 +7,12 @@ export const styles = css `
|
|
|
7
7
|
:host {
|
|
8
8
|
min-width: ${standardPadding};
|
|
9
9
|
min-height: ${standardPadding};
|
|
10
|
+
max-width: 90%;
|
|
10
11
|
|
|
11
12
|
flex: 1;
|
|
12
13
|
flex-direction: row;
|
|
13
14
|
justify-content: center;
|
|
15
|
+
align-self: center;
|
|
14
16
|
align-items: center;
|
|
15
17
|
font: ${bodyFont};
|
|
16
18
|
color: ${bodyFontColor};
|
|
@@ -20,7 +22,6 @@ export const styles = css `
|
|
|
20
22
|
display: flex;
|
|
21
23
|
flex-direction: column;
|
|
22
24
|
align-items: center;
|
|
23
|
-
max-width: calc(90%);
|
|
24
25
|
gap: ${mediumPadding};
|
|
25
26
|
}
|
|
26
27
|
|
|
@@ -54,6 +55,7 @@ export const styles = css `
|
|
|
54
55
|
align-items: center;
|
|
55
56
|
width: fit-content;
|
|
56
57
|
height: fit-content;
|
|
58
|
+
max-width: 100%;
|
|
57
59
|
overflow-x: auto;
|
|
58
60
|
gap: ${mediumPadding};
|
|
59
61
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/chat/message/welcome/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,OAAO,EACH,QAAQ,EACR,aAAa,EACb,aAAa,EACb,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,mBAAmB,GACtB,MAAM,6DAA6D,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAE3D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;qBAGA,eAAe;sBACd,eAAe
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/chat/message/welcome/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,OAAO,EACH,QAAQ,EACR,aAAa,EACb,aAAa,EACb,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,mBAAmB,GACtB,MAAM,6DAA6D,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAE3D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;qBAGA,eAAe;sBACd,eAAe;;;;;;;;gBAQrB,QAAQ;iBACP,aAAa;;;;;;;eAOf,aAAa;;;;;;;;;;;;;;;;gBAgBZ,cAAc;iBACb,mBAAmB;;;;;gBAKpB,YAAY;iBACX,iBAAiB;;;;;;;;;;;;eAYnB,aAAa;;CAE3B,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\n\nimport {\n bodyFont,\n bodyFontColor,\n mediumPadding,\n standardPadding,\n subtitleFont,\n subtitleFontColor,\n titlePlus1Font,\n titlePlus1FontColor,\n} from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';\nimport { display } from '../../../utilities/style/display';\n\nexport const styles = css`\n ${display('flex')}\n\n :host {\n min-width: ${standardPadding};\n min-height: ${standardPadding};\n max-width: 90%;\n\n flex: 1;\n flex-direction: row;\n justify-content: center;\n align-self: center;\n align-items: center;\n font: ${bodyFont};\n color: ${bodyFontColor};\n }\n\n .container {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: ${mediumPadding};\n }\n\n .brand-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n slot[name='brand-icon']::slotted(*),\n slot[name='brand-icon'] > * {\n width: 48px;\n height: 48px;\n }\n\n .title {\n font: ${titlePlus1Font};\n color: ${titlePlus1FontColor};\n text-align: center;\n }\n\n .subtitle {\n font: ${subtitleFont};\n color: ${subtitleFontColor};\n text-align: center;\n }\n\n .message-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: fit-content;\n height: fit-content;\n max-width: 100%;\n overflow-x: auto;\n gap: ${mediumPadding};\n }\n`;\n"]}
|