@ni/spright-components 1.0.0 → 1.0.2

package/dist/esm/rectangle/styles.js

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

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

@@ -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,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"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/rectangle/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,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 '@microsoft/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/utilities/style/display.d.ts

@@ -0,0 +1,6 @@
+import { display as foundationDisplay } from '@microsoft/fast-foundation';
+/**
+ * This utility will generate the appropriate display style, as well as a style rule
+ * to hide the host element when its `hidden` attribute is set.
+ */
+export declare const display: typeof foundationDisplay;

package/dist/esm/utilities/style/display.js

@@ -0,0 +1,9 @@
+import { 
+// eslint-disable-next-line no-restricted-imports
+display as foundationDisplay } from '@microsoft/fast-foundation';
+/**
+ * This utility will generate the appropriate display style, as well as a style rule
+ * to hide the host element when its `hidden` attribute is set.
+ */
+export const display = (displayValue) => `${foundationDisplay(displayValue)}`;
+//# sourceMappingURL=display.js.map

package/dist/esm/utilities/style/display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display.js","sourceRoot":"","sources":["../../../../src/utilities/style/display.ts"],"names":[],"mappings":"AAAA,OAAO;AAEH,iDAAiD;AACjD,OAAO,IAAI,iBAAiB,EAC/B,MAAM,4BAA4B,CAAC;AAEpC;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAA6B,CAC7C,YAAqC,EACvC,EAAE,CAAC,GAAG,iBAAiB,CAAC,YAAY,CAAC,EAAE,CAAC","sourcesContent":["import {\n    type CSSDisplayPropertyValue,\n    // eslint-disable-next-line no-restricted-imports\n    display as foundationDisplay\n} from '@microsoft/fast-foundation';\n\n/**\n * This utility will generate the appropriate display style, as well as a style rule\n * to hide the host element when its `hidden` attribute is set.\n */\nexport const display: typeof foundationDisplay = (\n    displayValue: CSSDisplayPropertyValue\n) => `${foundationDisplay(displayValue)}`;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/spright-components",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "NI Spright Components",
   "scripts": {
     "build": "npm run build-components && npm run bundle-components",
@@ -55,7 +55,7 @@
     "@microsoft/fast-element": "^1.12.0",
     "@microsoft/fast-foundation": "^2.49.6",
     "@microsoft/fast-web-utilities": "^6.0.0",
-    "@ni/nimble-components": "29.0.0",
+    "@ni/nimble-components": "29.1.1",
     "@ni/nimble-tokens": "^6.13.6",
     "tslib": "^2.2.0"
   },