@ni/spright-components 6.15.9 → 6.17.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.
Files changed (47) hide show
  1. package/dist/all-components-bundle.js +566 -355
  2. package/dist/all-components-bundle.js.map +1 -1
  3. package/dist/all-components-bundle.min.js +1312 -1161
  4. package/dist/all-components-bundle.min.js.map +1 -1
  5. package/dist/custom-elements.json +123 -0
  6. package/dist/custom-elements.md +31 -0
  7. package/dist/esm/all-components.d.ts +1 -0
  8. package/dist/esm/all-components.js +1 -0
  9. package/dist/esm/all-components.js.map +1 -1
  10. package/dist/esm/chat/input/index.d.ts +10 -0
  11. package/dist/esm/chat/input/index.js +22 -0
  12. package/dist/esm/chat/input/index.js.map +1 -1
  13. package/dist/esm/chat/input/styles.js +42 -1
  14. package/dist/esm/chat/input/styles.js.map +1 -1
  15. package/dist/esm/chat/input/template.js +28 -14
  16. package/dist/esm/chat/input/template.js.map +1 -1
  17. package/dist/esm/chat/input/testing/chat-input.pageobject.d.ts +6 -0
  18. package/dist/esm/chat/input/testing/chat-input.pageobject.js +20 -0
  19. package/dist/esm/chat/input/testing/chat-input.pageobject.js.map +1 -1
  20. package/dist/esm/chat/message/welcome/index.d.ts +19 -0
  21. package/dist/esm/chat/message/welcome/index.js +24 -0
  22. package/dist/esm/chat/message/welcome/index.js.map +1 -0
  23. package/dist/esm/chat/message/welcome/styles.d.ts +1 -0
  24. package/dist/esm/chat/message/welcome/styles.js +60 -0
  25. package/dist/esm/chat/message/welcome/styles.js.map +1 -0
  26. package/dist/esm/chat/message/welcome/template.d.ts +4 -0
  27. package/dist/esm/chat/message/welcome/template.js +21 -0
  28. package/dist/esm/chat/message/welcome/template.js.map +1 -0
  29. package/dist/esm/chat/message/welcome/testing/chat-message-welcome.pageobject.d.ts +18 -0
  30. package/dist/esm/chat/message/welcome/testing/chat-message-welcome.pageobject.js +51 -0
  31. package/dist/esm/chat/message/welcome/testing/chat-message-welcome.pageobject.js.map +1 -0
  32. package/dist/esm/icons/all-icons.d.ts +1 -0
  33. package/dist/esm/icons/all-icons.js +1 -0
  34. package/dist/esm/icons/all-icons.js.map +1 -1
  35. package/dist/esm/icons/nigel-chat/icon-data.d.ts +2 -0
  36. package/dist/esm/icons/nigel-chat/icon-data.js +3 -0
  37. package/dist/esm/icons/nigel-chat/icon-data.js.map +1 -0
  38. package/dist/esm/icons/nigel-chat/index.d.ts +13 -0
  39. package/dist/esm/icons/nigel-chat/index.js +20 -0
  40. package/dist/esm/icons/nigel-chat/index.js.map +1 -0
  41. package/dist/esm/icons/nigel-chat/styles.d.ts +1 -0
  42. package/dist/esm/icons/nigel-chat/styles.js +20 -0
  43. package/dist/esm/icons/nigel-chat/styles.js.map +1 -0
  44. package/dist/esm/icons/nigel-chat/template.d.ts +2 -0
  45. package/dist/esm/icons/nigel-chat/template.js +7 -0
  46. package/dist/esm/icons/nigel-chat/template.js.map +1 -0
  47. package/package.json +1 -1
