@ncino/web-components 5.1.0-preview.3 → 5.1.0-preview.5
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/modal/gator/modal.gator.js +7 -5
- package/dist/packages/web-components/src/tokens/primitive.tokens.scss.js +1 -1
- package/dist/types/components/modal/gator/modal.gator.d.ts +6 -0
- package/package.json +1 -2
- package/web-types.json +9 -2
- package/dist/assets/nCino_Avenir.woff +0 -0
- package/dist/assets/nCino_AvenirBd.woff +0 -0
- package/dist/assets/nCino_AvenirHv.woff +0 -0
- package/dist/assets/nCino_AvenirMd.woff +0 -0
|
@@ -48,12 +48,14 @@ import{NjcModal as h}from"../modal.js";import"../../card/gator/base/card.gator.j
|
|
|
48
48
|
<ngc-skeleton-loader full-width height="18" radius="100"></ngc-skeleton-loader>
|
|
49
49
|
`}get gatorModalFooterMarkup(){return["decide","destructive","confirmation"].includes(this.variant)?a`
|
|
50
50
|
<div class="gator-modal-footer">
|
|
51
|
-
|
|
51
|
+
<slot name="footer">
|
|
52
|
+
${this.footerWarningMessageMarkup}
|
|
52
53
|
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
54
|
+
<div class="gator-modal-action-buttons">
|
|
55
|
+
${this.footerSecondaryActionButtonMarkup}
|
|
56
|
+
${this.footerPrimaryActionButtonMarkup}
|
|
57
|
+
</div>
|
|
58
|
+
</slot>
|
|
57
59
|
</div>
|
|
58
60
|
`:null}get footerWarningMessageMarkup(){return!["destructive"].includes(this.variant)||this.skeleton||!this.destructiveMessageText?null:(requestAnimationFrame(()=>{const e=v(this._primaryActionButtonRef.value);this._destructiveMessageRef.value&&e&&(e.ariaDescribedByElements=[this._destructiveMessageRef.value])}),a`
|
|
59
61
|
<div class="gator-modal-warning">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const o='@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_Avenir.woff2) format("woff2")
|
|
1
|
+
const o='@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_Avenir.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_AvenirMd.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_AvenirBd.woff2) format("woff2");font-weight:600;font-style:normal}@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_AvenirHv.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:url(/assets/OpenSans-VariableFont.woff2) format("woff2");font-weight:100 900;font-style:normal}:host,:root{--color-black-100: #000000;--color-black-90: #1a1a1a;--color-black-80: #333333;--color-black-70: #4d4d4d;--color-black-60: #666666;--color-black-50: #808080;--color-black-40: #999999;--color-black-30: #b3b3b3;--color-black-20: #cccccc;--color-black-10: #e6e6e6;--color-neutral-70: #1F1F1F;--color-neutral-60: #404040;--color-neutral-50: #6D6D6D;--color-neutral-40: #BFBFBF;--color-neutral-30: #E5E5E5;--color-neutral-20: #F2F2F2;--color-neutral-10: #F7F7F7;--color-neutral-0: #FFFFFF;--color-blue-50: #0A2033;--color-blue-40: #0E304D;--color-blue-30: #11395B;--color-blue-25: #C3CDD6;--color-blue-20: #C3CDD6;--color-blue-10: #F3F5F7;--color-grey-10: #fff;--spacing-1: .125rem;--spacing-2: .25rem;--spacing-3: .5rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-7: 2rem;--color-red-40: #AA330E;--color-red-30: #D44011;--color-red-20: #E99F88;--color-red-10: #FAEBE7;--color-green-40: #1B8754;--color-green-30: #22A969;--color-green-20: #90D4B4;--color-green-10: #E9F7F0;--color-orange-40: #BD5A00;--color-orange-30: #EC7000;--color-orange-20: #F5B77F;--color-orange-10: #FEF1E6;--text-family-headings: "nCino+Avenir", sans-serif;--text-family-body: "Open Sans", sans-serif}';export{o as default};
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import { NjcModal } from '../modal.ts';
|
|
2
2
|
import { Ref } from 'lit/directives/ref.js';
|
|
3
|
+
/**
|
|
4
|
+
* A panel that lays out a header, some content, and a footer.
|
|
5
|
+
*
|
|
6
|
+
* @slot default — Modal body slot
|
|
7
|
+
* @slot footer — Content to render in the footer area.
|
|
8
|
+
*/
|
|
3
9
|
export declare class NgcModal extends NjcModal {
|
|
4
10
|
static styles: import('lit').CSSResult[];
|
|
5
11
|
protected _destructiveMessageRef: Ref<Element>;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ncino/web-components",
|
|
3
3
|
"author": "nCino",
|
|
4
|
-
"version": "5.1.0-preview.
|
|
4
|
+
"version": "5.1.0-preview.5",
|
|
5
5
|
"license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -114,7 +114,6 @@
|
|
|
114
114
|
"sass": "1.89.2",
|
|
115
115
|
"storybook": "^9.0.17",
|
|
116
116
|
"storybook-addon-code-editor": "^5.0.0",
|
|
117
|
-
"storybook-addon-tag-badges": "^2.0.1",
|
|
118
117
|
"storybook-design-token": "^4.0.0",
|
|
119
118
|
"typescript": "^5.8.3",
|
|
120
119
|
"vite": "7.0.3",
|
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": "5.1.0-preview.
|
|
4
|
+
"version": "5.1.0-preview.4",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -4437,7 +4437,7 @@
|
|
|
4437
4437
|
},
|
|
4438
4438
|
{
|
|
4439
4439
|
"name": "ngc-modal",
|
|
4440
|
-
"description": "
|
|
4440
|
+
"description": "A panel that lays out a header, some content, and a footer.\n---\n\n\n### **Events:**\n - **close**\n- **primary-action-click**\n- **secondary-action-click**\n\n### **Slots:**\n - **default** - — Modal body slot\n- **footer** - — Content to render in the footer area.",
|
|
4441
4441
|
"doc-url": "",
|
|
4442
4442
|
"attributes": [
|
|
4443
4443
|
{
|
|
@@ -4483,6 +4483,13 @@
|
|
|
4483
4483
|
"value": { "type": "boolean", "default": "false" }
|
|
4484
4484
|
}
|
|
4485
4485
|
],
|
|
4486
|
+
"slots": [
|
|
4487
|
+
{ "name": "default", "description": "— Modal body slot" },
|
|
4488
|
+
{
|
|
4489
|
+
"name": "footer",
|
|
4490
|
+
"description": "— Content to render in the footer area."
|
|
4491
|
+
}
|
|
4492
|
+
],
|
|
4486
4493
|
"events": [
|
|
4487
4494
|
{ "name": "close", "type": "CustomEvent" },
|
|
4488
4495
|
{ "name": "primary-action-click", "type": "CustomEvent" },
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|