@ni/spright-components 6.12.0 → 6.13.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.
- package/dist/all-components-bundle.js +321 -196
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +4685 -4630
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/custom-elements.json +152 -152
- package/dist/custom-elements.md +30 -30
- package/dist/esm/all-components.d.ts +1 -0
- package/dist/esm/all-components.js +1 -0
- package/dist/esm/all-components.js.map +1 -1
- package/dist/esm/icons/all-icons.d.ts +5 -0
- package/dist/esm/icons/all-icons.js +6 -0
- package/dist/esm/icons/all-icons.js.map +1 -0
- package/dist/esm/icons/work-item-calendar-week/index.d.ts +13 -0
- package/dist/esm/icons/work-item-calendar-week/index.js +23 -0
- package/dist/esm/icons/work-item-calendar-week/index.js.map +1 -0
- package/dist/esm/icons/work-item-calendar-week/styles.d.ts +1 -0
- package/dist/esm/icons/work-item-calendar-week/styles.js +11 -0
- package/dist/esm/icons/work-item-calendar-week/styles.js.map +1 -0
- package/dist/esm/icons/work-item-calipers/index.d.ts +13 -0
- package/dist/esm/icons/work-item-calipers/index.js +23 -0
- package/dist/esm/icons/work-item-calipers/index.js.map +1 -0
- package/dist/esm/icons/work-item-calipers/styles.d.ts +1 -0
- package/dist/esm/icons/work-item-calipers/styles.js +11 -0
- package/dist/esm/icons/work-item-calipers/styles.js.map +1 -0
- package/dist/esm/icons/work-item-forklift/index.d.ts +13 -0
- package/dist/esm/icons/work-item-forklift/index.js +23 -0
- package/dist/esm/icons/work-item-forklift/index.js.map +1 -0
- package/dist/esm/icons/work-item-forklift/styles.d.ts +1 -0
- package/dist/esm/icons/work-item-forklift/styles.js +11 -0
- package/dist/esm/icons/work-item-forklift/styles.js.map +1 -0
- package/dist/esm/icons/work-item-rectangle-check-lines/index.d.ts +13 -0
- package/dist/esm/icons/work-item-rectangle-check-lines/index.js +23 -0
- package/dist/esm/icons/work-item-rectangle-check-lines/index.js.map +1 -0
- package/dist/esm/icons/work-item-rectangle-check-lines/styles.d.ts +1 -0
- package/dist/esm/icons/work-item-rectangle-check-lines/styles.js +11 -0
- package/dist/esm/icons/work-item-rectangle-check-lines/styles.js.map +1 -0
- package/dist/esm/icons/work-item-wrench-hammer/index.d.ts +13 -0
- package/dist/esm/icons/work-item-wrench-hammer/index.js +23 -0
- package/dist/esm/icons/work-item-wrench-hammer/index.js.map +1 -0
- package/dist/esm/icons/work-item-wrench-hammer/styles.d.ts +1 -0
- package/dist/esm/icons/work-item-wrench-hammer/styles.js +11 -0
- package/dist/esm/icons/work-item-wrench-hammer/styles.js.map +1 -0
- package/dist/esm/utilities/style/user-select.d.ts +5 -0
- package/dist/esm/utilities/style/user-select.js +10 -0
- package/dist/esm/utilities/style/user-select.js.map +1 -0
- package/package.json +2 -1
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { rectangleCheckLines16X16 } 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 rectangle check lines icon for test plan work items
|
|
8
|
+
*/
|
|
9
|
+
export class IconWorkItemRectangleCheckLines extends IconSvg {
|
|
10
|
+
constructor() {
|
|
11
|
+
super(rectangleCheckLines16X16);
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
const sprightIconWorkItemRectangleCheckLines = IconWorkItemRectangleCheckLines.compose({
|
|
15
|
+
baseName: 'icon-work-item-rectangle-check-lines',
|
|
16
|
+
template,
|
|
17
|
+
styles
|
|
18
|
+
});
|
|
19
|
+
DesignSystem.getOrCreate()
|
|
20
|
+
.withPrefix('spright')
|
|
21
|
+
.register(sprightIconWorkItemRectangleCheckLines());
|
|
22
|
+
export const iconWorkItemRectangleCheckLinesTag = 'spright-icon-work-item-rectangle-check-lines';
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icons/work-item-rectangle-check-lines/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,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,+BAAgC,SAAQ,OAAO;IACxD;QACI,KAAK,CAAC,wBAAwB,CAAC,CAAC;IACpC,CAAC;CACJ;AAED,MAAM,sCAAsC,GAAG,+BAA+B,CAAC,OAAO,CAAC;IACnF,QAAQ,EAAE,sCAAsC;IAChD,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,SAAS,CAAC;KACrB,QAAQ,CAAC,sCAAsC,EAAE,CAAC,CAAC;AAExD,MAAM,CAAC,MAAM,kCAAkC,GAAG,8CAA8C,CAAC","sourcesContent":["import { rectangleCheckLines16X16 } 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-rectangle-check-lines': IconWorkItemRectangleCheckLines;\n }\n}\n\n/**\n * Spright rectangle check lines icon for test plan work items\n */\nexport class IconWorkItemRectangleCheckLines extends IconSvg {\n public constructor() {\n super(rectangleCheckLines16X16);\n }\n}\n\nconst sprightIconWorkItemRectangleCheckLines = IconWorkItemRectangleCheckLines.compose({\n baseName: 'icon-work-item-rectangle-check-lines',\n template,\n styles\n});\n\nDesignSystem.getOrCreate()\n .withPrefix('spright')\n .register(sprightIconWorkItemRectangleCheckLines());\n\nexport const iconWorkItemRectangleCheckLinesTag = 'spright-icon-work-item-rectangle-check-lines';\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 { calendarEventBorderStaticColor } 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: ${calendarEventBorderStaticColor};
|
|
9
|
+
}
|
|
10
|
+
`;
|
|
11
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/icons/work-item-rectangle-check-lines/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,8BAA8B,EAAE,MAAM,6DAA6D,CAAC;AAC7G,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAEzF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,aAAa;;;gBAGH,8BAA8B;;CAE7C,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { calendarEventBorderStaticColor } 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: ${calendarEventBorderStaticColor};\n }\n`;\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-wrench-hammer': IconWorkItemWrenchHammer;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Spright wrench hammer icon for maintenance work items
|
|
9
|
+
*/
|
|
10
|
+
export declare class IconWorkItemWrenchHammer extends IconSvg {
|
|
11
|
+
constructor();
|
|
12
|
+
}
|
|
13
|
+
export declare const iconWorkItemWrenchHammerTag = "spright-icon-work-item-wrench-hammer";
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { wrenchHammer16X16 } 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 wrench hammer icon for maintenance work items
|
|
8
|
+
*/
|
|
9
|
+
export class IconWorkItemWrenchHammer extends IconSvg {
|
|
10
|
+
constructor() {
|
|
11
|
+
super(wrenchHammer16X16);
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
const sprightIconWorkItemWrenchHammer = IconWorkItemWrenchHammer.compose({
|
|
15
|
+
baseName: 'icon-work-item-wrench-hammer',
|
|
16
|
+
template,
|
|
17
|
+
styles
|
|
18
|
+
});
|
|
19
|
+
DesignSystem.getOrCreate()
|
|
20
|
+
.withPrefix('spright')
|
|
21
|
+
.register(sprightIconWorkItemWrenchHammer());
|
|
22
|
+
export const iconWorkItemWrenchHammerTag = 'spright-icon-work-item-wrench-hammer';
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icons/work-item-wrench-hammer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,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,wBAAyB,SAAQ,OAAO;IACjD;QACI,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC7B,CAAC;CACJ;AAED,MAAM,+BAA+B,GAAG,wBAAwB,CAAC,OAAO,CAAC;IACrE,QAAQ,EAAE,8BAA8B;IACxC,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,SAAS,CAAC;KACrB,QAAQ,CAAC,+BAA+B,EAAE,CAAC,CAAC;AAEjD,MAAM,CAAC,MAAM,2BAA2B,GAAG,sCAAsC,CAAC","sourcesContent":["import { wrenchHammer16X16 } 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-wrench-hammer': IconWorkItemWrenchHammer;\n }\n}\n\n/**\n * Spright wrench hammer icon for maintenance work items\n */\nexport class IconWorkItemWrenchHammer extends IconSvg {\n public constructor() {\n super(wrenchHammer16X16);\n }\n}\n\nconst sprightIconWorkItemWrenchHammer = IconWorkItemWrenchHammer.compose({\n baseName: 'icon-work-item-wrench-hammer',\n template,\n styles\n});\n\nDesignSystem.getOrCreate()\n .withPrefix('spright')\n .register(sprightIconWorkItemWrenchHammer());\n\nexport const iconWorkItemWrenchHammerTag = 'spright-icon-work-item-wrench-hammer';\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 { calendarEventBorderMaintenanceColor } 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: ${calendarEventBorderMaintenanceColor};
|
|
9
|
+
}
|
|
10
|
+
`;
|
|
11
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/icons/work-item-wrench-hammer/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,mCAAmC,EAAE,MAAM,6DAA6D,CAAC;AAClH,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAEzF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,aAAa;;;gBAGH,mCAAmC;;CAElD,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { calendarEventBorderMaintenanceColor } 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: ${calendarEventBorderMaintenanceColor};\n }\n`;\n"]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { cssPartial } from '@ni/fast-element';
|
|
2
|
+
/**
|
|
3
|
+
* Set user-select: none in a way that works across all supported browsers.
|
|
4
|
+
* https://developer.mozilla.org/en-US/docs/Web/CSS/user-select#browser_compatibility
|
|
5
|
+
*/
|
|
6
|
+
export const userSelectNone = cssPartial `
|
|
7
|
+
user-select: none;
|
|
8
|
+
-webkit-user-select: none;
|
|
9
|
+
`;
|
|
10
|
+
//# sourceMappingURL=user-select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"user-select.js","sourceRoot":"","sources":["../../../../src/utilities/style/user-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAA;;;CAGvC,CAAC","sourcesContent":["import { cssPartial } from '@ni/fast-element';\n\n/**\n * Set user-select: none in a way that works across all supported browsers.\n * https://developer.mozilla.org/en-US/docs/Web/CSS/user-select#browser_compatibility\n */\nexport const userSelectNone = cssPartial`\n user-select: none;\n -webkit-user-select: none;\n`;\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ni/spright-components",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.13.0",
|
|
4
4
|
"description": "NI Spright Components",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "npm run build:components && npm run build:cem",
|
|
@@ -43,6 +43,7 @@
|
|
|
43
43
|
"@ni/fast-foundation": "^10.2.1",
|
|
44
44
|
"@ni/fast-web-utilities": "^10.0.0",
|
|
45
45
|
"@ni/nimble-components": "^35.4.0",
|
|
46
|
+
"@ni/nimble-tokens": "^8.16.0",
|
|
46
47
|
"tslib": "^2.2.0"
|
|
47
48
|
},
|
|
48
49
|
"devDependencies": {
|