@@ -0,0 +1,60 @@
1
+ import { css } from '@ni/fast-element';
2
+ import { bodyFont, bodyFontColor, mediumPadding, standardPadding, subtitleFont, subtitleFontColor, titlePlus1Font, titlePlus1FontColor, } from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';
3
+ import { display } from '../../../utilities/style/display';
4
+ export const styles = css `
5
+ ${display('flex')}
6
+
7
+ :host {
8
+ min-width: ${standardPadding};
9
+ min-height: ${standardPadding};
10
+
11
+ flex-direction: row;
12
+ justify-content: center;
13
+ flex-shrink: 0;
14
+ font: ${bodyFont};
15
+ color: ${bodyFontColor};
16
+ }
17
+
18
+ .container {
19
+ display: flex;
20
+ flex-direction: column;
21
+ align-items: center;
22
+ max-width: calc(90%);
23
+ gap: ${mediumPadding};
24
+ }
25
+
26
+ .brand-icon {
27
+ display: flex;
28
+ align-items: center;
29
+ justify-content: center;
30
+ }
31
+
32
+ slot[name='brand-icon']::slotted(*),
33
+ slot[name='brand-icon'] > * {
34
+ width: 48px;
35
+ height: 48px;
36
+ }
37
+
38
+ .title {
39
+ font: ${titlePlus1Font};
40
+ color: ${titlePlus1FontColor};
41
+ text-align: center;
42
+ }
43
+
44
+ .subtitle {
45
+ font: ${subtitleFont};
46
+ color: ${subtitleFontColor};
47
+ text-align: center;
48
+ }
49
+
50
+ .message-content {
51
+ display: flex;
52
+ flex-direction: column;
53
+ align-items: center;
54
+ width: fit-content;
55
+ height: fit-content;
56
+ overflow-x: auto;
57
+ gap: ${mediumPadding};
58
+ }
59
+ `;
60
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +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;;;;;gBAKrB,QAAQ;iBACP,aAAa;;;;;;;;eAQf,aAAa;;;;;;;;;;;;;;;;gBAgBZ,cAAc;iBACb,mBAAmB;;;;;gBAKpB,YAAY;iBACX,iBAAiB;;;;;;;;;;;eAWnB,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\n flex-direction: row;\n justify-content: center;\n flex-shrink: 0;\n font: ${bodyFont};\n color: ${bodyFontColor};\n }\n\n .container {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: calc(90%);\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 overflow-x: auto;\n gap: ${mediumPadding};\n }\n`;\n"]}
@@ -0,0 +1,4 @@
1
+ import { ViewTemplate } from '@ni/fast-element';
2
+ import type { FoundationElementTemplate } from '@ni/fast-foundation';
3
+ import type { ChatMessageWelcome } from '.';
4
+ export declare const template: FoundationElementTemplate<ViewTemplate<ChatMessageWelcome>>;
@@ -0,0 +1,21 @@
1
+ import { html, ViewTemplate, when } from '@ni/fast-element';
2
+ import { iconNigelChatTag } from '../../../icons/nigel-chat';
3
+ export const template = () => html `
4
+ <div class="container">
5
+ <div class="brand-icon">
6
+ <slot name="brand-icon">
7
+ <${iconNigelChatTag}></${iconNigelChatTag}>
8
+ </slot>
9
+ </div>
10
+ ${when(x => x.welcomeTitle, html `
11
+ <div class="title">${x => x.welcomeTitle}</div>
12
+ `)}
13
+ ${when(x => x.subtitle, html `
14
+ <div class="subtitle">${x => x.subtitle}</div>
15
+ `)}
16
+ <section class="message-content">
17
+ <slot></slot>
18
+ </section>
19
+ </div>
20
+ `;
21
+ //# sourceMappingURL=template.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/chat/message/welcome/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAK5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,MAAM,CAAC,MAAM,QAAQ,GAEjB,GAAG,EAAE,CAAC,IAAI,CAAoB;;;;mBAIf,gBAAgB,MAAM,gBAAgB;;;UAG/C,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,IAAI,CAAoB;iCAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;SAC3C,CAAC;UACA,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAoB;oCACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;SAC1C,CAAC;;;;;CAKT,CAAC","sourcesContent":["import { html, ViewTemplate, when } from '@ni/fast-element';\nimport type {\n FoundationElementTemplate\n} from '@ni/fast-foundation';\nimport type { ChatMessageWelcome } from '.';\nimport { iconNigelChatTag } from '../../../icons/nigel-chat';\n\nexport const template: FoundationElementTemplate<\nViewTemplate<ChatMessageWelcome>\n> = () => html<ChatMessageWelcome>`\n <div class=\"container\">\n <div class=\"brand-icon\">\n <slot name=\"brand-icon\">\n <${iconNigelChatTag}></${iconNigelChatTag}>\n </slot>\n </div>\n ${when(x => x.welcomeTitle, html<ChatMessageWelcome>`\n <div class=\"title\">${x => x.welcomeTitle}</div>\n `)}\n ${when(x => x.subtitle, html<ChatMessageWelcome>`\n <div class=\"subtitle\">${x => x.subtitle}</div>\n `)}\n <section class=\"message-content\">\n <slot></slot>\n </section>\n </div>\n`;\n"]}
@@ -0,0 +1,18 @@
1
+ import type { ChatMessageWelcome } from '..';
2
+ /**
3
+ * Page object for the `spright-chat-message-welcome` component to provide consistent ways
4
+ * of querying and interacting with the component during tests.
5
+ */
6
+ export declare class ChatMessageWelcomePageObject {
7
+ protected readonly element: ChatMessageWelcome;
8
+ constructor(element: ChatMessageWelcome);
9
+ getTitleText(): string | null;
10
+ getSubtitleText(): string | null;
11
+ isTitleRendered(): boolean;
12
+ isSubtitleRendered(): boolean;
13
+ getSlottedBrandIconNodes(): Element[];
14
+ hasBrandIconDefaultContent(): boolean;
15
+ getMessageContentSlottedText(): string;
16
+ private getDefaultSlot;
17
+ private getBrandIconSlot;
18
+ }
@@ -0,0 +1,51 @@
1
+ import { iconNigelChatTag } from '../../../../icons/nigel-chat';
2
+ /**
3
+ * Page object for the `spright-chat-message-welcome` component to provide consistent ways
4
+ * of querying and interacting with the component during tests.
5
+ */
6
+ export class ChatMessageWelcomePageObject {
7
+ constructor(element) {
8
+ this.element = element;
9
+ }
10
+ getTitleText() {
11
+ const titleDiv = this.element.shadowRoot?.querySelector('.title');
12
+ if (titleDiv === null || titleDiv === undefined) {
13
+ return null;
14
+ }
15
+ return titleDiv.textContent?.trim() ?? '';
16
+ }
17
+ getSubtitleText() {
18
+ const subtitleDiv = this.element.shadowRoot?.querySelector('.subtitle');
19
+ if (subtitleDiv === null || subtitleDiv === undefined) {
20
+ return null;
21
+ }
22
+ return subtitleDiv.textContent?.trim() ?? '';
23
+ }
24
+ isTitleRendered() {
25
+ return this.element.shadowRoot?.querySelector('.title') !== null;
26
+ }
27
+ isSubtitleRendered() {
28
+ return this.element.shadowRoot?.querySelector('.subtitle') !== null;
29
+ }
30
+ getSlottedBrandIconNodes() {
31
+ const slot = this.getBrandIconSlot();
32
+ return slot?.assignedElements() ?? [];
33
+ }
34
+ hasBrandIconDefaultContent() {
35
+ const slot = this.getBrandIconSlot();
36
+ const defaultContent = slot?.children[0];
37
+ return defaultContent?.tagName.toLowerCase() === iconNigelChatTag;
38
+ }
39
+ getMessageContentSlottedText() {
40
+ const slot = this.getDefaultSlot();
41
+ const assigned = slot?.assignedNodes({ flatten: true }) ?? [];
42
+ return assigned.map(n => n.textContent ?? '').join('');
43
+ }
44
+ getDefaultSlot() {
45
+ return this.element.shadowRoot?.querySelector('slot:not([name])');
46
+ }
47
+ getBrandIconSlot() {
48
+ return this.element.shadowRoot?.querySelector('slot[name="brand-icon"]');
49
+ }
50
+ }
51
+ //# sourceMappingURL=chat-message-welcome.pageobject.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chat-message-welcome.pageobject.js","sourceRoot":"","sources":["../../../../../../src/chat/message/welcome/testing/chat-message-welcome.pageobject.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE;;;GAGG;AACH,MAAM,OAAO,4BAA4B;IACrC,YAAsC,OAA2B;QAA3B,YAAO,GAAP,OAAO,CAAoB;IAAG,CAAC;IAE9D,YAAY;QACf,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;QAClE,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC9C,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,OAAO,QAAQ,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAC9C,CAAC;IAEM,eAAe;QAClB,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;QACxE,IAAI,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;YACpD,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,OAAO,WAAW,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IACjD,CAAC;IAEM,eAAe;QAClB,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;IACrE,CAAC;IAEM,kBAAkB;QACrB,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACxE,CAAC;IAEM,wBAAwB;QAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACrC,OAAO,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC;IAC1C,CAAC;IAEM,0BAA0B;QAC7B,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACrC,MAAM,cAAc,GAAG,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;QACzC,OAAO,cAAc,EAAE,OAAO,CAAC,WAAW,EAAE,KAAK,gBAAgB,CAAC;IACtE,CAAC;IAEM,4BAA4B;QAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACnC,MAAM,QAAQ,GAAG,IAAI,EAAE,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC;QAC9D,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC3D,CAAC;IAEO,cAAc;QAClB,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IACtE,CAAC;IAEO,gBAAgB;QACpB,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,yBAAyB,CAAC,CAAC;IAC7E,CAAC;CACJ","sourcesContent":["import type { ChatMessageWelcome } from '..';\nimport { iconNigelChatTag } from '../../../../icons/nigel-chat';\n\n/**\n * Page object for the `spright-chat-message-welcome` component to provide consistent ways\n * of querying and interacting with the component during tests.\n */\nexport class ChatMessageWelcomePageObject {\n public constructor(protected readonly element: ChatMessageWelcome) {}\n\n public getTitleText(): string | null {\n const titleDiv = this.element.shadowRoot?.querySelector('.title');\n if (titleDiv === null || titleDiv === undefined) {\n return null;\n }\n return titleDiv.textContent?.trim() ?? '';\n }\n\n public getSubtitleText(): string | null {\n const subtitleDiv = this.element.shadowRoot?.querySelector('.subtitle');\n if (subtitleDiv === null || subtitleDiv === undefined) {\n return null;\n }\n return subtitleDiv.textContent?.trim() ?? '';\n }\n\n public isTitleRendered(): boolean {\n return this.element.shadowRoot?.querySelector('.title') !== null;\n }\n\n public isSubtitleRendered(): boolean {\n return this.element.shadowRoot?.querySelector('.subtitle') !== null;\n }\n\n public getSlottedBrandIconNodes(): Element[] {\n const slot = this.getBrandIconSlot();\n return slot?.assignedElements() ?? [];\n }\n\n public hasBrandIconDefaultContent(): boolean {\n const slot = this.getBrandIconSlot();\n const defaultContent = slot?.children[0];\n return defaultContent?.tagName.toLowerCase() === iconNigelChatTag;\n }\n\n public getMessageContentSlottedText(): string {\n const slot = this.getDefaultSlot();\n const assigned = slot?.assignedNodes({ flatten: true }) ?? [];\n return assigned.map(n => n.textContent ?? '').join('');\n }\n\n private getDefaultSlot(): HTMLSlotElement | null | undefined {\n return this.element.shadowRoot?.querySelector('slot:not([name])');\n }\n\n private getBrandIconSlot(): HTMLSlotElement | null | undefined {\n return this.element.shadowRoot?.querySelector('slot[name=\"brand-icon\"]');\n }\n}\n"]}
@@ -1,3 +1,4 @@
1
+ export { IconNigelChat } from './nigel-chat';
1
2
  export { IconWorkItemCalendarWeek } from './work-item-calendar-week';
