@ni/ok-components 0.4.3 → 0.4.4

package/dist/custom-elements.json

@@ -10,48 +10,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/button/index.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A Ok demo component (not for production use)",
-          "name": "Button",
-          "superclass": {
-            "name": "FoundationElement",
-            "package": "@ni/fast-foundation"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "buttonTag",
-          "type": {
-            "text": "string"
-          },
-          "default": "'ok-button'"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Button",
-          "declaration": {
-            "name": "Button",
-            "module": "src/button/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "buttonTag",
-          "declaration": {
-            "name": "buttonTag",
-            "module": "src/button/index.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/fv/all-fv.ts",
+      "path": "src/ex/all-ex.ts",
       "declarations": [],
       "exports": []
     },
@@ -123,6 +82,53 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/fv/all-fv.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/ex/button/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A Ok demo component (not for production use)",
+          "name": "ExButton",
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@ni/fast-foundation"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "exButtonTag",
+          "type": {
+            "text": "string"
+          },
+          "default": "'ok-ex-button'"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ExButton",
+          "declaration": {
+            "name": "ExButton",
+            "module": "src/ex/button/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "exButtonTag",
+          "declaration": {
+            "name": "exButtonTag",
+            "module": "src/ex/button/index.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/fv/accordion-item/index.ts",

package/dist/custom-elements.md

@@ -1,13 +1,3 @@
-## class: `Button`
-
-### Superclass
-
-| Name                | Module | Package             |
-| ------------------- | ------ | ------------------- |
-| `FoundationElement` |        | @ni/fast-foundation |
-
-<hr/>
-
 ## class: `IconDynamic`
 
 ### Superclass
@@ -24,6 +14,16 @@
 
 <hr/>
 
+## class: `ExButton`
+
+### Superclass
+
+| Name                | Module | Package             |
+| ------------------- | ------ | ------------------- |
+| `FoundationElement` |        | @ni/fast-foundation |
+
+<hr/>
+
 ## class: `FvAccordionItem`
 
 ### Superclass

package/dist/esm/all-components.d.ts

@@ -5,5 +5,5 @@
  */
 import '@ni/spright-components/dist/esm/all-components';
 import './fv/all-fv';
-import './button';
+import './ex/all-ex';
 import './icon-dynamic';

package/dist/esm/all-components.js

@@ -5,6 +5,6 @@
  */
 import '@ni/spright-components/dist/esm/all-components';
 import './fv/all-fv';
-import './button';
+import './ex/all-ex';
 import './icon-dynamic';
 //# sourceMappingURL=all-components.js.map

package/dist/esm/all-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"all-components.js","sourceRoot":"","sources":["../../src/all-components.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,gDAAgD,CAAC;AAExD,OAAO,aAAa,CAAC;AACrB,OAAO,UAAU,CAAC;AAClB,OAAO,gBAAgB,CAAC","sourcesContent":["/**\n * Import of all the web components available in Nimble, Spright, and Ok.\n * Production applications are encouraged to import only components\n * that are required instead of leveraging this file.\n */\n\nimport '@ni/spright-components/dist/esm/all-components';\n\nimport './fv/all-fv';\nimport './button';\nimport './icon-dynamic';\n"]}
+{"version":3,"file":"all-components.js","sourceRoot":"","sources":["../../src/all-components.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,gDAAgD,CAAC;AAExD,OAAO,aAAa,CAAC;AACrB,OAAO,aAAa,CAAC;AACrB,OAAO,gBAAgB,CAAC","sourcesContent":["/**\n * Import of all the web components available in Nimble, Spright, and Ok.\n * Production applications are encouraged to import only components\n * that are required instead of leveraging this file.\n */\n\nimport '@ni/spright-components/dist/esm/all-components';\n\nimport './fv/all-fv';\nimport './ex/all-ex';\nimport './icon-dynamic';\n"]}

package/dist/esm/ex/all-ex.d.ts

@@ -0,0 +1 @@
+import './button';

package/dist/esm/ex/all-ex.js

@@ -0,0 +1,2 @@
+import './button';
+//# sourceMappingURL=all-ex.js.map

package/dist/esm/ex/all-ex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"all-ex.js","sourceRoot":"","sources":["../../../src/ex/all-ex.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,CAAC","sourcesContent":["import './button';\n"]}

package/dist/esm/{button → ex/button}/index.d.ts

@@ -1,12 +1,12 @@
 import { FoundationElement } from '@ni/fast-foundation';
 declare global {
     interface HTMLElementTagNameMap {
-        'ok-button': Button;
+        'ok-ex-button': ExButton;
     }
 }
 /**
  * A Ok demo component (not for production use)
  */
-export declare class Button extends FoundationElement {
+export declare class ExButton extends FoundationElement {
 }
-export declare const buttonTag = "ok-button";
+export declare const exButtonTag = "ok-ex-button";

package/dist/esm/ex/button/index.js

@@ -0,0 +1,16 @@
+import { DesignSystem, FoundationElement } from '@ni/fast-foundation';
+import { styles } from './styles';
+import { template } from './template';
+/**
+ * A Ok demo component (not for production use)
+ */
+export class ExButton extends FoundationElement {
+}
+const okExButton = ExButton.compose({
+    baseName: 'ex-button',
+    template,
+    styles
+});
+DesignSystem.getOrCreate().withPrefix('ok').register(okExButton());
+export const exButtonTag = 'ok-ex-button';
+//# sourceMappingURL=index.js.map

package/dist/esm/ex/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ex/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC;;GAEG;AACH,MAAM,OAAO,QAAS,SAAQ,iBAAiB;CAAG;AAElD,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IAChC,QAAQ,EAAE,WAAW;IACrB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;AACnE,MAAM,CAAC,MAAM,WAAW,GAAG,cAAc,CAAC","sourcesContent":["import { DesignSystem, FoundationElement } from '@ni/fast-foundation';\nimport { styles } from './styles';\nimport { template } from './template';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'ok-ex-button': ExButton;\n    }\n}\n\n/**\n * A Ok demo component (not for production use)\n */\nexport class ExButton extends FoundationElement {}\n\nconst okExButton = ExButton.compose({\n    baseName: 'ex-button',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('ok').register(okExButton());\nexport const exButtonTag = 'ok-ex-button';\n"]}

package/dist/esm/{button → ex/button}/styles.js

@@ -1,6 +1,6 @@
 import { css } from '@ni/fast-element';
 import { bodyDisabledFontColor, bodyFont, bodyFontColor, borderHoverColor, borderRgbPartialColor } from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';
-import { display } from '../utilities/style/display';
+import { display } from '../../utilities/style/display';
 export const styles = css `
     ${display('inline-block')}
 

package/dist/esm/ex/button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ex/button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EACH,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,qBAAqB,EACxB,MAAM,6DAA6D,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;;;4BAGD,gBAAgB;;;;;;;;6BAQf,qBAAqB;;;;gBAIlC,QAAQ;iBACP,aAAa;;;;iBAIb,qBAAqB;;CAErC,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport {\n    bodyDisabledFontColor,\n    bodyFont,\n    bodyFontColor,\n    borderHoverColor,\n    borderRgbPartialColor\n} from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';\nimport { display } from '../../utilities/style/display';\n\nexport const styles = css`\n    ${display('inline-block')}\n\n    :host {\n        border: 2px solid ${borderHoverColor};\n    }\n\n    :host(:hover) {\n        border-width: 4px;\n    }\n\n    :host([disabled]) {\n        border-color: rgba(${borderRgbPartialColor}, 0.2);\n    }\n\n    slot {\n        font: ${bodyFont};\n        color: ${bodyFontColor};\n    }\n\n    :host([disabled]) slot {\n        color: ${bodyDisabledFontColor};\n    }\n`;\n"]}

package/dist/esm/ex/button/template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/ex/button/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAA,eAAe,CAAC","sourcesContent":["import { html } from '@ni/fast-element';\n\nexport const template = html`<slot></slot>`;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/ok-components",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "description": "NI Ok Components",
   "scripts": {
     "build": "npm run build:components && npm run build:cem",

package/dist/esm/button/index.js

@@ -1,16 +0,0 @@
-import { DesignSystem, FoundationElement } from '@ni/fast-foundation';
-import { styles } from './styles';
-import { template } from './template';
-/**
- * A Ok demo component (not for production use)
- */
-export class Button extends FoundationElement {
-}
-const okButton = Button.compose({
-    baseName: 'button',
-    template,
-    styles
-});
-DesignSystem.getOrCreate().withPrefix('ok').register(okButton());
-export const buttonTag = 'ok-button';
-//# sourceMappingURL=index.js.map

package/dist/esm/button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC;;GAEG;AACH,MAAM,OAAO,MAAO,SAAQ,iBAAiB;CAAG;AAEhD,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC;IAC5B,QAAQ,EAAE,QAAQ;IAClB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;AACjE,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC","sourcesContent":["import { DesignSystem, FoundationElement } from '@ni/fast-foundation';\nimport { styles } from './styles';\nimport { template } from './template';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'ok-button': Button;\n    }\n}\n\n/**\n * A Ok demo component (not for production use)\n */\nexport class Button extends FoundationElement {}\n\nconst okButton = Button.compose({\n    baseName: 'button',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('ok').register(okButton());\nexport const buttonTag = 'ok-button';\n"]}

package/dist/esm/button/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EACH,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,qBAAqB,EACxB,MAAM,6DAA6D,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;;;4BAGD,gBAAgB;;;;;;;;6BAQf,qBAAqB;;;;gBAIlC,QAAQ;iBACP,aAAa;;;;iBAIb,qBAAqB;;CAErC,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport {\n    bodyDisabledFontColor,\n    bodyFont,\n    bodyFontColor,\n    borderHoverColor,\n    borderRgbPartialColor\n} from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';\nimport { display } from '../utilities/style/display';\n\nexport const styles = css`\n    ${display('inline-block')}\n\n    :host {\n        border: 2px solid ${borderHoverColor};\n    }\n\n    :host(:hover) {\n        border-width: 4px;\n    }\n\n    :host([disabled]) {\n        border-color: rgba(${borderRgbPartialColor}, 0.2);\n    }\n\n    slot {\n        font: ${bodyFont};\n        color: ${bodyFontColor};\n    }\n\n    :host([disabled]) slot {\n        color: ${bodyDisabledFontColor};\n    }\n`;\n"]}

package/dist/esm/button/template.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/button/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAA,eAAe,CAAC","sourcesContent":["import { html } from '@ni/fast-element';\n\nexport const template = html`<slot></slot>`;\n"]}