@ncino/web-components 4.3.0-preview.13 → 4.3.0-preview.14
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.
- package/dist/components/breadcrumbs/gator/breadcrumb/breadcrumb.gator.figma.js +3 -0
- package/dist/components/breadcrumbs/gator/container/breadcrumbs.gator.figma.js +5 -0
- package/dist/components/text-detail/gator/text-detail.gator.figma.js +30 -0
- package/dist/components/text-detail/gator/text-detail.gator.js +1 -1
- package/dist/types/components/breadcrumbs/gator/breadcrumb/breadcrumb.gator.figma.d.ts +1 -0
- package/dist/types/components/breadcrumbs/gator/container/breadcrumbs.gator.figma.d.ts +1 -0
- package/dist/types/components/text-detail/gator/text-detail.gator.figma.d.ts +1 -0
- package/package.json +1 -1
- package/web-types.json +1 -1
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import e,{i as t}from"../../../../_virtual/index_html.js";e.connect("https://www.figma.com/design/e9qmNCwkvtN4Yfev9sXocY/Gator-Web-Components?node-id=11302-21530&m=dev",{props:{current:e.enum("Type",{"Current Page":!0})},example:r=>t.html`
|
|
2
|
+
<ngc-breadcrumb href="#" label="Text" current=${r.current}></ngc-breadcrumb>
|
|
3
|
+
`});
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import e,{i as r}from"../../../../_virtual/index_html.js";e.connect("https://www.figma.com/design/e9qmNCwkvtN4Yfev9sXocY/Gator-Web-Components?node-id=11302-21554&m=dev",{props:{breadcrumbs:e.children("Parent: Link")},example:m=>r.html`
|
|
2
|
+
<ngc-breadcrumbs>
|
|
3
|
+
${m.breadcrumbs}
|
|
4
|
+
</ngc-breadcrumbs>
|
|
5
|
+
`});
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import t,{i}from"../../../_virtual/index_html.js";t.connect("https://www.figma.com/design/e9qmNCwkvtN4Yfev9sXocY/Gator-Web-Components?node-id=4307-61184&m=dev",{props:{title:t.string("Title"),subtitle:t.string("Subheader Text"),skeleton:t.enum("State",{Skeleton:"true",Default:void 0}),invertTitle:t.enum("Subheader",{Top:"true",Bottom:void 0}),vertical:t.enum("Orientation",{Vertical:"true",Horizontal:void 0}),subtitleIcon:t.boolean("Subheader Icon",{true:"picture",false:void 0}),startSlot:t.instance("↪️ Start Slot"),endSlot:t.instance("↪️End Slot"),size:t.enum("Size",{sm:"small","md (default)":"medium",lg:"large"})},example:e=>i.html`<ngc-text-detail
|
|
2
|
+
title="${e.title}"
|
|
3
|
+
subtitle="${e.subtitle}"
|
|
4
|
+
invert-title="${e.invertTitle}"
|
|
5
|
+
vertical="${e.vertical}"
|
|
6
|
+
subtitle-icon="${e.subtitleIcon}"
|
|
7
|
+
size="${e.size}"
|
|
8
|
+
skeleton="${e.skeleton}">
|
|
9
|
+
<div slot="prepend">
|
|
10
|
+
${e.startSlot}
|
|
11
|
+
</div>
|
|
12
|
+
<div slot="append">
|
|
13
|
+
${e.endSlot}
|
|
14
|
+
</div>
|
|
15
|
+
</ngc-text-detail>`});t.connect("https://www.figma.com/design/e9qmNCwkvtN4Yfev9sXocY/Gator-Web-Components?node-id=4307-61184&m=dev",{variant:{"TextContent slot":"Slot"},props:{subtitle:t.string("Subheader Text"),invertTitle:t.enum("Subheader",{Top:"true",Bottom:void 0}),skeleton:t.enum("State",{Skeleton:"true",Default:void 0}),vertical:t.enum("Orientation",{Vertical:"true",Horizontal:void 0}),subtitleIcon:t.boolean("Subheader Icon",{true:"picture",false:void 0}),startSlot:t.instance("↪️ Start Slot"),endSlot:t.instance("↪️End Slot")},example:e=>i.html`<ngc-text-detail
|
|
16
|
+
subtitle="${e.subtitle}"
|
|
17
|
+
invert-title="${e.invertTitle}"
|
|
18
|
+
vertical="${e.vertical}"
|
|
19
|
+
subtitle-icon="${e.subtitleIcon}"
|
|
20
|
+
skeleton="${e.skeleton}">
|
|
21
|
+
<div slot="content">
|
|
22
|
+
Swap this with your design
|
|
23
|
+
</div>
|
|
24
|
+
<div slot="prepend">
|
|
25
|
+
${e.startSlot}
|
|
26
|
+
</div>
|
|
27
|
+
<div slot="append">
|
|
28
|
+
${e.endSlot}
|
|
29
|
+
</div>
|
|
30
|
+
</ngc-text-detail>`});
|
|
@@ -19,8 +19,8 @@ import{NjcTextDetail as c}from"../text-detail.js";import"../../chip/gator/chip.g
|
|
|
19
19
|
<slot name="append"></slot>
|
|
20
20
|
`}get verticalClass(){return this.vertical?"gator-text-detail_vertical":""}get invertTitleClass(){return this.invertTitle?"gator-text-detail-content_invert-title":""}get textDetailLoadingMarkup(){return t`
|
|
21
21
|
<div class="gator-text-detail-loading ${this.invertTitleClass}">
|
|
22
|
-
<ngc-skeleton-loader width="62" height="18" radius="100"></ngc-skeleton-loader>
|
|
23
22
|
<ngc-skeleton-loader full-width height="24" radius="100"></ngc-skeleton-loader>
|
|
23
|
+
<ngc-skeleton-loader width="62" height="18" radius="100"></ngc-skeleton-loader>
|
|
24
24
|
</div>
|
|
25
25
|
`}get textDetailSubtitleIconMarkup(){return this.subtitleIcon?t`<ngc-icon class="gator-text-detail-subtitle-icon" name="${this.subtitleIcon}"></ngc-icon>`:null}get textDetailSubtitleMarkup(){return this.subtitle?t`
|
|
26
26
|
<div class="gator-text-detail-subtitle gator-text-detail-subtitle_${this.size}"
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/package.json
CHANGED
package/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@ncino/web-components",
|
|
4
|
-
"version": "4.3.0-preview.
|
|
4
|
+
"version": "4.3.0-preview.13",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|