@ni/spright-components 0.0.2

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

@@ -0,0 +1,7 @@
+/**
+ * Import of all the web components available in Spright AND Nimble.
+ * Production applications are encouraged to import only components
+ * that are required instead of leveraging this file.
+ */
+import '@ni/nimble-components/dist/esm/all-components';
+import './rectangle';

package/dist/esm/all-components.js

@@ -0,0 +1,8 @@
+/**
+ * Import of all the web components available in Spright AND Nimble.
+ * Production applications are encouraged to import only components
+ * that are required instead of leveraging this file.
+ */
+import '@ni/nimble-components/dist/esm/all-components';
+import './rectangle';
+//# sourceMappingURL=all-components.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"all-components.js","sourceRoot":"","sources":["../../src/all-components.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,+CAA+C,CAAC;AAEvD,OAAO,aAAa,CAAC","sourcesContent":["/**\n * Import of all the web components available in Spright AND Nimble.\n * Production applications are encouraged to import only components\n * that are required instead of leveraging this file.\n */\n\nimport '@ni/nimble-components/dist/esm/all-components';\n\nimport './rectangle';\n"]}

package/dist/esm/rectangle/index.d.ts

@@ -0,0 +1,12 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+declare global {
+    interface HTMLElementTagNameMap {
+        'spright-rectangle': Rectangle;
+    }
+}
+/**
+ * A Spright demo component (not for production use)
+ */
+export declare class Rectangle extends FoundationElement {
+}
+export declare const rectangleTag = "spright-rectangle";

package/dist/esm/rectangle/index.js

