@ni/spright-components 6.13.0 → 6.14.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 +244 -205
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +4664 -4654
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/chat/conversation/styles.js +0 -2
- package/dist/esm/chat/conversation/styles.js.map +1 -1
- package/dist/esm/icons/all-icons.d.ts +1 -0
- package/dist/esm/icons/all-icons.js +1 -0
- package/dist/esm/icons/all-icons.js.map +1 -1
- package/dist/esm/icons/work-item-user-helmet-safety/index.d.ts +13 -0
- package/dist/esm/icons/work-item-user-helmet-safety/index.js +23 -0
- package/dist/esm/icons/work-item-user-helmet-safety/index.js.map +1 -0
- package/dist/esm/icons/work-item-user-helmet-safety/styles.d.ts +1 -0
- package/dist/esm/icons/work-item-user-helmet-safety/styles.js +11 -0
- package/dist/esm/icons/work-item-user-helmet-safety/styles.js.map +1 -0
- package/package.json +3 -3
|
@@ -7,12 +7,10 @@ export const styles = css `
|
|
|
7
7
|
:host {
|
|
8
8
|
flex-direction: column;
|
|
9
9
|
background: ${applicationBackgroundColor};
|
|
10
|
-
border: ${borderWidth} solid ${applicationBackgroundColor};
|
|
11
10
|
}
|
|
12
11
|
|
|
13
12
|
:host([appearance='overlay']) {
|
|
14
13
|
background: none;
|
|
15
|
-
border-color: transparent;
|
|
16
14
|
}
|
|
17
15
|
|
|
18
16
|
.toolbar {
|
|
@@ -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,eAAe,EAClB,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
|
|
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,eAAe,EAClB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA6B7B,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 sectionBackgroundImage,\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 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 .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"]}
|
|
@@ -2,4 +2,5 @@ export { IconWorkItemCalendarWeek } from './work-item-calendar-week';
|
|
|
2
2
|
export { IconWorkItemCalipers } from './work-item-calipers';
|
|
3
3
|
export { IconWorkItemForklift } from './work-item-forklift';
|
|
4
4
|
export { IconWorkItemRectangleCheckLines } from './work-item-rectangle-check-lines';
|
|
5
|
+
export { IconWorkItemUserHelmetSafety } from './work-item-user-helmet-safety';
|
|
5
6
|
export { IconWorkItemWrenchHammer } from './work-item-wrench-hammer';
|
|
@@ -2,5 +2,6 @@ export { IconWorkItemCalendarWeek } from './work-item-calendar-week';
|
|
|
2
2
|
export { IconWorkItemCalipers } from './work-item-calipers';
|
|
3
3
|
export { IconWorkItemForklift } from './work-item-forklift';
|
|
4
4
|
export { IconWorkItemRectangleCheckLines } from './work-item-rectangle-check-lines';
|
|
5
|
+
export { IconWorkItemUserHelmetSafety } from './work-item-user-helmet-safety';
|
|
5
6
|
export { IconWorkItemWrenchHammer } from './work-item-wrench-hammer';
|
|
6
7
|
//# sourceMappingURL=all-icons.js.map
|
|
@@ -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,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 { 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,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"]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { IconSvg } from '@ni/nimble-components/dist/esm/icon-svg';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'spright-icon-work-item-user-helmet-safety': IconWorkItemUserHelmetSafety;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Spright user helmet safety icon for work items
|
|
9
|
+
*/
|
|
10
|
+
export declare class IconWorkItemUserHelmetSafety extends IconSvg {
|
|
11
|
+
constructor();
|
|
12
|
+
}
|
|
13
|
+
export declare const iconWorkItemUserHelmetSafetyTag = "spright-icon-work-item-user-helmet-safety";
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { userHelmetSafety16X16 } from '@ni/nimble-tokens/dist/icons/js';
|
|
2
|
+
import { IconSvg } from '@ni/nimble-components/dist/esm/icon-svg';
|
|
3
|
+
import { template } from '@ni/nimble-components/dist/esm/icon-svg/template';
|
|
4
|
+
import { DesignSystem } from '@ni/fast-foundation';
|
|
5
|
+
import { styles } from './styles';
|
|
6
|
+
/**
|
|
7
|
+
* Spright user helmet safety icon for work items
|
|
8
|
+
*/
|
|
9
|
+
export class IconWorkItemUserHelmetSafety extends IconSvg {
|
|
10
|
+
constructor() {
|
|
11
|
+
super(userHelmetSafety16X16);
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
const sprightIconWorkItemUserHelmetSafety = IconWorkItemUserHelmetSafety.compose({
|
|
15
|
+
baseName: 'icon-work-item-user-helmet-safety',
|
|
16
|
+
template,
|
|
17
|
+
styles
|
|
18
|
+
});
|
|
19
|
+
DesignSystem.getOrCreate()
|
|
20
|
+
.withPrefix('spright')
|
|
21
|
+
.register(sprightIconWorkItemUserHelmetSafety());
|
|
22
|
+
export const iconWorkItemUserHelmetSafetyTag = 'spright-icon-work-item-user-helmet-safety';
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icons/work-item-user-helmet-safety/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,yCAAyC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,kDAAkD,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;GAEG;AACH,MAAM,OAAO,4BAA6B,SAAQ,OAAO;IACrD;QACI,KAAK,CAAC,qBAAqB,CAAC,CAAC;IACjC,CAAC;CACJ;AAED,MAAM,mCAAmC,GAAG,4BAA4B,CAAC,OAAO,CAAC;IAC7E,QAAQ,EAAE,mCAAmC;IAC7C,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,SAAS,CAAC;KACrB,QAAQ,CAAC,mCAAmC,EAAE,CAAC,CAAC;AAErD,MAAM,CAAC,MAAM,+BAA+B,GAAG,2CAA2C,CAAC","sourcesContent":["import { userHelmetSafety16X16 } from '@ni/nimble-tokens/dist/icons/js';\nimport { IconSvg } from '@ni/nimble-components/dist/esm/icon-svg';\nimport { template } from '@ni/nimble-components/dist/esm/icon-svg/template';\nimport { DesignSystem } from '@ni/fast-foundation';\nimport { styles } from './styles';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'spright-icon-work-item-user-helmet-safety': IconWorkItemUserHelmetSafety;\n }\n}\n\n/**\n * Spright user helmet safety icon for work items\n */\nexport class IconWorkItemUserHelmetSafety extends IconSvg {\n public constructor() {\n super(userHelmetSafety16X16);\n }\n}\n\nconst sprightIconWorkItemUserHelmetSafety = IconWorkItemUserHelmetSafety.compose({\n baseName: 'icon-work-item-user-helmet-safety',\n template,\n styles\n});\n\nDesignSystem.getOrCreate()\n .withPrefix('spright')\n .register(sprightIconWorkItemUserHelmetSafety());\n\nexport const iconWorkItemUserHelmetSafetyTag = 'spright-icon-work-item-user-helmet-safety';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("@ni/fast-element").ElementStyles;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { css } from '@ni/fast-element';
|
|
2
|
+
import { calendarEventBorderJobColor } from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';
|
|
3
|
+
import { styles as iconSvgStyles } from '@ni/nimble-components/dist/esm/icon-svg/styles';
|
|
4
|
+
export const styles = css `
|
|
5
|
+
${iconSvgStyles}
|
|
6
|
+
|
|
7
|
+
.icon svg {
|
|
8
|
+
fill: ${calendarEventBorderJobColor};
|
|
9
|
+
}
|
|
10
|
+
`;
|
|
11
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/icons/work-item-user-helmet-safety/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,2BAA2B,EAAE,MAAM,6DAA6D,CAAC;AAC1G,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAEzF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,aAAa;;;gBAGH,2BAA2B;;CAE1C,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { calendarEventBorderJobColor } from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';\nimport { styles as iconSvgStyles } from '@ni/nimble-components/dist/esm/icon-svg/styles';\n\nexport const styles = css`\n ${iconSvgStyles}\n\n .icon svg {\n fill: ${calendarEventBorderJobColor};\n }\n`;\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ni/spright-components",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.14.1",
|
|
4
4
|
"description": "NI Spright Components",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "npm run build:components && npm run build:cem",
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
"@ni/fast-element": "^10.1.0",
|
|
43
43
|
"@ni/fast-foundation": "^10.2.1",
|
|
44
44
|
"@ni/fast-web-utilities": "^10.0.0",
|
|
45
|
-
"@ni/nimble-components": "^35.
|
|
46
|
-
"@ni/nimble-tokens": "^8.
|
|
45
|
+
"@ni/nimble-components": "^35.5.0",
|
|
46
|
+
"@ni/nimble-tokens": "^8.17.0",
|
|
47
47
|
"tslib": "^2.2.0"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|