2
3
  export { IconWorkItemCalipers } from './work-item-calipers';
3
4
  export { IconWorkItemForklift } from './work-item-forklift';
@@ -1,3 +1,4 @@
1
+ export { IconNigelChat } from './nigel-chat';
1
2
  export { IconWorkItemCalendarWeek } from './work-item-calendar-week';
2
3
  export { IconWorkItemCalipers } from './work-item-calipers';
3
4
  export { IconWorkItemForklift } from './work-item-forklift';
@@ -1 +1 @@
1
- {"version":3,"file":"all-icons.js","sourceRoot":"","sources":["../../../src/icons/all-icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["export { IconWorkItemCalendarWeek } from './work-item-calendar-week';\nexport { IconWorkItemCalipers } from './work-item-calipers';\nexport { IconWorkItemForklift } from './work-item-forklift';\nexport { IconWorkItemRectangleCheckLines } from './work-item-rectangle-check-lines';\nexport { IconWorkItemUserHelmetSafety } from './work-item-user-helmet-safety';\nexport { IconWorkItemWrenchHammer } from './work-item-wrench-hammer';\n"]}
1
+ {"version":3,"file":"all-icons.js","sourceRoot":"","sources":["../../../src/icons/all-icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["export { IconNigelChat } from './nigel-chat';\nexport { IconWorkItemCalendarWeek } from './work-item-calendar-week';\nexport { IconWorkItemCalipers } from './work-item-calipers';\nexport { IconWorkItemForklift } from './work-item-forklift';\nexport { IconWorkItemRectangleCheckLines } from './work-item-rectangle-check-lines';\nexport { IconWorkItemUserHelmetSafety } from './work-item-user-helmet-safety';\nexport { IconWorkItemWrenchHammer } from './work-item-wrench-hammer';\n"]}
@@ -0,0 +1,2 @@
1
+ export declare const nigelChatLightData = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 48 48\"><defs><linearGradient id=\"nigelChatGradient\" gradientUnits=\"userSpaceOnUse\" x1=\"24\" y1=\"0.1611\" x2=\"24\" y2=\"48.1611\"><stop offset=\"0\" stop-color=\"#008557\"/><stop offset=\"1\" stop-color=\"#00C07E\"/></linearGradient></defs><path fill=\"url(#nigelChatGradient)\" d=\"M36.654,11.338c-1.63-1.626-3.685-2.512-5.797-2.766c2.107-0.256,4.157-1.153,5.783-2.776C38.273,4.167,39.175,2.112,39.429,0c0.251,2.115,1.139,4.174,2.774,5.805c1.63,1.626,3.685,2.512,5.797,2.766c-2.108,0.256-4.158,1.153-5.784,2.776c-1.632,1.629-2.534,3.684-2.787,5.796C39.177,15.027,38.289,12.969,36.654,11.338z M18,24v-0.5c0-1.003,0.274-1.941,0.746-2.752c0.473-0.901,1.172-1.589,2.081-2.05c0.198-0.111,0.404-0.208,0.616-0.294c0.005-0.002,0.011-0.004,0.016-0.006C22.09,18.144,22.778,18,23.5,18H28V6.5C28,4.575,26.425,3,24.5,3h-21C1.575,3,0,4.575,0,6.5v14C0,22.425,1.575,24,3.5,24h1.75L3.5,31L18,24z M20,23.5v14c0,1.925,1.575,3.5,3.5,3.5h7l14,7l-1.75-7h1.75c1.925,0,3.5-1.575,3.5-3.5V23c0-1.925-1.575-3-3.5-3h-21C21.575,20,20,21.575,20,23.5z\"/></svg>";
2
+ export declare const nigelChatDarkData = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 48 48\"><defs><linearGradient id=\"nigelChatGradientDark\" gradientUnits=\"userSpaceOnUse\" x1=\"24\" y1=\"47.8389\" x2=\"24\" y2=\"-0.1611\"><stop offset=\"0\" stop-color=\"#008557\"/><stop offset=\"1\" stop-color=\"#00C07E\"/></linearGradient></defs><path fill=\"url(#nigelChatGradientDark)\" d=\"M36.654,11.338c-1.63-1.626-3.685-2.512-5.797-2.766c2.107-0.256,4.157-1.153,5.783-2.776C38.273,4.167,39.175,2.112,39.429,0c0.251,2.115,1.139,4.174,2.774,5.805c1.63,1.626,3.685,2.512,5.797,2.766c-2.108,0.256-4.158,1.153-5.784,2.776c-1.632,1.629-2.534,3.684-2.787,5.796C39.177,15.027,38.289,12.969,36.654,11.338z M18,24v-0.5c0-1.003,0.274-1.941,0.746-2.752c0.473-0.901,1.172-1.589,2.081-2.05c0.198-0.111,0.404-0.208,0.616-0.294c0.005-0.002,0.011-0.004,0.016-0.006C22.09,18.144,22.778,18,23.5,18H28V6.5C28,4.575,26.425,3,24.5,3h-21C1.575,3,0,4.575,0,6.5v14C0,22.425,1.575,24,3.5,24h1.75L3.5,31L18,24z M20,23.5v14c0,1.925,1.575,3.5,3.5,3.5h7l14,7l-1.75-7h1.75c1.925,0,3.5-1.575,3.5-3.5V23c0-1.925-1.575-3-3.5-3h-21C21.575,20,20,21.575,20,23.5z\"/></svg>";
@@ -0,0 +1,3 @@
1
+ export const nigelChatLightData = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48"><defs><linearGradient id="nigelChatGradient" gradientUnits="userSpaceOnUse" x1="24" y1="0.1611" x2="24" y2="48.1611"><stop offset="0" stop-color="#008557"/><stop offset="1" stop-color="#00C07E"/></linearGradient></defs><path fill="url(#nigelChatGradient)" d="M36.654,11.338c-1.63-1.626-3.685-2.512-5.797-2.766c2.107-0.256,4.157-1.153,5.783-2.776C38.273,4.167,39.175,2.112,39.429,0c0.251,2.115,1.139,4.174,2.774,5.805c1.63,1.626,3.685,2.512,5.797,2.766c-2.108,0.256-4.158,1.153-5.784,2.776c-1.632,1.629-2.534,3.684-2.787,5.796C39.177,15.027,38.289,12.969,36.654,11.338z M18,24v-0.5c0-1.003,0.274-1.941,0.746-2.752c0.473-0.901,1.172-1.589,2.081-2.05c0.198-0.111,0.404-0.208,0.616-0.294c0.005-0.002,0.011-0.004,0.016-0.006C22.09,18.144,22.778,18,23.5,18H28V6.5C28,4.575,26.425,3,24.5,3h-21C1.575,3,0,4.575,0,6.5v14C0,22.425,1.575,24,3.5,24h1.75L3.5,31L18,24z M20,23.5v14c0,1.925,1.575,3.5,3.5,3.5h7l14,7l-1.75-7h1.75c1.925,0,3.5-1.575,3.5-3.5V23c0-1.925-1.575-3-3.5-3h-21C21.575,20,20,21.575,20,23.5z"/></svg>';
2
+ export const nigelChatDarkData = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48"><defs><linearGradient id="nigelChatGradientDark" gradientUnits="userSpaceOnUse" x1="24" y1="47.8389" x2="24" y2="-0.1611"><stop offset="0" stop-color="#008557"/><stop offset="1" stop-color="#00C07E"/></linearGradient></defs><path fill="url(#nigelChatGradientDark)" d="M36.654,11.338c-1.63-1.626-3.685-2.512-5.797-2.766c2.107-0.256,4.157-1.153,5.783-2.776C38.273,4.167,39.175,2.112,39.429,0c0.251,2.115,1.139,4.174,2.774,5.805c1.63,1.626,3.685,2.512,5.797,2.766c-2.108,0.256-4.158,1.153-5.784,2.776c-1.632,1.629-2.534,3.684-2.787,5.796C39.177,15.027,38.289,12.969,36.654,11.338z M18,24v-0.5c0-1.003,0.274-1.941,0.746-2.752c0.473-0.901,1.172-1.589,2.081-2.05c0.198-0.111,0.404-0.208,0.616-0.294c0.005-0.002,0.011-0.004,0.016-0.006C22.09,18.144,22.778,18,23.5,18H28V6.5C28,4.575,26.425,3,24.5,3h-21C1.575,3,0,4.575,0,6.5v14C0,22.425,1.575,24,3.5,24h1.75L3.5,31L18,24z M20,23.5v14c0,1.925,1.575,3.5,3.5,3.5h7l14,7l-1.75-7h1.75c1.925,0,3.5-1.575,3.5-3.5V23c0-1.925-1.575-3-3.5-3h-21C21.575,20,20,21.575,20,23.5z"/></svg>';
3
+ //# sourceMappingURL=icon-data.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-data.js","sourceRoot":"","sources":["../../../../src/icons/nigel-chat/icon-data.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,ulCAAulC,CAAC;AAE1nC,MAAM,CAAC,MAAM,iBAAiB,GAAG,gmCAAgmC,CAAC","sourcesContent":["export const nigelChatLightData = '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 48 48\"><defs><linearGradient id=\"nigelChatGradient\" gradientUnits=\"userSpaceOnUse\" x1=\"24\" y1=\"0.1611\" x2=\"24\" y2=\"48.1611\"><stop offset=\"0\" stop-color=\"#008557\"/><stop offset=\"1\" stop-color=\"#00C07E\"/></linearGradient></defs><path fill=\"url(#nigelChatGradient)\" d=\"M36.654,11.338c-1.63-1.626-3.685-2.512-5.797-2.766c2.107-0.256,4.157-1.153,5.783-2.776C38.273,4.167,39.175,2.112,39.429,0c0.251,2.115,1.139,4.174,2.774,5.805c1.63,1.626,3.685,2.512,5.797,2.766c-2.108,0.256-4.158,1.153-5.784,2.776c-1.632,1.629-2.534,3.684-2.787,5.796C39.177,15.027,38.289,12.969,36.654,11.338z M18,24v-0.5c0-1.003,0.274-1.941,0.746-2.752c0.473-0.901,1.172-1.589,2.081-2.05c0.198-0.111,0.404-0.208,0.616-0.294c0.005-0.002,0.011-0.004,0.016-0.006C22.09,18.144,22.778,18,23.5,18H28V6.5C28,4.575,26.425,3,24.5,3h-21C1.575,3,0,4.575,0,6.5v14C0,22.425,1.575,24,3.5,24h1.75L3.5,31L18,24z M20,23.5v14c0,1.925,1.575,3.5,3.5,3.5h7l14,7l-1.75-7h1.75c1.925,0,3.5-1.575,3.5-3.5V23c0-1.925-1.575-3-3.5-3h-21C21.575,20,20,21.575,20,23.5z\"/></svg>';\n\nexport const nigelChatDarkData = '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 48 48\"><defs><linearGradient id=\"nigelChatGradientDark\" gradientUnits=\"userSpaceOnUse\" x1=\"24\" y1=\"47.8389\" x2=\"24\" y2=\"-0.1611\"><stop offset=\"0\" stop-color=\"#008557\"/><stop offset=\"1\" stop-color=\"#00C07E\"/></linearGradient></defs><path fill=\"url(#nigelChatGradientDark)\" d=\"M36.654,11.338c-1.63-1.626-3.685-2.512-5.797-2.766c2.107-0.256,4.157-1.153,5.783-2.776C38.273,4.167,39.175,2.112,39.429,0c0.251,2.115,1.139,4.174,2.774,5.805c1.63,1.626,3.685,2.512,5.797,2.766c-2.108,0.256-4.158,1.153-5.784,2.776c-1.632,1.629-2.534,3.684-2.787,5.796C39.177,15.027,38.289,12.969,36.654,11.338z M18,24v-0.5c0-1.003,0.274-1.941,0.746-2.752c0.473-0.901,1.172-1.589,2.081-2.05c0.198-0.111,0.404-0.208,0.616-0.294c0.005-0.002,0.011-0.004,0.016-0.006C22.09,18.144,22.778,18,23.5,18H28V6.5C28,4.575,26.425,3,24.5,3h-21C1.575,3,0,4.575,0,6.5v14C0,22.425,1.575,24,3.5,24h1.75L3.5,31L18,24z M20,23.5v14c0,1.925,1.575,3.5,3.5,3.5h7l14,7l-1.75-7h1.75c1.925,0,3.5-1.575,3.5-3.5V23c0-1.925-1.575-3-3.5-3h-21C21.575,20,20,21.575,20,23.5z\"/></svg>';\n"]}
@@ -0,0 +1,13 @@
1
+ import { Icon } from '@ni/nimble-components/dist/esm/icon-base';
2
+ declare global {
3
+ interface HTMLElementTagNameMap {
4
+ 'spright-icon-nigel-chat': IconNigelChat;
5
+ }
6
+ }
7
+ /**
8
+ * Spright Nigel chat brand icon.
9
+ * Used as the default brand icon in the welcome message.
10
+ */
11
+ export declare class IconNigelChat extends Icon {
12
+ }
13
+ export declare const iconNigelChatTag = "spright-icon-nigel-chat";
@@ -0,0 +1,20 @@
1
+ import { Icon } from '@ni/nimble-components/dist/esm/icon-base';
2
+ import { DesignSystem } from '@ni/fast-foundation';
3
+ import { template } from './template';
4
+ import { styles } from './styles';
5
+ /**
6
+ * Spright Nigel chat brand icon.
7
+ * Used as the default brand icon in the welcome message.
8
+ */
9
+ export class IconNigelChat extends Icon {
10
+ }
11
+ const sprightIconNigelChat = IconNigelChat.compose({
12
+ baseName: 'icon-nigel-chat',
13
+ template,
14
+ styles
15
+ });
16
+ DesignSystem.getOrCreate()
17
+ .withPrefix('spright')
18
+ .register(sprightIconNigelChat());
19
+ export const iconNigelChatTag = 'spright-icon-nigel-chat';
20
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icons/nigel-chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,IAAI;CAAG;AAE1C,MAAM,oBAAoB,GAAG,aAAa,CAAC,OAAO,CAAC;IAC/C,QAAQ,EAAE,iBAAiB;IAC3B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,SAAS,CAAC;KACrB,QAAQ,CAAC,oBAAoB,EAAE,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,gBAAgB,GAAG,yBAAyB,CAAC","sourcesContent":["import { Icon } from '@ni/nimble-components/dist/esm/icon-base';\nimport { DesignSystem } from '@ni/fast-foundation';\nimport { template } from './template';\nimport { styles } from './styles';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'spright-icon-nigel-chat': IconNigelChat;\n }\n}\n\n/**\n * Spright Nigel chat brand icon.\n * Used as the default brand icon in the welcome message.\n */\nexport class IconNigelChat extends Icon {}\n\nconst sprightIconNigelChat = IconNigelChat.compose({\n baseName: 'icon-nigel-chat',\n template,\n styles\n});\n\nDesignSystem.getOrCreate()\n .withPrefix('spright')\n .register(sprightIconNigelChat());\n\nexport const iconNigelChatTag = 'spright-icon-nigel-chat';\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("@ni/fast-element").ElementStyles;
@@ -0,0 +1,20 @@
1
+ import { css } from '@ni/fast-element';
2
+ import { styles as iconSvgStyles } from '@ni/nimble-components/dist/esm/icon-svg/styles';
3
+ import { Theme } from '@ni/nimble-components/dist/esm/theme-provider/types';
4
+ import { themeBehavior } from '@ni/nimble-components/dist/esm/utilities/style/theme';
5
+ export const styles = css `
6
+ ${iconSvgStyles}
7
+
8
+ .dark-icon {
9
+ display: none;
10
+ }
11
+ `.withBehaviors(themeBehavior(Theme.dark, css `
12
+ .light-icon {
13
+ display: none;
14
+ }
15
+
16
+ .dark-icon {
17
+ display: contents;
18
+ }
19
+ `));
20
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/icons/nigel-chat/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gDAAgD,CAAC;AACzF,OAAO,EAAE,KAAK,EAAE,MAAM,qDAAqD,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,sDAAsD,CAAC;AAErF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,aAAa;;;;;CAKlB,CAAC,aAAa,CACX,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAA;;;;;;;;KAQ5B,CAAC,CACL,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { styles as iconSvgStyles } from '@ni/nimble-components/dist/esm/icon-svg/styles';\nimport { Theme } from '@ni/nimble-components/dist/esm/theme-provider/types';\nimport { themeBehavior } from '@ni/nimble-components/dist/esm/utilities/style/theme';\n\nexport const styles = css`\n ${iconSvgStyles}\n\n .dark-icon {\n display: none;\n }\n`.withBehaviors(\n themeBehavior(Theme.dark, css`\n .light-icon {\n display: none;\n }\n\n .dark-icon {\n display: contents;\n }\n `)\n);\n"]}
@@ -0,0 +1,2 @@
1
+ import type { IconNigelChat } from '.';
2
+ export declare const template: import("@ni/fast-element").ViewTemplate<IconNigelChat, any>;
@@ -0,0 +1,7 @@
1
+ import { html } from '@ni/fast-element';
2
+ import { nigelChatLightData, nigelChatDarkData } from './icon-data';
3
+ export const template = html `
4
+ <div class="icon light-icon" aria-hidden="true" :innerHTML="${() => nigelChatLightData}"></div>
5
+ <div class="icon dark-icon" aria-hidden="true" :innerHTML="${() => nigelChatDarkData}"></div>
6
+ `;
7
+ //# sourceMappingURL=template.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/icons/nigel-chat/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEpE,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAe;kEACuB,GAAG,EAAE,CAAC,kBAAkB;iEACzB,GAAG,EAAE,CAAC,iBAAiB;CACvF,CAAC","sourcesContent":["import { html } from '@ni/fast-element';\nimport type { IconNigelChat } from '.';\nimport { nigelChatLightData, nigelChatDarkData } from './icon-data';\n\nexport const template = html<IconNigelChat>`\n <div class=\"icon light-icon\" aria-hidden=\"true\" :innerHTML=\"${() => nigelChatLightData}\"></div>\n <div class=\"icon dark-icon\" aria-hidden=\"true\" :innerHTML=\"${() => nigelChatDarkData}\"></div>\n`;\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ni/spright-components",
3
- "version": "6.15.9",
3
+ "version": "6.17.0",
4
4
  "description": "NI Spright Components",
5
5
  "scripts": {
6
6
  "build": "npm run build:components && npm run build:cem",