@@ -0,0 +1,16 @@
+import { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';
+import { styles } from './styles';
+import { template } from './template';
+/**
+ * A Spright demo component (not for production use)
+ */
+export class Rectangle extends FoundationElement {
+}
+const sprightRectangle = Rectangle.compose({
+    baseName: 'rectangle',
+    template,
+    styles
+});
+DesignSystem.getOrCreate().withPrefix('spright').register(sprightRectangle());
+export const rectangleTag = 'spright-rectangle';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/rectangle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,iBAAiB;CAAG;AAEnD,MAAM,gBAAgB,GAAG,SAAS,CAAC,OAAO,CAAC;IACvC,QAAQ,EAAE,WAAW;IACrB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAC9E,MAAM,CAAC,MAAM,YAAY,GAAG,mBAAmB,CAAC","sourcesContent":["import { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';\nimport { styles } from './styles';\nimport { template } from './template';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'spright-rectangle': Rectangle;\n    }\n}\n\n/**\n * A Spright demo component (not for production use)\n */\nexport class Rectangle extends FoundationElement {}\n\nconst sprightRectangle = Rectangle.compose({\n    baseName: 'rectangle',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('spright').register(sprightRectangle());\nexport const rectangleTag = 'spright-rectangle';\n"]}

package/dist/esm/rectangle/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;

package/dist/esm/rectangle/styles.js

@@ -0,0 +1,16 @@
+import { css } from '@microsoft/fast-element';
+import { display } from '@microsoft/fast-foundation';
+import { bodyFont, bodyFontColor, borderHoverColor } from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';
+export const styles = css `
+    ${display('inline-block')}
+
+    :host {
+        border: 2px solid ${borderHoverColor};
+    }
+
+    slot {
+        font: ${bodyFont};
+        color: ${bodyFontColor};
+    }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/rectangle/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,QAAQ,EACR,aAAa,EACb,gBAAgB,EACnB,MAAM,6DAA6D,CAAC;AAErE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;;;4BAGD,gBAAgB;;;;gBAI5B,QAAQ;iBACP,aAAa;;CAE7B,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '@microsoft/fast-foundation';\nimport {\n    bodyFont,\n    bodyFontColor,\n    borderHoverColor\n} from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';\n\nexport const styles = css`\n    ${display('inline-block')}\n\n    :host {\n        border: 2px solid ${borderHoverColor};\n    }\n\n    slot {\n        font: ${bodyFont};\n        color: ${bodyFontColor};\n    }\n`;\n"]}

package/dist/esm/rectangle/template.d.ts

@@ -0,0 +1 @@
+export declare const template: import("@microsoft/fast-element").ViewTemplate<any, any>;

package/dist/esm/rectangle/template.js

@@ -0,0 +1,3 @@
+import { html } from '@microsoft/fast-element';
+export const template = html `<slot></slot>`;
+//# sourceMappingURL=template.js.map

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

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

package/package.json

@@ -0,0 +1,129 @@
+{
+  "name": "@ni/spright-components",
+  "version": "0.0.2",
+  "description": "NI Spright Components",
+  "scripts": {
+    "build": "npm run build-components && npm run bundle-components",
+    "lint": "npm run eslint && npm run prettier",
+    "format": "npm run eslint-fix && npm run prettier-fix",
+    "eslint": "eslint .",
+    "eslint-fix": "eslint src --fix",
+    "prettier": "prettier-eslint \"**/*.*\" --list-different --prettier-ignore",
+    "prettier-fix": "prettier-eslint \"**/*.*\" --write --prettier-ignore",
+    "pack": "npm pack",
+    "invoke-publish": "npm publish",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build -o dist/storybook --webpack-stats-json",
+    "storybook-open-webkit": "playwright wk http://localhost:6006",
+    "build-components": "tsc -p ./tsconfig.json",
+    "build-components:watch": "tsc -p ./tsconfig.json -w",
+    "bundle-components": "rollup --bundleConfigAsCjs --config",
+    "tdd": "npm run build-components && npm run test-chrome",
+    "tdd:watch": "npm run build-components:watch & npm run test-chrome:watch",
+    "tdd-firefox": "npm run build-components && npm run test-firefox",
+    "tdd-firefox:watch": "npm run build-components:watch & npm run test-firefox:watch",
+    "tdd-webkit": "npm run build-components && npm run test-webkit",
+    "tdd-webkit:watch": "npm run build-components:watch & npm run test-webkit:watch",
+    "test-chrome:debugger": "karma start karma.conf.js --browsers=ChromeDebugging --skip-tags SkipChrome",
+    "test-chrome:verbose": "karma start karma.conf.verbose.js --browsers=ChromeHeadlessOpt --single-run --skip-tags SkipChrome",
+    "test-chrome:watch": "karma start karma.conf.js --browsers=ChromeHeadlessOpt --skip-tags SkipChrome --watch-extensions js",
+    "test-chrome": "karma start karma.conf.js --browsers=ChromeHeadlessOpt --single-run --skip-tags SkipChrome",
+    "test-firefox:debugger": "karma start karma.conf.js --browsers=FirefoxDebugging --skip-tags SkipFirefox",
+    "test-firefox:verbose": "karma start karma.conf.verbose.js --browsers=FirefoxHeadless --single-run --skip-tags SkipFirefox",
+    "test-firefox:watch": "karma start karma.conf.js --browsers=FirefoxHeadless --skip-tags SkipFirefox --watch-extensions js",
+    "test-firefox": "karma start karma.conf.js --browsers=FirefoxHeadless --single-run --skip-tags SkipFirefox",
+    "test-webkit:debugger": "karma start karma.conf.js --browsers=WebkitDebugging --skip-tags SkipWebkit",
+    "test-webkit:verbose": "karma start karma.conf.verbose.js --browsers=WebkitHeadless --single-run --skip-tags SkipWebkit",
+    "test-webkit:watch": "karma start karma.conf.js --browsers=WebkitHeadless --skip-tags SkipWebkit --watch-extensions js",
+    "test-webkit": "karma start karma.conf.js --browsers=WebkitHeadless --single-run --skip-tags SkipWebkit",
+    "test": "npm run test-chrome:verbose && npm run test-firefox:verbose"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ni/nimble.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": {
+    "name": "National Instruments"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/ni/nimble/issues"
+  },
+  "homepage": "https://github.com/ni/nimble#readme",
+  "dependencies": {
+    "@microsoft/fast-colors": "^5.3.1",
+    "@microsoft/fast-element": "^1.12.0",
+    "@microsoft/fast-foundation": "^2.49.6",
+    "@microsoft/fast-web-utilities": "^6.0.0",
+    "@ni/nimble-components": "26.0.0",
+    "@ni/nimble-tokens": "^6.13.2",
+    "tslib": "^2.2.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.13.16",
+    "@babel/core": "^7.20.12",
+    "@chromatic-com/storybook": "^1.2.25",
+    "@microsoft/fast-react-wrapper": "^0.3.22",
+    "@ni/jasmine-parameterized": "^0.2.4",
+    "@ni-private/eslint-config-nimble": "^1.0.0",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-json": "^6.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-replace": "^5.0.1",
+    "@rollup/plugin-terser": "^0.4.0",
+    "@storybook/addon-a11y": "^8.0.4",
+    "@storybook/addon-actions": "^8.0.4",
+    "@storybook/addon-docs": "^8.0.4",
+    "@storybook/addon-essentials": "^8.0.4",
+    "@storybook/addon-interactions": "^8.0.4",
+    "@storybook/addon-links": "^8.0.4",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.2",
+    "@storybook/cli": "^8.0.4",
+    "@storybook/csf": "^0.1.2",
+    "@storybook/html": "^8.0.4",
+    "@storybook/html-webpack5": "^8.0.4",
+    "@storybook/manager-api": "^8.0.4",
+    "@storybook/theming": "^8.0.4",
+    "@types/jasmine": "^5.1.4",
+    "@types/webpack-env": "^1.15.2",
+    "babel-loader": "^9.1.2",
+    "circular-dependency-plugin": "^5.2.0",
+    "css-loader": "^6.7.3",
+    "dotenv-webpack": "^8.0.1",
+    "eslint-plugin-jsdoc": "^48.2.0",
+    "eslint-plugin-storybook": "^0.8.0",
+    "html-webpack-plugin": "^5.3.1",
+    "jasmine-core": "^5.1.2",
+    "js-beautify": "^1.15.1",
+    "karma": "^6.3.0",
+    "karma-chrome-launcher": "^3.1.0",
+    "karma-firefox-launcher": "^2.1.0",
+    "karma-jasmine": "^5.1.0",
+    "karma-jasmine-html-reporter": "^2.0.0",
+    "karma-jasmine-spec-tags": "^2.0.0",
+    "karma-source-map-support": "^1.4.0",
+    "karma-sourcemap-loader": "^0.4.0",
+    "karma-spec-reporter": "^0.0.36",
+    "karma-webkit-launcher": "^2.1.0",
+    "karma-webpack": "^5.0.0",
+    "playwright": "1.42.0",
+    "prettier-eslint": "^16.3.0",
+    "prettier-eslint-cli": "^8.0.1",
+    "remark-gfm": "^4.0.0",
+    "rollup": "^4.12.0",
+    "rollup-plugin-polyfill-node": "^0.13.0",
+    "rollup-plugin-sourcemaps": "^0.6.3",
+    "source-map-loader": "^5.0.0",
+    "storybook": "^8.0.4",
+    "storybook-addon-pseudo-states": "^3.0.0",
+    "terser-webpack-plugin": "^5.3.10",
+    "ts-loader": "^9.2.5",
+    "typescript": "~5.1.6",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^5.0.1",
+    "webpack-dev-middleware": "^7.0.0"
+  }
+}