@ni/nimble-components - npm Package Compare versions

Comparing version 1.0.0-beta.54 to 1.0.0-beta.55

dist/esm/tabs-toolbar/index.d.ts

+import { FoundationElement } from '@microsoft/fast-foundation';
+export declare class TabsToolbar extends FoundationElement {
+}

dist/esm/tabs-toolbar/index.js

+import { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';
+import { styles } from './styles';
+import { template } from './template';
+export class TabsToolbar extends FoundationElement {
+}
+const nimbleTabsToolbar = TabsToolbar.compose({
+    baseName: 'tabs-toolbar',
+    template,
+    styles
+});
+DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTabsToolbar());
+//# sourceMappingURL=index.js.map

dist/esm/tabs-toolbar/index.js.map

+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tabs-toolbar/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;AAEtC,MAAM,OAAO,WAAY,SAAQ,iBAAiB;CAAG;AAErD,MAAM,iBAAiB,GAAG,WAAW,CAAC,OAAO,CAAC;IAC1C,QAAQ,EAAE,cAAc;IACxB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,CAAC"}

dist/esm/tabs-toolbar/styles.d.ts

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

dist/esm/tabs-toolbar/styles.js

+import { css } from '@microsoft/fast-element';
+import { display } from '@microsoft/fast-foundation';
+import { borderColorRgb, borderWidth, contentFontColor, contentFontSize, fontFamily, standardPadding } from '../theme-provider/design-tokens';
+export const styles = css `
+    ${display('flex')} :host {
+        box-sizing: border-box;
+        font-family: ${fontFamily};
+        font-size: ${contentFontSize};
+        color: ${contentFontColor};
+    }
+
+    .separator {
+        border-left: calc(${borderWidth} * 2) solid rgba(${borderColorRgb}, 0.3);
+        margin: calc(${standardPadding} / 4) calc(${standardPadding} / 2);
+    }
+`;
+//# sourceMappingURL=styles.js.map

dist/esm/tabs-toolbar/styles.js.map

+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tabs-toolbar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,eAAe,EAClB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;uBAEE,UAAU;qBACZ,eAAe;iBACnB,gBAAgB;;;;4BAIL,WAAW,oBAAoB,cAAc;uBAClD,eAAe,cAAc,eAAe;;CAElE,CAAC"}

dist/esm/tabs-toolbar/template.d.ts

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

dist/esm/tabs-toolbar/template.js

+import { html } from '@microsoft/fast-element';
+export const template = html `
+    <template slot="toolbar">
+        <div class="separator"></div>
+        <div>
+            <slot></slot>
+        </div>
+    </<template>
+`;
+//# sourceMappingURL=template.js.map

dist/esm/tabs-toolbar/template.js.map

+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/tabs-toolbar/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAA;;;;;;;CAO3B,CAAC"}

dist/esm/tabs/index.d.ts

 export * from '../tab';
 export * from '../tab-panel';
+export * from '../tabs-toolbar';

dist/esm/tabs/index.js

@@ -0,1 +1,2 @@
+import { html } from '@microsoft/fast-element';
 import { DesignSystem, Tabs, tabsTemplate as template } from '@microsoft/fast-foundation';
@@ -5,8 +6,10 @@ import { styles } from './styles';
 export * from '../tab-panel';
+export * from '../tabs-toolbar';
 const nimbleTabs = Tabs.compose({
     baseName: 'tabs',
     template,
-    styles
+    styles,
+    end: html `<slot name="toolbar"></slot>`
 });
 DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTabs());
 //# sourceMappingURL=index.js.map

dist/esm/tabs/index.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,IAAI,EACJ,YAAY,IAAI,QAAQ,EAC3B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAE7B,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;IAC5B,QAAQ,EAAE,MAAM;IAChB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACH,YAAY,EACZ,IAAI,EAEJ,YAAY,IAAI,QAAQ,EAC3B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAEhC,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAc;IACzC,QAAQ,EAAE,MAAM;IAChB,QAAQ;IACR,MAAM;IACN,GAAG,EAAE,IAAI,CAAA,8BAA8B;CAC1C,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC"}

dist/esm/tabs/styles.js

@@ -7,2 +7,4 @@ import { css } from '@microsoft/fast-element';
         box-sizing: border-box;
+        grid-template-columns: auto auto 1fr;
+        grid-template-rows: auto 1fr;
     }
@@ -15,2 +17,3 @@
         width: max-content;
+        align-self: end;
     }
@@ -27,3 +30,9 @@
     }
