@ncino/web-components 13.11.1 → 13.11.2

package/dist/components/display-card/display-card.js

@@ -1 +1 @@
-import{NjcCard as u}from"../card/card.js";import{property as n}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";var d=Object.defineProperty,p=(e,o,i,f)=>{for(var t=void 0,r=e.length-1,a;r>=0;r--)(a=e[r])&&(t=a(o,i,t)||t);return t&&d(o,i,t),t};class s extends u{constructor(){super(...arguments),this.actionButtonText="",this.hideFooter=!1}}p([n({type:String,attribute:"action-button-text"})],s.prototype,"actionButtonText");p([n({type:Boolean,attribute:"hide-footer"})],s.prototype,"hideFooter");export{s as NjcDisplayCard};
+import{NjcCard as l}from"../card/card.js";import{property as o}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";var u=Object.defineProperty,i=(e,a,p,f)=>{for(var t=void 0,r=e.length-1,s;r>=0;r--)(s=e[r])&&(t=s(a,p,t)||t);return t&&u(a,p,t),t};class n extends l{constructor(){super(...arguments),this.actionButtonText="",this.hideFooter=!1,this.invertTitle=!1}}i([o({type:String,attribute:"action-button-text"})],n.prototype,"actionButtonText");i([o({type:Boolean,attribute:"hide-footer"})],n.prototype,"hideFooter");i([o({attribute:"invert-title",type:Boolean})],n.prototype,"invertTitle");export{n as NjcDisplayCard};

package/dist/components/display-card/gator/display-card.gator.js

@@ -1,5 +1,5 @@
-import{NjcDisplayCard as h}from"../display-card.js";import"../../card/gator/header/card-header.gator.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as t,nothing as d}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";import p from"../../../packages/web-components/src/components/card/gator/base/card.gator.scss.js";import u from"../../../packages/web-components/src/components/display-card/gator/display-card.gator.scss.js";import m from"../../../packages/styles/dist/tokens/primitive.tokens.css.js";import f from"../../../packages/styles/dist/tokens/semantic.tokens.css.js";import{customElement as k}from"../../../utils/decorators/custom-element-decorator.js";import"../../icon/gator/icon.gator.js";import"../../icon/gator/templates/index.js";import"../../button/gator/button.gator.js";import{ifDefined as a}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/if-defined.js";import{classMap as b}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/class-map.js";import{unsafeCSS as n}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var $=Object.getOwnPropertyDescriptor,v=(e,r,g,c)=>{for(var o=c>1?void 0:c?$(r,g):r,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=l(o)||o);return o};let i=class extends h{render(){return t`
-            <ngc-card class="${b(this.classes)}">
+import{NjcDisplayCard as h}from"../display-card.js";import"../../card/gator/header/card-header.gator.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as t,nothing as d}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";import p from"../../../packages/web-components/src/components/card/gator/base/card.gator.scss.js";import u from"../../../packages/web-components/src/components/display-card/gator/display-card.gator.scss.js";import m from"../../../packages/styles/dist/tokens/primitive.tokens.css.js";import f from"../../../packages/styles/dist/tokens/semantic.tokens.css.js";import{customElement as k}from"../../../utils/decorators/custom-element-decorator.js";import"../../icon/gator/icon.gator.js";import"../../icon/gator/templates/index.js";import"../../button/gator/button.gator.js";import{ifDefined as i}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/if-defined.js";import{classMap as $}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/class-map.js";import{unsafeCSS as n}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var b=Object.getOwnPropertyDescriptor,v=(e,r,g,c)=>{for(var o=c>1?void 0:c?b(r,g):r,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=l(o)||o);return o};let a=class extends h{render(){return t`
+            <ngc-card class="${$(this.classes)}">
                 ${this.headerMarkup}
                 ${this.contentMarkup}
                 ${this.footerMarkup}
@@ -8,10 +8,11 @@ import{NjcDisplayCard as h}from"../display-card.js";import"../../card/gator/head
             <ngc-card-header>
                 <ngc-text-detail
                     size="large"
-                    .title=${a(this.title)}
-                    .subtitle=${a(this.subtitle)}
+                    .title=${i(this.title)}
+                    .subtitle=${i(this.subtitle)}
                     ?skeleton=${this.skeleton}
                     .dataTestid=${this.dataTestid}
+                    .invertTitle=${this.invertTitle}
                 >
                     <slot name="top-right" slot="append"></slot>
                 </ngc-text-detail>
@@ -34,7 +35,7 @@ import{NjcDisplayCard as h}from"../display-card.js";import"../../card/gator/head
         `,r=t`
             <ngc-button
                 variant="base"
-                data-testid=${a(this.dataTestid)}-action-button
+                data-testid=${i(this.dataTestid)}-action-button
                 @click="${this.handleActionClick}"
             >
                 ${this.actionButtonText}
@@ -46,4 +47,4 @@ import{NjcDisplayCard as h}from"../display-card.js";import"../../card/gator/head
                     ${this.skeleton?e:r}
                 </div>
             </ngc-card-footer>
-        `}handleActionClick(){this.dispatchEvent(new CustomEvent("action-click",{bubbles:!0}))}};i.styles=[n(u),n(m),n(p),n(f)];i=v([k("ngc-display-card")],i);export{i as NgcDisplayCard};
+        `}handleActionClick(){this.dispatchEvent(new CustomEvent("action-click",{bubbles:!0}))}};a.styles=[n(u),n(m),n(p),n(f)];a=v([k("ngc-display-card")],a);export{a as NgcDisplayCard};

package/dist/types/components/display-card/display-card.d.ts

@@ -8,4 +8,9 @@ export declare class NjcDisplayCard extends NjcCard {
      * @property {boolean} hideFooter - Whether to hide the footer.
      */
     hideFooter: boolean;
+    /**
+     * @description If true, the title and content positions will be inverted
+     * @property {boolean} invertTitle
+     */
+    invertTitle: boolean;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ncino/web-components",
   "author": "nCino",
-  "version": "13.11.1",
+  "version": "13.11.2",
   "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -100,10 +100,10 @@
     "vite-plugin-static-copy": "^3.3.0",
     "vitest": "^4.1.0",
     "yaml-eslint-parser": "^2.0.0",
-    "@ncino/styles": "13.11.1"
+    "@ncino/styles": "13.11.2"
   },
   "peerDependencies": {
-    "@ncino/styles": "13.11.1"
+    "@ncino/styles": "13.11.2"
   },
   "bugs": {
     "url": "https://github.com/ncino/force-sdk-web-components/issues"

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ncino/web-components",
-  "version": "13.11.0",
+  "version": "13.11.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -2879,6 +2879,10 @@
               "name": "hide-footer",
               "value": { "type": "boolean", "default": "false" }
             },
+            {
+              "name": "invert-title",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "subtitle",
               "value": { "type": "string", "default": "''" }
@@ -2913,6 +2917,7 @@
               { "name": "footerMarkup" },
               { "name": "actionButtonText", "type": "string" },
               { "name": "hideFooter", "type": "boolean" },
+              { "name": "invertTitle", "type": "boolean" },
               { "name": "title", "type": "string" },
               { "name": "subtitle", "type": "string" },
               { "name": "elevated", "type": "boolean" },