@ni/spright-components 6.21.1 → 6.21.2
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 +3 -2
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +3 -2
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/chat/conversation/styles.js +1 -1
- package/dist/esm/chat/conversation/styles.js.map +1 -1
- package/dist/esm/chat/message/welcome/styles.js +2 -1
- package/dist/esm/chat/message/welcome/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/chat/conversation/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EACH,0BAA0B,EAC1B,WAAW,EACX,sBAAsB,EACtB,aAAa,EACb,sBAAsB,EACtB,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,QAAQ,EACR,aAAa,GAChB,MAAM,6DAA6D,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;;sBAKC,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA2BzB,eAAe;sBAChB,WAAW,UAAU,sBAAsB;;;;;;;;gBAQjD,aAAa;iBACZ,oBAAoB;UAC3B,QAAQ,CAAC,iBAAiB,KAAK,aAAa;UAC5C,aAAa,CAAC,iBAAiB,KAAK,oBAAoB;;;;;;;;mBAQ/C,aAAa,IAAI,eAAe,IAAI,aAAa;cACtD,eAAe;sBACP,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;mBA0BzB,WAAW,IAAI,eAAe,IAAI,eAAe;cACtD,eAAe;;;;uBAIN,eAAe,QAAQ,eAAe;;CAE5D,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport {\n applicationBackgroundColor,\n borderWidth,\n dividerBackgroundColor,\n errorTextFont,\n sectionBackgroundImage,\n mediumPadding,\n standardPadding,\n placeholderFontColor,\n linkFont,\n linkFontColor,\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 height: 480px;\n flex-direction: column;\n background: ${applicationBackgroundColor};\n }\n\n :host([appearance='overlay']) {\n background: none;\n }\n\n .toolbar {\n display: block;\n }\n\n .toolbar.toolbar-empty {\n display: none;\n }\n\n .start {\n display: block;\n }\n\n .start.start-empty {\n display: none;\n }\n\n .end {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n padding: 2px ${standardPadding};\n border-top: ${borderWidth} solid ${dividerBackgroundColor};\n }\n\n .end.end-empty {\n display: none;\n }\n\n ::slotted([slot=\"end\"]) {\n font: ${errorTextFont};\n color: ${placeholderFontColor};\n ${linkFont.cssCustomProperty}: ${errorTextFont};\n ${linkFontColor.cssCustomProperty}: ${placeholderFontColor};\n }\n\n .messages {\n flex: 1;\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n padding: ${mediumPadding} ${standardPadding} ${mediumPadding}\n ${standardPadding};\n background: ${sectionBackgroundImage};\n overflow-y: auto;\n overflow-anchor: none;\n }\n\n .messages-history,\n .messages-anchored {\n flex: none;\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n }\n\n .messages-history.region-empty {\n display: none;\n }\n\n .messages-anchored
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/chat/conversation/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EACH,0BAA0B,EAC1B,WAAW,EACX,sBAAsB,EACtB,aAAa,EACb,sBAAsB,EACtB,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,QAAQ,EACR,aAAa,GAChB,MAAM,6DAA6D,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;;sBAKC,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA2BzB,eAAe;sBAChB,WAAW,UAAU,sBAAsB;;;;;;;;gBAQjD,aAAa;iBACZ,oBAAoB;UAC3B,QAAQ,CAAC,iBAAiB,KAAK,aAAa;UAC5C,aAAa,CAAC,iBAAiB,KAAK,oBAAoB;;;;;;;;mBAQ/C,aAAa,IAAI,eAAe,IAAI,aAAa;cACtD,eAAe;sBACP,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;mBA0BzB,WAAW,IAAI,eAAe,IAAI,eAAe;cACtD,eAAe;;;;uBAIN,eAAe,QAAQ,eAAe;;CAE5D,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport {\n applicationBackgroundColor,\n borderWidth,\n dividerBackgroundColor,\n errorTextFont,\n sectionBackgroundImage,\n mediumPadding,\n standardPadding,\n placeholderFontColor,\n linkFont,\n linkFontColor,\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 height: 480px;\n flex-direction: column;\n background: ${applicationBackgroundColor};\n }\n\n :host([appearance='overlay']) {\n background: none;\n }\n\n .toolbar {\n display: block;\n }\n\n .toolbar.toolbar-empty {\n display: none;\n }\n\n .start {\n display: block;\n }\n\n .start.start-empty {\n display: none;\n }\n\n .end {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n padding: 2px ${standardPadding};\n border-top: ${borderWidth} solid ${dividerBackgroundColor};\n }\n\n .end.end-empty {\n display: none;\n }\n\n ::slotted([slot=\"end\"]) {\n font: ${errorTextFont};\n color: ${placeholderFontColor};\n ${linkFont.cssCustomProperty}: ${errorTextFont};\n ${linkFontColor.cssCustomProperty}: ${placeholderFontColor};\n }\n\n .messages {\n flex: 1;\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n padding: ${mediumPadding} ${standardPadding} ${mediumPadding}\n ${standardPadding};\n background: ${sectionBackgroundImage};\n overflow-y: auto;\n overflow-anchor: none;\n }\n\n .messages-history,\n .messages-anchored {\n flex: none;\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n }\n\n .messages-history.region-empty {\n display: none;\n }\n\n .messages-anchored {\n min-height: 100%;\n }\n\n :host([appearance='overlay']) .messages {\n background: none;\n }\n\n .input {\n padding: ${borderWidth} ${standardPadding} ${standardPadding}\n ${standardPadding};\n }\n\n .input.input-empty {\n padding: 0px ${standardPadding} 0px ${standardPadding};\n }\n`;\n"]}
|
|
@@ -8,9 +8,10 @@ export const styles = css `
|
|
|
8
8
|
min-width: ${standardPadding};
|
|
9
9
|
min-height: ${standardPadding};
|
|
10
10
|
|
|
11
|
+
flex: 1;
|
|
11
12
|
flex-direction: row;
|
|
12
13
|
justify-content: center;
|
|
13
|
-
|
|
14
|
+
align-items: center;
|
|
14
15
|
font: ${bodyFont};
|
|
15
16
|
color: ${bodyFontColor};
|
|
16
17
|
}
|
|
@@ -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;;;;;;gBAMrB,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: 1;\n flex-direction: row;\n justify-content: 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 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"]}
|