@ni/spright-components 0.0.3 → 0.0.5

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.
Files changed (7) hide show
  1. package/dist/all-components-bundle.js +477 -33
  2. package/dist/all-components-bundle.js.map +1 -1
  3. package/dist/all-components-bundle.min.js +6714 -6628
  4. package/dist/all-components-bundle.min.js.map +1 -1
  5. package/dist/esm/rectangle/styles.js +13 -1
  6. package/dist/esm/rectangle/styles.js.map +1 -1
  7. package/package.json +5 -37
package/dist/esm/rectangle/styles.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css } from '@microsoft/fast-element';
2
2
  import { display } from '@microsoft/fast-foundation';
3
- import { bodyFont, bodyFontColor, borderHoverColor } from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';
3
+ import { bodyDisabledFontColor, bodyFont, bodyFontColor, borderHoverColor, borderRgbPartialColor } from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';
4
4
  export const styles = css `
5
5
  ${display('inline-block')}
6
6
 
@@ -8,9 +8,21 @@ export const styles = css `
8
8
  border: 2px solid ${borderHoverColor};
9
9
  }
10
10
 
11
+ :host(:hover) {
12
+ border-width: 4px;
13
+ }
14
+
15
+ :host([disabled]) {
16
+ border-color: rgba(${borderRgbPartialColor}, 0.2);
17
+ }
18
+
11
19
  slot {
12
20
  font: ${bodyFont};
13
21
  color: ${bodyFontColor};
14
22
  }
23
+
24
+ :host([disabled]) slot {
25
+ color: ${bodyDisabledFontColor};
26
+ }
15
27
  `;
16
28
  //# sourceMappingURL=styles.js.map
package/dist/esm/rectangle/styles.js.map CHANGED
@@ -1 +1 @@
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"]}
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,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,qBAAqB,EACxB,MAAM,6DAA6D,CAAC;AAErE,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 '@microsoft/fast-element';\nimport { display } from '@microsoft/fast-foundation';\nimport {\n bodyDisabledFontColor,\n bodyFont,\n bodyFontColor,\n borderHoverColor,\n borderRgbPartialColor\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 :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/package.json CHANGED
@@ -1,20 +1,17 @@
1
1
  {
2
2
  "name": "@ni/spright-components",
3
- "version": "0.0.3",
3
+ "version": "0.0.5",
4
4
  "description": "NI Spright Components",
5
5
  "scripts": {
6
6
  "build": "npm run build-components && npm run bundle-components",
7
7
  "lint": "npm run eslint && npm run prettier",
8
8
  "format": "npm run eslint-fix && npm run prettier-fix",
9
- "eslint": "eslint .",
9
+ "eslint": "eslint src",
10
10
  "eslint-fix": "eslint src --fix",
11
- "prettier": "prettier-eslint \"**/*.*\" --list-different --prettier-ignore",
12
- "prettier-fix": "prettier-eslint \"**/*.*\" --write --prettier-ignore",
11
+ "prettier": "prettier-eslint \"src/**/*.*\" --list-different --prettier-ignore",
12
+ "prettier-fix": "prettier-eslint \"src/**/*.*\" --write --prettier-ignore",
13
13
  "pack": "npm pack",
14
14
  "invoke-publish": "npm publish",
15
- "storybook": "storybook dev -p 6006",
16
- "build-storybook": "storybook build -o dist/storybook --webpack-stats-json",
17
- "storybook-open-webkit": "playwright wk http://localhost:6006",
18
15
  "build-components": "tsc -p ./tsconfig.json",
19
16
  "build-components:watch": "tsc -p ./tsconfig.json -w",
20
17
  "bundle-components": "rollup --bundleConfigAsCjs --config",
@@ -58,15 +55,11 @@
58
55
  "@microsoft/fast-element": "^1.12.0",
59
56
  "@microsoft/fast-foundation": "^2.49.6",
60
57
  "@microsoft/fast-web-utilities": "^6.0.0",
61
- "@ni/nimble-components": "27.0.0",
58
+ "@ni/nimble-components": "27.0.1",
62
59
  "@ni/nimble-tokens": "^6.13.2",
63
60
  "tslib": "^2.2.0"
64
61
  },
65
62
  "devDependencies": {
66
- "@babel/cli": "^7.13.16",
67
- "@babel/core": "^7.20.12",
68
- "@chromatic-com/storybook": "^1.2.25",
69
- "@microsoft/fast-react-wrapper": "^0.3.22",
70
63
  "@ni/jasmine-parameterized": "^0.2.4",
71
64
  "@ni-private/eslint-config-nimble": "^1.0.0",
72
65
  "@rollup/plugin-commonjs": "^25.0.7",
@@ -74,30 +67,10 @@
74
67
  "@rollup/plugin-node-resolve": "^15.0.1",
75
68
  "@rollup/plugin-replace": "^5.0.1",
76
69
  "@rollup/plugin-terser": "^0.4.0",
77
- "@storybook/addon-a11y": "^8.0.4",
78
- "@storybook/addon-actions": "^8.0.4",
79
- "@storybook/addon-docs": "^8.0.4",
80
- "@storybook/addon-essentials": "^8.0.4",
81
- "@storybook/addon-interactions": "^8.0.4",
82
- "@storybook/addon-links": "^8.0.4",
83
- "@storybook/addon-webpack5-compiler-swc": "^1.0.2",
84
- "@storybook/cli": "^8.0.4",
85
- "@storybook/csf": "^0.1.2",
86
- "@storybook/html": "^8.0.4",
87
- "@storybook/html-webpack5": "^8.0.4",
88
- "@storybook/manager-api": "^8.0.4",
89
- "@storybook/theming": "^8.0.4",
90
70
  "@types/jasmine": "^5.1.4",
91
71
  "@types/webpack-env": "^1.15.2",
92
- "babel-loader": "^9.1.2",
93
- "circular-dependency-plugin": "^5.2.0",
94
- "css-loader": "^6.7.3",
95
- "dotenv-webpack": "^8.0.1",
96
72
  "eslint-plugin-jsdoc": "^48.2.0",
97
- "eslint-plugin-storybook": "^0.8.0",
98
- "html-webpack-plugin": "^5.3.1",
99
73
  "jasmine-core": "^5.1.2",
100
- "js-beautify": "^1.15.1",
101
74
  "karma": "^6.3.0",
102
75
  "karma-chrome-launcher": "^3.1.0",
103
76
  "karma-firefox-launcher": "^2.1.0",
@@ -112,15 +85,10 @@
112
85
  "playwright": "1.42.0",
113
86
  "prettier-eslint": "^16.3.0",
114
87
  "prettier-eslint-cli": "^8.0.1",
115
- "remark-gfm": "^4.0.0",
116
88
  "rollup": "^4.12.0",
117
89
  "rollup-plugin-polyfill-node": "^0.13.0",
118
90
  "rollup-plugin-sourcemaps": "^0.6.3",
119
91
  "source-map-loader": "^5.0.0",
120
- "storybook": "^8.0.4",
121
- "storybook-addon-pseudo-states": "^3.0.0",
122
- "terser-webpack-plugin": "^5.3.10",
123
- "ts-loader": "^9.2.5",
124
92
  "typescript": "~5.1.6",
125
93
  "webpack": "^5.75.0",
126
94
  "webpack-cli": "^5.0.1",