@ni/nimble-components 3.1.0 → 3.2.0

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

@@ -0,0 +1,12 @@
+import { Breadcrumb as FoundationBreadcrumb } from '@microsoft/fast-foundation';
+export type { Breadcrumb };
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-breadcrumb': Breadcrumb;
+    }
+}
+/**
+ * A nimble-styled breadcrumb
+ */
+declare class Breadcrumb extends FoundationBreadcrumb {
+}

package/dist/esm/breadcrumb/index.js

@@ -0,0 +1,16 @@
+import { DesignSystem, Breadcrumb as FoundationBreadcrumb, breadcrumbTemplate as template } from '@microsoft/fast-foundation';
+import { styles } from './styles';
+/**
+ * A nimble-styled breadcrumb
+ */
+class Breadcrumb extends FoundationBreadcrumb {
+}
+const nimbleBreadcrumb = Breadcrumb.compose({
+    baseName: 'breadcrumb',
+    baseClass: FoundationBreadcrumb,
+    // @ts-expect-error FAST templates have incorrect type, see: https://github.com/microsoft/fast/issues/5047
+    template,
+    styles
+});
+DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleBreadcrumb());
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,UAAU,IAAI,oBAAoB,EAClC,kBAAkB,IAAI,QAAQ,EACjC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAUlC;;GAEG;AACH,MAAM,UAAW,SAAQ,oBAAoB;CAAG;AAEhD,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,CAAC;IACxC,QAAQ,EAAE,YAAY;IACtB,SAAS,EAAE,oBAAoB;IAC/B,0GAA0G;IAC1G,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC"}

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

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

package/dist/esm/breadcrumb/styles.js

