@ni/spright-components 6.18.3 → 6.19.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 +1347 -406
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +3228 -3096
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/icons/all-icons.d.ts +7 -0
- package/dist/esm/icons/all-icons.js +7 -0
- package/dist/esm/icons/all-icons.js.map +1 -1
- package/dist/esm/icons/breakpoint-conditional/icon-data.d.ts +1 -0
- package/dist/esm/icons/breakpoint-conditional/icon-data.js +12 -0
- package/dist/esm/icons/breakpoint-conditional/icon-data.js.map +1 -0
- package/dist/esm/icons/breakpoint-conditional/index.d.ts +12 -0
- package/dist/esm/icons/breakpoint-conditional/index.js +23 -0
- package/dist/esm/icons/breakpoint-conditional/index.js.map +1 -0
- package/dist/esm/icons/breakpoint-disabled/icon-data.d.ts +1 -0
- package/dist/esm/icons/breakpoint-disabled/icon-data.js +13 -0
- package/dist/esm/icons/breakpoint-disabled/icon-data.js.map +1 -0
- package/dist/esm/icons/breakpoint-disabled/index.d.ts +12 -0
- package/dist/esm/icons/breakpoint-disabled/index.js +23 -0
- package/dist/esm/icons/breakpoint-disabled/index.js.map +1 -0
- package/dist/esm/icons/breakpoint-enabled/icon-data.d.ts +1 -0
- package/dist/esm/icons/breakpoint-enabled/icon-data.js +12 -0
- package/dist/esm/icons/breakpoint-enabled/icon-data.js.map +1 -0
- package/dist/esm/icons/breakpoint-enabled/index.d.ts +12 -0
- package/dist/esm/icons/breakpoint-enabled/index.js +23 -0
- package/dist/esm/icons/breakpoint-enabled/index.js.map +1 -0
- package/dist/esm/icons/breakpoint-execution-pointer/icon-data.d.ts +1 -0
- package/dist/esm/icons/breakpoint-execution-pointer/icon-data.js +12 -0
- package/dist/esm/icons/breakpoint-execution-pointer/icon-data.js.map +1 -0
- package/dist/esm/icons/breakpoint-execution-pointer/index.d.ts +12 -0
- package/dist/esm/icons/breakpoint-execution-pointer/index.js +23 -0
- package/dist/esm/icons/breakpoint-execution-pointer/index.js.map +1 -0
- package/dist/esm/icons/breakpoint-hit/icon-data.d.ts +1 -0
- package/dist/esm/icons/breakpoint-hit/icon-data.js +17 -0
- package/dist/esm/icons/breakpoint-hit/icon-data.js.map +1 -0
- package/dist/esm/icons/breakpoint-hit/index.d.ts +12 -0
- package/dist/esm/icons/breakpoint-hit/index.js +23 -0
- package/dist/esm/icons/breakpoint-hit/index.js.map +1 -0
- package/dist/esm/icons/breakpoint-hit-disabled/icon-data.d.ts +1 -0
- package/dist/esm/icons/breakpoint-hit-disabled/icon-data.js +17 -0
- package/dist/esm/icons/breakpoint-hit-disabled/icon-data.js.map +1 -0
- package/dist/esm/icons/breakpoint-hit-disabled/index.d.ts +12 -0
- package/dist/esm/icons/breakpoint-hit-disabled/index.js +23 -0
- package/dist/esm/icons/breakpoint-hit-disabled/index.js.map +1 -0
- package/dist/esm/icons/breakpoint-hover/icon-data.d.ts +1 -0
- package/dist/esm/icons/breakpoint-hover/icon-data.js +13 -0
- package/dist/esm/icons/breakpoint-hover/icon-data.js.map +1 -0
- package/dist/esm/icons/breakpoint-hover/index.d.ts +12 -0
- package/dist/esm/icons/breakpoint-hover/index.js +23 -0
- package/dist/esm/icons/breakpoint-hover/index.js.map +1 -0
- package/package.json +4 -4
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
export { IconBreakpointConditional } from './breakpoint-conditional';
|
|
2
|
+
export { IconBreakpointDisabled } from './breakpoint-disabled';
|
|
3
|
+
export { IconBreakpointEnabled } from './breakpoint-enabled';
|
|
4
|
+
export { IconBreakpointExecutionPointer } from './breakpoint-execution-pointer';
|
|
5
|
+
export { IconBreakpointHitDisabled } from './breakpoint-hit-disabled';
|
|
6
|
+
export { IconBreakpointHit } from './breakpoint-hit';
|
|
7
|
+
export { IconBreakpointHover } from './breakpoint-hover';
|
|
1
8
|
export { IconNigelChat } from './nigel-chat';
|
|
2
9
|
export { IconWorkItemCalendarWeek } from './work-item-calendar-week';
|
|
3
10
|
export { IconWorkItemCalipers } from './work-item-calipers';
|
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
export { IconBreakpointConditional } from './breakpoint-conditional';
|
|
2
|
+
export { IconBreakpointDisabled } from './breakpoint-disabled';
|
|
3
|
+
export { IconBreakpointEnabled } from './breakpoint-enabled';
|
|
4
|
+
export { IconBreakpointExecutionPointer } from './breakpoint-execution-pointer';
|
|
5
|
+
export { IconBreakpointHitDisabled } from './breakpoint-hit-disabled';
|
|
6
|
+
export { IconBreakpointHit } from './breakpoint-hit';
|
|
7
|
+
export { IconBreakpointHover } from './breakpoint-hover';
|
|
1
8
|
export { IconNigelChat } from './nigel-chat';
|
|
2
9
|
export { IconWorkItemCalendarWeek } from './work-item-calendar-week';
|
|
3
10
|
export { IconWorkItemCalipers } from './work-item-calipers';
|
|
@@ -1 +1 @@
|
|
|
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"]}
|
|
1
|
+
{"version":3,"file":"all-icons.js","sourceRoot":"","sources":["../../../src/icons/all-icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,8BAA8B,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzD,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 { IconBreakpointConditional } from './breakpoint-conditional';\nexport { IconBreakpointDisabled } from './breakpoint-disabled';\nexport { IconBreakpointEnabled } from './breakpoint-enabled';\nexport { IconBreakpointExecutionPointer } from './breakpoint-execution-pointer';\nexport { IconBreakpointHitDisabled } from './breakpoint-hit-disabled';\nexport { IconBreakpointHit } from './breakpoint-hit';\nexport { IconBreakpointHover } from './breakpoint-hover';\nexport { 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 @@
|
|
|
1
|
+
export declare const iconData = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <defs>\n <style>\n .breakpoint-conditional-0 {\n fill: #c42126;\n }\n </style>\n </defs>\n <path class=\"breakpoint-conditional-0\" d=\"M8,3c-2.76,0-5,2.24-5,5s2.24,5,5,5,5-2.24,5-5-2.24-5-5-5ZM11,9h-2v2h-2v-2h-2v-2h2v-2h2v2h2v2Z\"/>\n</svg>";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export const iconData = `<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
|
|
3
|
+
<defs>
|
|
4
|
+
<style>
|
|
5
|
+
.breakpoint-conditional-0 {
|
|
6
|
+
fill: #c42126;
|
|
7
|
+
}
|
|
8
|
+
</style>
|
|
9
|
+
</defs>
|
|
10
|
+
<path class="breakpoint-conditional-0" d="M8,3c-2.76,0-5,2.24-5,5s2.24,5,5,5,5-2.24,5-5-2.24-5-5-5ZM11,9h-2v2h-2v-2h-2v-2h2v-2h2v2h2v2Z"/>
|
|
11
|
+
</svg>`;
|
|
12
|
+
//# sourceMappingURL=icon-data.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-data.js","sourceRoot":"","sources":["../../../../src/icons/breakpoint-conditional/icon-data.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;OAUjB,CAAC","sourcesContent":["export const iconData = `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <defs>\n <style>\n .breakpoint-conditional-0 {\n fill: #c42126;\n }\n </style>\n </defs>\n <path class=\"breakpoint-conditional-0\" d=\"M8,3c-2.76,0-5,2.24-5,5s2.24,5,5,5,5-2.24,5-5-2.24-5-5-5ZM11,9h-2v2h-2v-2h-2v-2h2v-2h2v2h2v2Z\"/>\n</svg>`;"]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Icon } from '@ni/nimble-components/dist/esm/icon-base';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'spright-icon-breakpoint-conditional': IconBreakpointConditional;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Spright breakpoint conditional icon.
|
|
9
|
+
*/
|
|
10
|
+
export declare class IconBreakpointConditional extends Icon {
|
|
11
|
+
}
|
|
12
|
+
export declare const iconBreakpointConditionalTag = "spright-icon-breakpoint-conditional";
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Icon } from '@ni/nimble-components/dist/esm/icon-base';
|
|
2
|
+
import { styles } from '@ni/nimble-components/dist/esm/icon-svg/styles';
|
|
3
|
+
import { html } from '@ni/fast-element';
|
|
4
|
+
import { DesignSystem } from '@ni/fast-foundation';
|
|
5
|
+
import { iconData } from './icon-data';
|
|
6
|
+
/**
|
|
7
|
+
* Spright breakpoint conditional icon.
|
|
8
|
+
*/
|
|
9
|
+
export class IconBreakpointConditional extends Icon {
|
|
10
|
+
}
|
|
11
|
+
const template = html `
|
|
12
|
+
<div class="icon" aria-hidden="true" :innerHTML="${() => iconData}"></div>
|
|
13
|
+
`;
|
|
14
|
+
const sprightIconBreakpointConditional = IconBreakpointConditional.compose({
|
|
15
|
+
baseName: 'icon-breakpoint-conditional',
|
|
16
|
+
template,
|
|
17
|
+
styles
|
|
18
|
+
});
|
|
19
|
+
DesignSystem.getOrCreate()
|
|
20
|
+
.withPrefix('spright')
|
|
21
|
+
.register(sprightIconBreakpointConditional());
|
|
22
|
+
export const iconBreakpointConditionalTag = 'spright-icon-breakpoint-conditional';
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icons/breakpoint-conditional/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,gDAAgD,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQvC;;GAEG;AACH,MAAM,OAAO,yBAA0B,SAAQ,IAAI;CAAG;AAEtD,MAAM,QAAQ,GAAG,IAAI,CAA2B;uDACO,GAAG,EAAE,CAAC,QAAQ;CACpE,CAAC;AAEF,MAAM,gCAAgC,GAAG,yBAAyB,CAAC,OAAO,CAAC;IACvE,QAAQ,EAAE,6BAA6B;IACvC,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,SAAS,CAAC;KACrB,QAAQ,CAAC,gCAAgC,EAAE,CAAC,CAAC;AAElD,MAAM,CAAC,MAAM,4BAA4B,GAAG,qCAAqC,CAAC","sourcesContent":["import { Icon } from '@ni/nimble-components/dist/esm/icon-base';\nimport { styles } from '@ni/nimble-components/dist/esm/icon-svg/styles';\nimport { html } from '@ni/fast-element';\nimport { DesignSystem } from '@ni/fast-foundation';\nimport { iconData } from './icon-data';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'spright-icon-breakpoint-conditional': IconBreakpointConditional;\n }\n}\n\n/**\n * Spright breakpoint conditional icon.\n */\nexport class IconBreakpointConditional extends Icon {}\n\nconst template = html<IconBreakpointConditional>`\n <div class=\"icon\" aria-hidden=\"true\" :innerHTML=\"${() => iconData}\"></div>\n`;\n\nconst sprightIconBreakpointConditional = IconBreakpointConditional.compose({\n baseName: 'icon-breakpoint-conditional',\n template,\n styles\n});\n\nDesignSystem.getOrCreate()\n .withPrefix('spright')\n .register(sprightIconBreakpointConditional());\n\nexport const iconBreakpointConditionalTag = 'spright-icon-breakpoint-conditional';"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const iconData = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <defs>\n <style>\n .breakpoint-disabled-0 {\n fill: #161617;\n opacity: .3;\n }\n </style>\n </defs>\n <circle class=\"breakpoint-disabled-0\" cx=\"8\" cy=\"8\" r=\"5\"/>\n</svg>";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export const iconData = `<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
|
|
3
|
+
<defs>
|
|
4
|
+
<style>
|
|
5
|
+
.breakpoint-disabled-0 {
|
|
6
|
+
fill: #161617;
|
|
7
|
+
opacity: .3;
|
|
8
|
+
}
|
|
9
|
+
</style>
|
|
10
|
+
</defs>
|
|
11
|
+
<circle class="breakpoint-disabled-0" cx="8" cy="8" r="5"/>
|
|
12
|
+
</svg>`;
|
|
13
|
+
//# sourceMappingURL=icon-data.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-data.js","sourceRoot":"","sources":["../../../../src/icons/breakpoint-disabled/icon-data.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;;OAWjB,CAAC","sourcesContent":["export const iconData = `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <defs>\n <style>\n .breakpoint-disabled-0 {\n fill: #161617;\n opacity: .3;\n }\n </style>\n </defs>\n <circle class=\"breakpoint-disabled-0\" cx=\"8\" cy=\"8\" r=\"5\"/>\n</svg>`;"]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Icon } from '@ni/nimble-components/dist/esm/icon-base';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'spright-icon-breakpoint-disabled': IconBreakpointDisabled;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Spright breakpoint disabled icon.
|
|
9
|
+
*/
|
|
10
|
+
export declare class IconBreakpointDisabled extends Icon {
|
|
11
|
+
}
|
|
12
|
+
export declare const iconBreakpointDisabledTag = "spright-icon-breakpoint-disabled";
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Icon } from '@ni/nimble-components/dist/esm/icon-base';
|
|
2
|
+
import { styles } from '@ni/nimble-components/dist/esm/icon-svg/styles';
|
|
3
|
+
import { html } from '@ni/fast-element';
|
|
4
|
+
import { DesignSystem } from '@ni/fast-foundation';
|
|
5
|
+
import { iconData } from './icon-data';
|
|
6
|
+
/**
|
|
7
|
+
* Spright breakpoint disabled icon.
|
|
8
|
+
*/
|
|
9
|
+
export class IconBreakpointDisabled extends Icon {
|
|
10
|
+
}
|
|
11
|
+
const template = html `
|
|
12
|
+
<div class="icon" aria-hidden="true" :innerHTML="${() => iconData}"></div>
|
|
13
|
+
`;
|
|
14
|
+
const sprightIconBreakpointDisabled = IconBreakpointDisabled.compose({
|
|
15
|
+
baseName: 'icon-breakpoint-disabled',
|
|
16
|
+
template,
|
|
17
|
+
styles
|
|
18
|
+
});
|
|
19
|
+
DesignSystem.getOrCreate()
|
|
20
|
+
.withPrefix('spright')
|
|
21
|
+
.register(sprightIconBreakpointDisabled());
|
|
22
|
+
export const iconBreakpointDisabledTag = 'spright-icon-breakpoint-disabled';
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icons/breakpoint-disabled/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,gDAAgD,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQvC;;GAEG;AACH,MAAM,OAAO,sBAAuB,SAAQ,IAAI;CAAG;AAEnD,MAAM,QAAQ,GAAG,IAAI,CAAwB;uDACU,GAAG,EAAE,CAAC,QAAQ;CACpE,CAAC;AAEF,MAAM,6BAA6B,GAAG,sBAAsB,CAAC,OAAO,CAAC;IACjE,QAAQ,EAAE,0BAA0B;IACpC,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,SAAS,CAAC;KACrB,QAAQ,CAAC,6BAA6B,EAAE,CAAC,CAAC;AAE/C,MAAM,CAAC,MAAM,yBAAyB,GAAG,kCAAkC,CAAC","sourcesContent":["import { Icon } from '@ni/nimble-components/dist/esm/icon-base';\nimport { styles } from '@ni/nimble-components/dist/esm/icon-svg/styles';\nimport { html } from '@ni/fast-element';\nimport { DesignSystem } from '@ni/fast-foundation';\nimport { iconData } from './icon-data';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'spright-icon-breakpoint-disabled': IconBreakpointDisabled;\n }\n}\n\n/**\n * Spright breakpoint disabled icon.\n */\nexport class IconBreakpointDisabled extends Icon {}\n\nconst template = html<IconBreakpointDisabled>`\n <div class=\"icon\" aria-hidden=\"true\" :innerHTML=\"${() => iconData}\"></div>\n`;\n\nconst sprightIconBreakpointDisabled = IconBreakpointDisabled.compose({\n baseName: 'icon-breakpoint-disabled',\n template,\n styles\n});\n\nDesignSystem.getOrCreate()\n .withPrefix('spright')\n .register(sprightIconBreakpointDisabled());\n\nexport const iconBreakpointDisabledTag = 'spright-icon-breakpoint-disabled';"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const iconData = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <defs>\n <style>\n .breakpoint-enabled-0 {\n fill: #c42126;\n }\n </style>\n </defs>\n <circle class=\"breakpoint-enabled-0\" cx=\"8\" cy=\"8\" r=\"5\"/>\n</svg>";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export const iconData = `<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
|
|
3
|
+
<defs>
|
|
4
|
+
<style>
|
|
5
|
+
.breakpoint-enabled-0 {
|
|
6
|
+
fill: #c42126;
|
|
7
|
+
}
|
|
8
|
+
</style>
|
|
9
|
+
</defs>
|
|
10
|
+
<circle class="breakpoint-enabled-0" cx="8" cy="8" r="5"/>
|
|
11
|
+
</svg>`;
|
|
12
|
+
//# sourceMappingURL=icon-data.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-data.js","sourceRoot":"","sources":["../../../../src/icons/breakpoint-enabled/icon-data.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;OAUjB,CAAC","sourcesContent":["export const iconData = `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <defs>\n <style>\n .breakpoint-enabled-0 {\n fill: #c42126;\n }\n </style>\n </defs>\n <circle class=\"breakpoint-enabled-0\" cx=\"8\" cy=\"8\" r=\"5\"/>\n</svg>`;"]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Icon } from '@ni/nimble-components/dist/esm/icon-base';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'spright-icon-breakpoint-enabled': IconBreakpointEnabled;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Spright breakpoint enabled icon.
|
|
9
|
+
*/
|
|
10
|
+
export declare class IconBreakpointEnabled extends Icon {
|
|
11
|
+
}
|
|
12
|
+
export declare const iconBreakpointEnabledTag = "spright-icon-breakpoint-enabled";
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Icon } from '@ni/nimble-components/dist/esm/icon-base';
|
|
2
|
+
import { styles } from '@ni/nimble-components/dist/esm/icon-svg/styles';
|
|
3
|
+
import { html } from '@ni/fast-element';
|
|
4
|
+
import { DesignSystem } from '@ni/fast-foundation';
|
|
5
|
+
import { iconData } from './icon-data';
|
|
6
|
+
/**
|
|
7
|
+
* Spright breakpoint enabled icon.
|
|
8
|
+
*/
|
|
9
|
+
export class IconBreakpointEnabled extends Icon {
|
|
10
|
+
}
|
|
11
|
+
const template = html `
|
|
12
|
+
<div class="icon" aria-hidden="true" :innerHTML="${() => iconData}"></div>
|
|
13
|
+
`;
|
|
14
|
+
const sprightIconBreakpointEnabled = IconBreakpointEnabled.compose({
|
|
15
|
+
baseName: 'icon-breakpoint-enabled',
|
|
16
|
+
template,
|
|
17
|
+
styles
|
|
18
|
+
});
|
|
19
|
+
DesignSystem.getOrCreate()
|
|
20
|
+
.withPrefix('spright')
|
|
21
|
+
.register(sprightIconBreakpointEnabled());
|
|
22
|
+
export const iconBreakpointEnabledTag = 'spright-icon-breakpoint-enabled';
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icons/breakpoint-enabled/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,gDAAgD,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQvC;;GAEG;AACH,MAAM,OAAO,qBAAsB,SAAQ,IAAI;CAAG;AAElD,MAAM,QAAQ,GAAG,IAAI,CAAuB;uDACW,GAAG,EAAE,CAAC,QAAQ;CACpE,CAAC;AAEF,MAAM,4BAA4B,GAAG,qBAAqB,CAAC,OAAO,CAAC;IAC/D,QAAQ,EAAE,yBAAyB;IACnC,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,SAAS,CAAC;KACrB,QAAQ,CAAC,4BAA4B,EAAE,CAAC,CAAC;AAE9C,MAAM,CAAC,MAAM,wBAAwB,GAAG,iCAAiC,CAAC","sourcesContent":["import { Icon } from '@ni/nimble-components/dist/esm/icon-base';\nimport { styles } from '@ni/nimble-components/dist/esm/icon-svg/styles';\nimport { html } from '@ni/fast-element';\nimport { DesignSystem } from '@ni/fast-foundation';\nimport { iconData } from './icon-data';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'spright-icon-breakpoint-enabled': IconBreakpointEnabled;\n }\n}\n\n/**\n * Spright breakpoint enabled icon.\n */\nexport class IconBreakpointEnabled extends Icon {}\n\nconst template = html<IconBreakpointEnabled>`\n <div class=\"icon\" aria-hidden=\"true\" :innerHTML=\"${() => iconData}\"></div>\n`;\n\nconst sprightIconBreakpointEnabled = IconBreakpointEnabled.compose({\n baseName: 'icon-breakpoint-enabled',\n template,\n styles\n});\n\nDesignSystem.getOrCreate()\n .withPrefix('spright')\n .register(sprightIconBreakpointEnabled());\n\nexport const iconBreakpointEnabledTag = 'spright-icon-breakpoint-enabled';"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const iconData = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <defs>\n <style>\n .breakpoint-execution-pointer-0 {\n fill: #161617;\n }\n </style>\n </defs>\n <polygon class=\"breakpoint-execution-pointer-0\" points=\"7.97 4.37 7.29 5.49 9.8 7 2 7 2 9 9.8 9 7.29 10.51 7.97 11.63 14 8 7.97 4.37\"/>\n</svg>";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export const iconData = `<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
|
|
3
|
+
<defs>
|
|
4
|
+
<style>
|
|
5
|
+
.breakpoint-execution-pointer-0 {
|
|
6
|
+
fill: #161617;
|
|
7
|
+
}
|
|
8
|
+
</style>
|
|
9
|
+
</defs>
|
|
10
|
+
<polygon class="breakpoint-execution-pointer-0" points="7.97 4.37 7.29 5.49 9.8 7 2 7 2 9 9.8 9 7.29 10.51 7.97 11.63 14 8 7.97 4.37"/>
|
|
11
|
+
</svg>`;
|
|
12
|
+
//# sourceMappingURL=icon-data.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-data.js","sourceRoot":"","sources":["../../../../src/icons/breakpoint-execution-pointer/icon-data.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;OAUjB,CAAC","sourcesContent":["export const iconData = `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <defs>\n <style>\n .breakpoint-execution-pointer-0 {\n fill: #161617;\n }\n </style>\n </defs>\n <polygon class=\"breakpoint-execution-pointer-0\" points=\"7.97 4.37 7.29 5.49 9.8 7 2 7 2 9 9.8 9 7.29 10.51 7.97 11.63 14 8 7.97 4.37\"/>\n</svg>`;"]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Icon } from '@ni/nimble-components/dist/esm/icon-base';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'spright-icon-breakpoint-execution-pointer': IconBreakpointExecutionPointer;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Spright breakpoint execution pointer icon.
|
|
9
|
+
*/
|
|
10
|
+
export declare class IconBreakpointExecutionPointer extends Icon {
|
|
11
|
+
}
|
|
12
|
+
export declare const iconBreakpointExecutionPointerTag = "spright-icon-breakpoint-execution-pointer";
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Icon } from '@ni/nimble-components/dist/esm/icon-base';
|
|
2
|
+
import { styles } from '@ni/nimble-components/dist/esm/icon-svg/styles';
|
|
3
|
+
import { html } from '@ni/fast-element';
|
|
4
|
+
import { DesignSystem } from '@ni/fast-foundation';
|
|
5
|
+
import { iconData } from './icon-data';
|
|
6
|
+
/**
|
|
7
|
+
* Spright breakpoint execution pointer icon.
|
|
8
|
+
*/
|
|
9
|
+
export class IconBreakpointExecutionPointer extends Icon {
|
|
10
|
+
}
|
|
11
|
+
const template = html `
|
|
12
|
+
<div class="icon" aria-hidden="true" :innerHTML="${() => iconData}"></div>
|
|
13
|
+
`;
|
|
14
|
+
const sprightIconBreakpointExecutionPointer = IconBreakpointExecutionPointer.compose({
|
|
15
|
+
baseName: 'icon-breakpoint-execution-pointer',
|
|
16
|
+
template,
|
|
17
|
+
styles
|
|
18
|
+
});
|
|
19
|
+
DesignSystem.getOrCreate()
|
|
20
|
+
.withPrefix('spright')
|
|
21
|
+
.register(sprightIconBreakpointExecutionPointer());
|
|
22
|
+
export const iconBreakpointExecutionPointerTag = 'spright-icon-breakpoint-execution-pointer';
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icons/breakpoint-execution-pointer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,gDAAgD,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQvC;;GAEG;AACH,MAAM,OAAO,8BAA+B,SAAQ,IAAI;CAAG;AAE3D,MAAM,QAAQ,GAAG,IAAI,CAAgC;uDACE,GAAG,EAAE,CAAC,QAAQ;CACpE,CAAC;AAEF,MAAM,qCAAqC,GAAG,8BAA8B,CAAC,OAAO,CAAC;IACjF,QAAQ,EAAE,mCAAmC;IAC7C,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,SAAS,CAAC;KACrB,QAAQ,CAAC,qCAAqC,EAAE,CAAC,CAAC;AAEvD,MAAM,CAAC,MAAM,iCAAiC,GAAG,2CAA2C,CAAC","sourcesContent":["import { Icon } from '@ni/nimble-components/dist/esm/icon-base';\nimport { styles } from '@ni/nimble-components/dist/esm/icon-svg/styles';\nimport { html } from '@ni/fast-element';\nimport { DesignSystem } from '@ni/fast-foundation';\nimport { iconData } from './icon-data';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'spright-icon-breakpoint-execution-pointer': IconBreakpointExecutionPointer;\n }\n}\n\n/**\n * Spright breakpoint execution pointer icon.\n */\nexport class IconBreakpointExecutionPointer extends Icon {}\n\nconst template = html<IconBreakpointExecutionPointer>`\n <div class=\"icon\" aria-hidden=\"true\" :innerHTML=\"${() => iconData}\"></div>\n`;\n\nconst sprightIconBreakpointExecutionPointer = IconBreakpointExecutionPointer.compose({\n baseName: 'icon-breakpoint-execution-pointer',\n template,\n styles\n});\n\nDesignSystem.getOrCreate()\n .withPrefix('spright')\n .register(sprightIconBreakpointExecutionPointer());\n\nexport const iconBreakpointExecutionPointerTag = 'spright-icon-breakpoint-execution-pointer';"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const iconData = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <defs>\n <style>\n .breakpoint-hit-0 {\n fill: #c42126;\n }\n\n .breakpoint-hit-1 {\n fill: #161617;\n }\n </style>\n </defs>\n <path class=\"breakpoint-hit-0\" d=\"M3.36,6.25c.71-1.89,2.5-3.25,4.64-3.25s3.98,1.4,4.67,3.33l-4.96-2.99-1.45,2.4.84.51h-3.75ZM7.71,12.66l-1.45-2.4.84-.51h-3.75c.71,1.89,2.5,3.25,4.64,3.25s3.98-1.4,4.67-3.33l-4.96,2.99Z\"/>\n <polygon class=\"breakpoint-hit-1\" points=\"7.97 4.37 7.29 5.49 9.8 7 2 7 2 9 9.8 9 7.29 10.51 7.97 11.63 14 8 7.97 4.37\"/>\n</svg>";
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export const iconData = `<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
|
|
3
|
+
<defs>
|
|
4
|
+
<style>
|
|
5
|
+
.breakpoint-hit-0 {
|
|
6
|
+
fill: #c42126;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.breakpoint-hit-1 {
|
|
10
|
+
fill: #161617;
|
|
11
|
+
}
|
|
12
|
+
</style>
|
|
13
|
+
</defs>
|
|
14
|
+
<path class="breakpoint-hit-0" d="M3.36,6.25c.71-1.89,2.5-3.25,4.64-3.25s3.98,1.4,4.67,3.33l-4.96-2.99-1.45,2.4.84.51h-3.75ZM7.71,12.66l-1.45-2.4.84-.51h-3.75c.71,1.89,2.5,3.25,4.64,3.25s3.98-1.4,4.67-3.33l-4.96,2.99Z"/>
|
|
15
|
+
<polygon class="breakpoint-hit-1" points="7.97 4.37 7.29 5.49 9.8 7 2 7 2 9 9.8 9 7.29 10.51 7.97 11.63 14 8 7.97 4.37"/>
|
|
16
|
+
</svg>`;
|
|
17
|
+
//# sourceMappingURL=icon-data.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-data.js","sourceRoot":"","sources":["../../../../src/icons/breakpoint-hit/icon-data.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;OAejB,CAAC","sourcesContent":["export const iconData = `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <defs>\n <style>\n .breakpoint-hit-0 {\n fill: #c42126;\n }\n\n .breakpoint-hit-1 {\n fill: #161617;\n }\n </style>\n </defs>\n <path class=\"breakpoint-hit-0\" d=\"M3.36,6.25c.71-1.89,2.5-3.25,4.64-3.25s3.98,1.4,4.67,3.33l-4.96-2.99-1.45,2.4.84.51h-3.75ZM7.71,12.66l-1.45-2.4.84-.51h-3.75c.71,1.89,2.5,3.25,4.64,3.25s3.98-1.4,4.67-3.33l-4.96,2.99Z\"/>\n <polygon class=\"breakpoint-hit-1\" points=\"7.97 4.37 7.29 5.49 9.8 7 2 7 2 9 9.8 9 7.29 10.51 7.97 11.63 14 8 7.97 4.37\"/>\n</svg>`;"]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Icon } from '@ni/nimble-components/dist/esm/icon-base';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'spright-icon-breakpoint-hit': IconBreakpointHit;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Spright breakpoint hit icon.
|
|
9
|
+
*/
|
|
10
|
+
export declare class IconBreakpointHit extends Icon {
|
|
11
|
+
}
|
|
12
|
+
export declare const iconBreakpointHitTag = "spright-icon-breakpoint-hit";
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Icon } from '@ni/nimble-components/dist/esm/icon-base';
|
|
2
|
+
import { styles } from '@ni/nimble-components/dist/esm/icon-svg/styles';
|
|
3
|
+
import { html } from '@ni/fast-element';
|
|
4
|
+
import { DesignSystem } from '@ni/fast-foundation';
|
|
5
|
+
import { iconData } from './icon-data';
|
|
6
|
+
/**
|
|
7
|
+
* Spright breakpoint hit icon.
|
|
8
|
+
*/
|
|
9
|
+
export class IconBreakpointHit extends Icon {
|
|
10
|
+
}
|
|
11
|
+
const template = html `
|
|
12
|
+
<div class="icon" aria-hidden="true" :innerHTML="${() => iconData}"></div>
|
|
13
|
+
`;
|
|
14
|
+
const sprightIconBreakpointHit = IconBreakpointHit.compose({
|
|
15
|
+
baseName: 'icon-breakpoint-hit',
|
|
16
|
+
template,
|
|
17
|
+
styles
|
|
18
|
+
});
|
|
19
|
+
DesignSystem.getOrCreate()
|
|
20
|
+
.withPrefix('spright')
|
|
21
|
+
.register(sprightIconBreakpointHit());
|
|
22
|
+
export const iconBreakpointHitTag = 'spright-icon-breakpoint-hit';
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icons/breakpoint-hit/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,gDAAgD,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQvC;;GAEG;AACH,MAAM,OAAO,iBAAkB,SAAQ,IAAI;CAAG;AAE9C,MAAM,QAAQ,GAAG,IAAI,CAAmB;uDACe,GAAG,EAAE,CAAC,QAAQ;CACpE,CAAC;AAEF,MAAM,wBAAwB,GAAG,iBAAiB,CAAC,OAAO,CAAC;IACvD,QAAQ,EAAE,qBAAqB;IAC/B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,SAAS,CAAC;KACrB,QAAQ,CAAC,wBAAwB,EAAE,CAAC,CAAC;AAE1C,MAAM,CAAC,MAAM,oBAAoB,GAAG,6BAA6B,CAAC","sourcesContent":["import { Icon } from '@ni/nimble-components/dist/esm/icon-base';\nimport { styles } from '@ni/nimble-components/dist/esm/icon-svg/styles';\nimport { html } from '@ni/fast-element';\nimport { DesignSystem } from '@ni/fast-foundation';\nimport { iconData } from './icon-data';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'spright-icon-breakpoint-hit': IconBreakpointHit;\n }\n}\n\n/**\n * Spright breakpoint hit icon.\n */\nexport class IconBreakpointHit extends Icon {}\n\nconst template = html<IconBreakpointHit>`\n <div class=\"icon\" aria-hidden=\"true\" :innerHTML=\"${() => iconData}\"></div>\n`;\n\nconst sprightIconBreakpointHit = IconBreakpointHit.compose({\n baseName: 'icon-breakpoint-hit',\n template,\n styles\n});\n\nDesignSystem.getOrCreate()\n .withPrefix('spright')\n .register(sprightIconBreakpointHit());\n\nexport const iconBreakpointHitTag = 'spright-icon-breakpoint-hit';"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const iconData = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <defs>\n <style>\n .breakpoint-hit-disabled-0 {\n opacity: .3;\n }\n\n .breakpoint-hit-disabled-0, .breakpoint-hit-disabled-1 {\n fill: #161617;\n }\n </style>\n </defs>\n <path class=\"breakpoint-hit-disabled-0\" d=\"M3.36,6.25c.71-1.89,2.5-3.25,4.64-3.25s3.98,1.4,4.67,3.33l-4.96-2.99-1.45,2.4.84.51h-3.75ZM7.71,12.66l-1.45-2.4.84-.51h-3.75c.71,1.89,2.5,3.25,4.64,3.25s3.98-1.4,4.67-3.33l-4.96,2.99Z\"/>\n <polygon class=\"breakpoint-hit-disabled-1\" points=\"7.97 4.37 7.29 5.49 9.8 7 2 7 2 9 9.8 9 7.29 10.51 7.97 11.63 14 8 7.97 4.37\"/>\n</svg>";
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export const iconData = `<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
|
|
3
|
+
<defs>
|
|
4
|
+
<style>
|
|
5
|
+
.breakpoint-hit-disabled-0 {
|
|
6
|
+
opacity: .3;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.breakpoint-hit-disabled-0, .breakpoint-hit-disabled-1 {
|
|
10
|
+
fill: #161617;
|
|
11
|
+
}
|
|
12
|
+
</style>
|
|
13
|
+
</defs>
|
|
14
|
+
<path class="breakpoint-hit-disabled-0" d="M3.36,6.25c.71-1.89,2.5-3.25,4.64-3.25s3.98,1.4,4.67,3.33l-4.96-2.99-1.45,2.4.84.51h-3.75ZM7.71,12.66l-1.45-2.4.84-.51h-3.75c.71,1.89,2.5,3.25,4.64,3.25s3.98-1.4,4.67-3.33l-4.96,2.99Z"/>
|
|
15
|
+
<polygon class="breakpoint-hit-disabled-1" points="7.97 4.37 7.29 5.49 9.8 7 2 7 2 9 9.8 9 7.29 10.51 7.97 11.63 14 8 7.97 4.37"/>
|
|
16
|
+
</svg>`;
|
|
17
|
+
//# sourceMappingURL=icon-data.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-data.js","sourceRoot":"","sources":["../../../../src/icons/breakpoint-hit-disabled/icon-data.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;OAejB,CAAC","sourcesContent":["export const iconData = `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <defs>\n <style>\n .breakpoint-hit-disabled-0 {\n opacity: .3;\n }\n\n .breakpoint-hit-disabled-0, .breakpoint-hit-disabled-1 {\n fill: #161617;\n }\n </style>\n </defs>\n <path class=\"breakpoint-hit-disabled-0\" d=\"M3.36,6.25c.71-1.89,2.5-3.25,4.64-3.25s3.98,1.4,4.67,3.33l-4.96-2.99-1.45,2.4.84.51h-3.75ZM7.71,12.66l-1.45-2.4.84-.51h-3.75c.71,1.89,2.5,3.25,4.64,3.25s3.98-1.4,4.67-3.33l-4.96,2.99Z\"/>\n <polygon class=\"breakpoint-hit-disabled-1\" points=\"7.97 4.37 7.29 5.49 9.8 7 2 7 2 9 9.8 9 7.29 10.51 7.97 11.63 14 8 7.97 4.37\"/>\n</svg>`;"]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Icon } from '@ni/nimble-components/dist/esm/icon-base';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'spright-icon-breakpoint-hit-disabled': IconBreakpointHitDisabled;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Spright breakpoint hit disabled icon.
|
|
9
|
+
*/
|
|
10
|
+
export declare class IconBreakpointHitDisabled extends Icon {
|
|
11
|
+
}
|
|
12
|
+
export declare const iconBreakpointHitDisabledTag = "spright-icon-breakpoint-hit-disabled";
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Icon } from '@ni/nimble-components/dist/esm/icon-base';
|
|
2
|
+
import { styles } from '@ni/nimble-components/dist/esm/icon-svg/styles';
|
|
3
|
+
import { html } from '@ni/fast-element';
|
|
4
|
+
import { DesignSystem } from '@ni/fast-foundation';
|
|
5
|
+
import { iconData } from './icon-data';
|
|
6
|
+
/**
|
|
7
|
+
* Spright breakpoint hit disabled icon.
|
|
8
|
+
*/
|
|
9
|
+
export class IconBreakpointHitDisabled extends Icon {
|
|
10
|
+
}
|
|
11
|
+
const template = html `
|
|
12
|
+
<div class="icon" aria-hidden="true" :innerHTML="${() => iconData}"></div>
|
|
13
|
+
`;
|
|
14
|
+
const sprightIconBreakpointHitDisabled = IconBreakpointHitDisabled.compose({
|
|
15
|
+
baseName: 'icon-breakpoint-hit-disabled',
|
|
16
|
+
template,
|
|
17
|
+
styles
|
|
18
|
+
});
|
|
19
|
+
DesignSystem.getOrCreate()
|
|
20
|
+
.withPrefix('spright')
|
|
21
|
+
.register(sprightIconBreakpointHitDisabled());
|
|
22
|
+
export const iconBreakpointHitDisabledTag = 'spright-icon-breakpoint-hit-disabled';
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icons/breakpoint-hit-disabled/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,gDAAgD,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQvC;;GAEG;AACH,MAAM,OAAO,yBAA0B,SAAQ,IAAI;CAAG;AAEtD,MAAM,QAAQ,GAAG,IAAI,CAA2B;uDACO,GAAG,EAAE,CAAC,QAAQ;CACpE,CAAC;AAEF,MAAM,gCAAgC,GAAG,yBAAyB,CAAC,OAAO,CAAC;IACvE,QAAQ,EAAE,8BAA8B;IACxC,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,SAAS,CAAC;KACrB,QAAQ,CAAC,gCAAgC,EAAE,CAAC,CAAC;AAElD,MAAM,CAAC,MAAM,4BAA4B,GAAG,sCAAsC,CAAC","sourcesContent":["import { Icon } from '@ni/nimble-components/dist/esm/icon-base';\nimport { styles } from '@ni/nimble-components/dist/esm/icon-svg/styles';\nimport { html } from '@ni/fast-element';\nimport { DesignSystem } from '@ni/fast-foundation';\nimport { iconData } from './icon-data';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'spright-icon-breakpoint-hit-disabled': IconBreakpointHitDisabled;\n }\n}\n\n/**\n * Spright breakpoint hit disabled icon.\n */\nexport class IconBreakpointHitDisabled extends Icon {}\n\nconst template = html<IconBreakpointHitDisabled>`\n <div class=\"icon\" aria-hidden=\"true\" :innerHTML=\"${() => iconData}\"></div>\n`;\n\nconst sprightIconBreakpointHitDisabled = IconBreakpointHitDisabled.compose({\n baseName: 'icon-breakpoint-hit-disabled',\n template,\n styles\n});\n\nDesignSystem.getOrCreate()\n .withPrefix('spright')\n .register(sprightIconBreakpointHitDisabled());\n\nexport const iconBreakpointHitDisabledTag = 'spright-icon-breakpoint-hit-disabled';"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const iconData = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <defs>\n <style>\n .breakpoint-hover-0 {\n fill: #c42126;\n opacity: .3;\n }\n </style>\n </defs>\n <circle class=\"breakpoint-hover-0\" cx=\"8\" cy=\"8\" r=\"5\"/>\n</svg>";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export const iconData = `<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
|
|
3
|
+
<defs>
|
|
4
|
+
<style>
|
|
5
|
+
.breakpoint-hover-0 {
|
|
6
|
+
fill: #c42126;
|
|
7
|
+
opacity: .3;
|
|
8
|
+
}
|
|
9
|
+
</style>
|
|
10
|
+
</defs>
|
|
11
|
+
<circle class="breakpoint-hover-0" cx="8" cy="8" r="5"/>
|
|
12
|
+
</svg>`;
|
|
13
|
+
//# sourceMappingURL=icon-data.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-data.js","sourceRoot":"","sources":["../../../../src/icons/breakpoint-hover/icon-data.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;;OAWjB,CAAC","sourcesContent":["export const iconData = `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <defs>\n <style>\n .breakpoint-hover-0 {\n fill: #c42126;\n opacity: .3;\n }\n </style>\n </defs>\n <circle class=\"breakpoint-hover-0\" cx=\"8\" cy=\"8\" r=\"5\"/>\n</svg>`;"]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Icon } from '@ni/nimble-components/dist/esm/icon-base';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'spright-icon-breakpoint-hover': IconBreakpointHover;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Spright breakpoint hover icon.
|
|
9
|
+
*/
|
|
10
|
+
export declare class IconBreakpointHover extends Icon {
|
|
11
|
+
}
|
|
12
|
+
export declare const iconBreakpointHoverTag = "spright-icon-breakpoint-hover";
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Icon } from '@ni/nimble-components/dist/esm/icon-base';
|
|
2
|
+
import { styles } from '@ni/nimble-components/dist/esm/icon-svg/styles';
|
|
3
|
+
import { html } from '@ni/fast-element';
|
|
4
|
+
import { DesignSystem } from '@ni/fast-foundation';
|
|
5
|
+
import { iconData } from './icon-data';
|
|
6
|
+
/**
|
|
7
|
+
* Spright breakpoint hover icon.
|
|
8
|
+
*/
|
|
9
|
+
export class IconBreakpointHover extends Icon {
|
|
10
|
+
}
|
|
11
|
+
const template = html `
|
|
12
|
+
<div class="icon" aria-hidden="true" :innerHTML="${() => iconData}"></div>
|
|
13
|
+
`;
|
|
14
|
+
const sprightIconBreakpointHover = IconBreakpointHover.compose({
|
|
15
|
+
baseName: 'icon-breakpoint-hover',
|
|
16
|
+
template,
|
|
17
|
+
styles
|
|
18
|
+
});
|
|
19
|
+
DesignSystem.getOrCreate()
|
|
20
|
+
.withPrefix('spright')
|
|
21
|
+
.register(sprightIconBreakpointHover());
|
|
22
|
+
export const iconBreakpointHoverTag = 'spright-icon-breakpoint-hover';
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icons/breakpoint-hover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,gDAAgD,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQvC;;GAEG;AACH,MAAM,OAAO,mBAAoB,SAAQ,IAAI;CAAG;AAEhD,MAAM,QAAQ,GAAG,IAAI,CAAqB;uDACa,GAAG,EAAE,CAAC,QAAQ;CACpE,CAAC;AAEF,MAAM,0BAA0B,GAAG,mBAAmB,CAAC,OAAO,CAAC;IAC3D,QAAQ,EAAE,uBAAuB;IACjC,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,SAAS,CAAC;KACrB,QAAQ,CAAC,0BAA0B,EAAE,CAAC,CAAC;AAE5C,MAAM,CAAC,MAAM,sBAAsB,GAAG,+BAA+B,CAAC","sourcesContent":["import { Icon } from '@ni/nimble-components/dist/esm/icon-base';\nimport { styles } from '@ni/nimble-components/dist/esm/icon-svg/styles';\nimport { html } from '@ni/fast-element';\nimport { DesignSystem } from '@ni/fast-foundation';\nimport { iconData } from './icon-data';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'spright-icon-breakpoint-hover': IconBreakpointHover;\n }\n}\n\n/**\n * Spright breakpoint hover icon.\n */\nexport class IconBreakpointHover extends Icon {}\n\nconst template = html<IconBreakpointHover>`\n <div class=\"icon\" aria-hidden=\"true\" :innerHTML=\"${() => iconData}\"></div>\n`;\n\nconst sprightIconBreakpointHover = IconBreakpointHover.compose({\n baseName: 'icon-breakpoint-hover',\n template,\n styles\n});\n\nDesignSystem.getOrCreate()\n .withPrefix('spright')\n .register(sprightIconBreakpointHover());\n\nexport const iconBreakpointHoverTag = 'spright-icon-breakpoint-hover';"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ni/spright-components",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.19.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.1",
|
|
43
43
|
"@ni/fast-foundation": "^10.2.3",
|
|
44
44
|
"@ni/fast-web-utilities": "^10.0.0",
|
|
45
|
-
"@ni/nimble-components": "^35.9.
|
|
46
|
-
"@ni/nimble-tokens": "^8.18.
|
|
45
|
+
"@ni/nimble-components": "^35.9.3",
|
|
46
|
+
"@ni/nimble-tokens": "^8.18.1",
|
|
47
47
|
"tslib": "^2.2.0"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"karma-spec-reporter": "^0.0.36",
|
|
69
69
|
"karma-vite": "^1.0.5",
|
|
70
70
|
"karma-webkit-launcher": "^2.6.0",
|
|
71
|
-
"playwright": "1.
|
|
71
|
+
"playwright": "1.60.0",
|
|
72
72
|
"rollup": "^4.60.2",
|
|
73
73
|
"rollup-plugin-sourcemaps2": "^0.5.0",
|
|
74
74
|
"typescript": "~5.8.3"
|