@ni/spright-components 6.15.0 → 6.15.1
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 +2 -2
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +2 -2
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/chat/conversation/styles.js +3 -3
- package/dist/esm/chat/conversation/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css } from '@ni/fast-element';
|
|
2
|
-
import { applicationBackgroundColor, borderWidth, dividerBackgroundColor, sectionBackgroundImage, mediumPadding, standardPadding,
|
|
2
|
+
import { applicationBackgroundColor, borderWidth, dividerBackgroundColor, errorTextFont, sectionBackgroundImage, mediumPadding, standardPadding, placeholderFontColor, linkFont, linkFontColor, } from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';
|
|
3
3
|
import { display } from '../../utilities/style/display';
|
|
4
4
|
export const styles = css `
|
|
5
5
|
${display('flex')}
|
|
@@ -42,9 +42,9 @@ export const styles = css `
|
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
::slotted([slot="end"]) {
|
|
45
|
+
font: ${errorTextFont};
|
|
45
46
|
color: ${placeholderFontColor};
|
|
46
|
-
|
|
47
|
-
${linkFont.cssCustomProperty}: ${controlLabelFont};
|
|
47
|
+
${linkFont.cssCustomProperty}: ${errorTextFont};
|
|
48
48
|
${linkFontColor.cssCustomProperty}: ${placeholderFontColor};
|
|
49
49
|
}
|
|
50
50
|
|
|
@@ -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,sBAAsB,EACtB,aAAa,EACb,eAAe,EACf,
|
|
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;;;;sBAIC,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA2BzB,eAAe;sBAChB,WAAW,UAAU,sBAAsB;;;;;;;;gBAQjD,aAAa;iBACZ,oBAAoB;UAC3B,QAAQ,CAAC,iBAAiB,KAAK,aAAa;UAC5C,aAAa,CAAC,iBAAiB,KAAK,oBAAoB;;;;;;;;;mBAS/C,aAAa,IAAI,eAAe,IAAI,aAAa;cACtD,eAAe;sBACP,sBAAsB;;;;;;;;;mBASzB,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 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 justify-content: flex-start;\n row-gap: 32px;\n padding: ${mediumPadding} ${standardPadding} ${mediumPadding}\n ${standardPadding};\n background: ${sectionBackgroundImage};\n overflow-y: auto;\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"]}
|