@@ -0,0 +1,25 @@
+import { css } from '@microsoft/fast-element';
+import { display } from '@microsoft/fast-foundation';
+import { bodyFont } from '../theme-provider/design-tokens';
+export const styles = css `
+    ${display('inline-block')}
+
+    :host {
+        box-sizing: border-box;
+        font: ${bodyFont};
+    }
+
+    .list {
+        display: flex;
+        flex-wrap: wrap;
+    }
+
+    ::slotted(*:first-child) {
+        padding-left: 0px;
+    }
+
+    ::slotted(*:not([href]):last-child) {
+        font-weight: bold;
+    }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/breadcrumb/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;;;;gBAIb,QAAQ;;;;;;;;;;;;;;;CAevB,CAAC"}

package/dist/esm/breadcrumb-item/index.d.ts

@@ -0,0 +1,12 @@
+import { BreadcrumbItem as FoundationBreadcrumbItem } from '@microsoft/fast-foundation';
+export type { BreadcrumbItem };
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-breadcrumb-item': BreadcrumbItem;
+    }
+}
+/**
+ * A nimble-styled breadcrumb item
+ */
+declare class BreadcrumbItem extends FoundationBreadcrumbItem {
+}

package/dist/esm/breadcrumb-item/index.js

@@ -0,0 +1,20 @@
+import { DesignSystem, BreadcrumbItem as FoundationBreadcrumbItem, breadcrumbItemTemplate as template } from '@microsoft/fast-foundation';
+import { forwardSlash16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { styles } from './styles';
+/**
+ * A nimble-styled breadcrumb item
+ */
+class BreadcrumbItem extends FoundationBreadcrumbItem {
+}
+const nimbleBreadcrumbItem = BreadcrumbItem.compose({
+    baseName: 'breadcrumb-item',
+    baseClass: FoundationBreadcrumbItem,
+    // @ts-expect-error FAST templates have incorrect type, see: https://github.com/microsoft/fast/issues/5047
+    template,
+    styles,
+    separator: forwardSlash16X16.data
+});
+DesignSystem.getOrCreate()
+    .withPrefix('nimble')
+    .register(nimbleBreadcrumbItem());
+//# sourceMappingURL=index.js.map

package/dist/esm/breadcrumb-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/breadcrumb-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,cAAc,IAAI,wBAAwB,EAC1C,sBAAsB,IAAI,QAAQ,EAErC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AACzF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAUlC;;GAEG;AACH,MAAM,cAAe,SAAQ,wBAAwB;CAAG;AAExD,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAwB;IACvE,QAAQ,EAAE,iBAAiB;IAC3B,SAAS,EAAE,wBAAwB;IACnC,0GAA0G;IAC1G,QAAQ;IACR,MAAM;IACN,SAAS,EAAE,iBAAiB,CAAC,IAAI;CACpC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,oBAAoB,EAAE,CAAC,CAAC"}

package/dist/esm/breadcrumb-item/styles.d.ts

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

package/dist/esm/breadcrumb-item/styles.js

@@ -0,0 +1,65 @@
+import { css } from '@microsoft/fast-element';
+import { display } from '@microsoft/fast-foundation';
+import { bodyFont, bodyFontColor, borderHoverColor, borderWidth, controlHeight, iconSize, passColor } from '../theme-provider/design-tokens';
+export const styles = css `
+    ${display('inline-flex')}
+
+    :host {
+        height: ${controlHeight};
+        box-sizing: border-box;
+        font: ${bodyFont};
+        color: ${bodyFontColor};
+        padding-left: 4px;
+    }
+
+    .listitem {
+        line-height: ${controlHeight};
+    }
+
+    .control {
+        color: ${bodyFontColor};
+        cursor: default;
+        border: ${borderWidth} solid transparent;
+        padding: 4px 4px 0px 4px;
+    }
+
+    .control:link {
+        cursor: pointer;
+        text-decoration: none;
+    }
+
+    .control:hover {
+        text-decoration: underline;
+    }
+
+    .control:active {
+        color: ${passColor};
+        text-decoration: underline;
+    }
+
+    .control:link:focus-within {
+        outline-color: ${borderHoverColor};
+    }
+
+    .start,
+    .end {
+        display: none;
+    }
+
+    .separator {
+        padding-left: 2px;
+        padding-right: 2px;
+    }
+
+    slot[name='separator'] svg {
+        position: relative;
+        top: 4px;
+        width: ${iconSize};
+        height: ${iconSize};
+    }
+
+    slot[name='separator'] path {
+        fill: ${bodyFontColor};
+    }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/breadcrumb-item/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/breadcrumb-item/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,EAChB,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACZ,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;kBAGV,aAAa;;gBAEf,QAAQ;iBACP,aAAa;;;;;uBAKP,aAAa;;;;iBAInB,aAAa;;kBAEZ,WAAW;;;;;;;;;;;;;;iBAcZ,SAAS;;;;;yBAKD,gBAAgB;;;;;;;;;;;;;;;;iBAgBxB,QAAQ;kBACP,QAAQ;;;;gBAIV,aAAa;;CAE5B,CAAC"}

package/dist/esm/nimble-components/src/breadcrumb/index.d.ts

@@ -0,0 +1,12 @@
+import { Breadcrumb as FoundationBreadcrumb } from '@microsoft/fast-foundation';
+export type { Breadcrumb };
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-breadcrumb': Breadcrumb;
+    }
+}
+/**
+ * A nimble-styled breadcrumb
+ */
+declare class Breadcrumb extends FoundationBreadcrumb {
+}

package/dist/esm/nimble-components/src/breadcrumb/styles.d.ts

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

package/dist/esm/nimble-components/src/breadcrumb-item/index.d.ts

@@ -0,0 +1,12 @@
+import { BreadcrumbItem as FoundationBreadcrumbItem } from '@microsoft/fast-foundation';
+export type { BreadcrumbItem };
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-breadcrumb-item': BreadcrumbItem;
+    }
+}
+/**
+ * A nimble-styled breadcrumb item
+ */
+declare class BreadcrumbItem extends FoundationBreadcrumbItem {
+}

package/dist/esm/nimble-components/src/breadcrumb-item/styles.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-components",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "description": "Styled web components for the NI Nimble Design System",
   "scripts": {
     "build": "npm run build-components && npm run generate-scss && npm run build-storybook",