+
+    .tabpanel {
+        grid-row: 2;
+        grid-column-start: 1;
+        grid-column-end: 4;
+    }
 `;
 //# sourceMappingURL=styles.js.map

dist/esm/tabs/styles.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tabs/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,gBAAgB,EAChB,WAAW,EACX,UAAU,EACb,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;;;;;;;;;;uBAaE,WAAW;4BACN,gBAAgB;;;;gCAIZ,UAAU;;CAEzC,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tabs/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,gBAAgB,EAChB,WAAW,EACX,UAAU,EACb,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;uBAgBE,WAAW;4BACN,gBAAgB;;;;gCAIZ,UAAU;;;;;;;;CAQzC,CAAC"}

dist/esm/tabs/tests/tabs.stories.d.ts

 import type { Meta, Story } from '@storybook/html';
+import '../../button';
 import '../index';
 interface TabsArgs {
     tabs: TabArgs[];
+    toolbar: string;
 }
@@ -14,1 +16,2 @@ interface TabArgs {
 export declare const tabs: Story<TabsArgs>;
+export declare const toolbar: Story<TabsArgs>;

dist/esm/tabs/tests/tabs.stories.js

 import { withXD } from 'storybook-addon-xd-designs';
+import '../../button';
 import '../index';
@@ -11,4 +12,7 @@ const metadata = {
     },
-    render: ({ tabs }) => `
+    render: ({ tabs, toolbar }) => `
         <nimble-tabs>
+            ${toolbar
+        ? `<nimble-tabs-toolbar>${toolbar}</nimble-tabs-toolbar>`
+        : ''}
             ${tabs
@@ -44,2 +48,7 @@ .map(tab => `<nimble-tab ${tab.disabled ? 'disabled' : ''}>${tab.label}</nimble-tab>`)
 export const tabs = {};
+export const toolbar = {
+    args: {
+        toolbar: '<nimble-button appearance="ghost">Toolbar Button</nimble-button>'
+    }
+};
 //# sourceMappingURL=tabs.stories.js.map

dist/esm/tabs/tests/tabs.stories.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../../src/tabs/tests/tabs.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,UAAU,CAAC;AAYlB,MAAM,QAAQ,GAAmB;IAC7B,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,CAAC,MAAM,CAAC;IACpB,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,WAAW,EACP,uHAAuH;SAC9H;KACJ;IACD,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,EAAU,EAAE,CAAC;;cAEpB,IAAI;SACT,GAAG,CACA,GAAG,CAAC,EAAE,CAAC,eAAe,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAChD,GAAG,CAAC,KACR,eAAe,CAClB;SACA,IAAI,CAAC,EAAE,CAAC;cACH,IAAI;SACT,GAAG,CACA,GAAG,CAAC,EAAE,CAAC,qBAAqB,GAAG,CAAC,OAAO,qBAAqB,CAC/D;SACA,IAAI,CAAC,EAAE,CAAC;;KAEZ;IACD,IAAI,EAAE;QACF,IAAI,EAAE;YACF;gBACI,KAAK,EAAE,SAAS;gBAChB,OAAO,EAAE,0BAA0B;gBACnC,QAAQ,EAAE,KAAK;aAClB;YACD;gBACI,KAAK,EAAE,SAAS;gBAChB,OAAO,EAAE,2BAA2B;gBACpC,QAAQ,EAAE,KAAK;aAClB;YACD;gBACI,KAAK,EAAE,WAAW;gBAClB,OAAO,EAAE,0BAA0B;gBACnC,QAAQ,EAAE,KAAK;aAClB;SACJ;KACJ;CACJ,CAAC;AAEF,eAAe,QAAQ,CAAC;AAExB,MAAM,CAAC,MAAM,IAAI,GAAoB,EAAE,CAAC"}
+{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../../src/tabs/tests/tabs.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,cAAc,CAAC;AACtB,OAAO,UAAU,CAAC;AAalB,MAAM,QAAQ,GAAmB;IAC7B,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,CAAC,MAAM,CAAC;IACpB,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,WAAW,EACP,uHAAuH;SAC9H;KACJ;IACD,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAU,EAAE,CAAC;;cAGvC,OAAO;QACH,CAAC,CAAC,wBAAwB,OAAO,wBAAwB;QACzD,CAAC,CAAC,EACV;cACc,IAAI;SACT,GAAG,CACA,GAAG,CAAC,EAAE,CAAC,eAAe,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAChD,GAAG,CAAC,KACR,eAAe,CAClB;SACA,IAAI,CAAC,EAAE,CAAC;cACH,IAAI;SACT,GAAG,CACA,GAAG,CAAC,EAAE,CAAC,qBAAqB,GAAG,CAAC,OAAO,qBAAqB,CAC/D;SACA,IAAI,CAAC,EAAE,CAAC;;KAEZ;IACD,IAAI,EAAE;QACF,IAAI,EAAE;YACF;gBACI,KAAK,EAAE,SAAS;gBAChB,OAAO,EAAE,0BAA0B;gBACnC,QAAQ,EAAE,KAAK;aAClB;YACD;gBACI,KAAK,EAAE,SAAS;gBAChB,OAAO,EAAE,2BAA2B;gBACpC,QAAQ,EAAE,KAAK;aAClB;YACD;gBACI,KAAK,EAAE,WAAW;gBAClB,OAAO,EAAE,0BAA0B;gBACnC,QAAQ,EAAE,KAAK;aAClB;SACJ;KACJ;CACJ,CAAC;AAEF,eAAe,QAAQ,CAAC;AAExB,MAAM,CAAC,MAAM,IAAI,GAAoB,EAAE,CAAC;AAExC,MAAM,CAAC,MAAM,OAAO,GAAoB;IACpC,IAAI,EAAE;QACF,OAAO,EACH,kEAAkE;KACzE;CACJ,CAAC"}

package.json

 {
   "name": "@ni/nimble-components",
-  "version": "1.0.0-beta.54",
+  "version": "1.0.0-beta.55",
   "description": "Styled web components for the NI Nimble Design System",
@@ -5,0 +5,0 @@ "scripts": {

New alerts

Explicitly Unlicensed Item

License

Something was found which is explicitly marked as unlicensed.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Fixed alerts

Explicitly Unlicensed Item

License

Something was found which is explicitly marked as unlicensed.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

141507

2.79%

Number of package files

149

6.43%

Lines of code

2372

2.77%

No dependency changes