@ni/nimble-components 35.0.2 → 35.1.0

package/dist/esm/icons/xmark/index.js

@@ -1,15 +1,15 @@
 // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
 // See generation source in nimble-components/build/generate-icons
 import { xmark16X16 } from '@ni/nimble-tokens/dist/icons/js';
-import { Icon, registerIcon } from '../../icon-base';
+import { IconSvg, registerIconSvg } from '../../icon-svg';
 /**
  * The icon component for the 'xmark' icon
  */
-export class IconXmark extends Icon {
+export class IconXmark extends IconSvg {
     constructor() {
         super(xmark16X16);
     }
 }
-registerIcon('icon-xmark', IconXmark);
+registerIconSvg('icon-xmark', IconXmark);
 export const iconXmarkTag = 'nimble-icon-xmark';
 //# sourceMappingURL=index.js.map

package/dist/esm/icons/xmark/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icons/xmark/index.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,kEAAkE;AAElE,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQrD;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,IAAI;IAC/B;QACI,KAAK,CAAC,UAAU,CAAC,CAAC;IACtB,CAAC;CACJ;AAED,YAAY,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AACtC,MAAM,CAAC,MAAM,YAAY,GAAG,mBAAmB,CAAC","sourcesContent":["// AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY\n// See generation source in nimble-components/build/generate-icons\n\nimport { xmark16X16 } from '@ni/nimble-tokens/dist/icons/js';\nimport { Icon, registerIcon } from '../../icon-base';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-icon-xmark': IconXmark;\n    }\n}\n\n/**\n * The icon component for the 'xmark' icon\n */\nexport class IconXmark extends Icon {\n    public constructor() {\n        super(xmark16X16);\n    }\n}\n\nregisterIcon('icon-xmark', IconXmark);\nexport const iconXmarkTag = 'nimble-icon-xmark';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icons/xmark/index.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,kEAAkE;AAElE,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAQ1D;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,OAAO;IAClC;QACI,KAAK,CAAC,UAAU,CAAC,CAAC;IACtB,CAAC;CACJ;AAED,eAAe,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,YAAY,GAAG,mBAAmB,CAAC","sourcesContent":["// AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY\n// See generation source in nimble-components/build/generate-icons\n\nimport { xmark16X16 } from '@ni/nimble-tokens/dist/icons/js';\nimport { IconSvg, registerIconSvg } from '../../icon-svg';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-icon-xmark': IconXmark;\n    }\n}\n\n/**\n * The icon component for the 'xmark' icon\n */\nexport class IconXmark extends IconSvg {\n    public constructor() {\n        super(xmark16X16);\n    }\n}\n\nregisterIconSvg('icon-xmark', IconXmark);\nexport const iconXmarkTag = 'nimble-icon-xmark';\n"]}

package/dist/esm/icons/xmark-check/index.d.ts

@@ -1,4 +1,4 @@
-import { Icon } from '../../icon-base';
+import { IconSvg } from '../../icon-svg';
 declare global {
     interface HTMLElementTagNameMap {
         'nimble-icon-xmark-check': IconXmarkCheck;
@@ -7,7 +7,7 @@ declare global {
 /**
  * The icon component for the 'xmarkCheck' icon
  */
-export declare class IconXmarkCheck extends Icon {
+export declare class IconXmarkCheck extends IconSvg {
     constructor();
 }
 export declare const iconXmarkCheckTag = "nimble-icon-xmark-check";

package/dist/esm/icons/xmark-check/index.js

@@ -1,15 +1,15 @@
 // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
 // See generation source in nimble-components/build/generate-icons
 import { xmarkCheck16X16 } from '@ni/nimble-tokens/dist/icons/js';
-import { Icon, registerIcon } from '../../icon-base';
+import { IconSvg, registerIconSvg } from '../../icon-svg';
 /**
  * The icon component for the 'xmarkCheck' icon
  */
-export class IconXmarkCheck extends Icon {
+export class IconXmarkCheck extends IconSvg {
     constructor() {
         super(xmarkCheck16X16);
     }
 }
-registerIcon('icon-xmark-check', IconXmarkCheck);
+registerIconSvg('icon-xmark-check', IconXmarkCheck);
 export const iconXmarkCheckTag = 'nimble-icon-xmark-check';
 //# sourceMappingURL=index.js.map

package/dist/esm/icons/xmark-check/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icons/xmark-check/index.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,kEAAkE;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQrD;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,IAAI;IACpC;QACI,KAAK,CAAC,eAAe,CAAC,CAAC;IAC3B,CAAC;CACJ;AAED,YAAY,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;AACjD,MAAM,CAAC,MAAM,iBAAiB,GAAG,yBAAyB,CAAC","sourcesContent":["// AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY\n// See generation source in nimble-components/build/generate-icons\n\nimport { xmarkCheck16X16 } from '@ni/nimble-tokens/dist/icons/js';\nimport { Icon, registerIcon } from '../../icon-base';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-icon-xmark-check': IconXmarkCheck;\n    }\n}\n\n/**\n * The icon component for the 'xmarkCheck' icon\n */\nexport class IconXmarkCheck extends Icon {\n    public constructor() {\n        super(xmarkCheck16X16);\n    }\n}\n\nregisterIcon('icon-xmark-check', IconXmarkCheck);\nexport const iconXmarkCheckTag = 'nimble-icon-xmark-check';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icons/xmark-check/index.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,kEAAkE;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAQ1D;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,OAAO;IACvC;QACI,KAAK,CAAC,eAAe,CAAC,CAAC;IAC3B,CAAC;CACJ;AAED,eAAe,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;AACpD,MAAM,CAAC,MAAM,iBAAiB,GAAG,yBAAyB,CAAC","sourcesContent":["// AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY\n// See generation source in nimble-components/build/generate-icons\n\nimport { xmarkCheck16X16 } from '@ni/nimble-tokens/dist/icons/js';\nimport { IconSvg, registerIconSvg } from '../../icon-svg';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-icon-xmark-check': IconXmarkCheck;\n    }\n}\n\n/**\n * The icon component for the 'xmarkCheck' icon\n */\nexport class IconXmarkCheck extends IconSvg {\n    public constructor() {\n        super(xmarkCheck16X16);\n    }\n}\n\nregisterIconSvg('icon-xmark-check', IconXmarkCheck);\nexport const iconXmarkCheckTag = 'nimble-icon-xmark-check';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-components",
-  "version": "35.0.2",
+  "version": "35.1.0",
   "description": "Styled web components for the NI Nimble Design System",
   "scripts": {
     "build": "npm run build:icons && npm run build:workers && npm run build:components && npm run build:scss",
@@ -45,7 +45,7 @@
     "@ni/fast-element": "^10.0.0",
     "@ni/fast-foundation": "^10.1.2",
     "@ni/fast-web-utilities": "^10.0.0",
-    "@ni/nimble-tokens": "^8.13.7",
+    "@ni/nimble-tokens": "^8.14.0",
     "@ni/unit-format": "^1.0.2",
     "@tanstack/table-core": "^8.19.3",
     "@tanstack/virtual-core": "^3.10.6",

package/dist/esm/icon-base/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/icon-base/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,SAAS,EACT,SAAS,EACT,gBAAgB,EACnB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;UAIlB,cAAc;iBACP,QAAQ;kBACP,QAAQ;;;;;;;;UAQhB,SAAS,CAAC,iBAAiB,KAAK,SAAS;;;;UAIzC,SAAS,CAAC,iBAAiB,KAAK,YAAY;;;;UAI5C,SAAS,CAAC,iBAAiB,KAAK,SAAS;;;;UAIzC,SAAS,CAAC,iBAAiB,KAAK,gBAAgB;;;;;gBAK1C,SAAS;;;;CAIxB,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { display } from '../utilities/style/display';\nimport {\n    iconSize,\n    warningColor,\n    failColor,\n    passColor,\n    iconColor,\n    informationColor\n} from '../theme-provider/design-tokens';\nimport { userSelectNone } from '../utilities/style/user-select';\n\nexport const styles = css`\n    ${display('inline-flex')}\n\n    :host {\n        align-items: center;\n        ${userSelectNone}\n        width: ${iconSize};\n        height: ${iconSize};\n    }\n\n    .icon {\n        display: contents;\n    }\n\n    :host([severity='error']) {\n        ${iconColor.cssCustomProperty}: ${failColor};\n    }\n\n    :host([severity='warning']) {\n        ${iconColor.cssCustomProperty}: ${warningColor};\n    }\n\n    :host([severity='success']) {\n        ${iconColor.cssCustomProperty}: ${passColor};\n    }\n\n    :host([severity='information']) {\n        ${iconColor.cssCustomProperty}: ${informationColor};\n    }\n\n    .icon svg {\n        display: inline-flex;\n        fill: ${iconColor};\n        width: 100%;\n        height: 100%;\n    }\n`;\n"]}

package/dist/esm/icon-base/template.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/icon-base/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGxC,4EAA4E;AAC5E,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAM;;;iBAGjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI;QACzB,CAAC","sourcesContent":["import { html } from '@ni/fast-element';\nimport type { Icon } from '.';\n\n// Avoiding any whitespace in the template because this is an inline element\nexport const template = html<Icon>`<div\n    class=\"icon\"\n    aria-hidden=\"true\"\n    :innerHTML=${x => x.icon.data}\n></div>`;\n"]}