@ncino/web-components 8.0.0-preview.2 → 8.0.0-preview.21

package/dist/styles/gator/_gator-typography.css

@@ -1,40 +1,41 @@
 @import 'fonts.css';
+
 /* Body Text */
 body {
-    font-family: var(--text-family-body, "Open Sans"), sans-serif;
+    font-family: var(--font-family-body, "Open Sans"), sans-serif;
 }
 
 .gator-body-1 {
 	font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
 	font-weight: 400;
-	font-family: var(--text-family-body, "Open Sans");
-	color: var(--text-color-primary-base, #1F1F1F);
-	letter-spacing: var(--text-letter-spacing-default, 0);
-	font-size: var(--text-font-size-body-1, 17px);
-	line-height: var(--text-line-height-body-1, 24px);
+	font-family: var(--font-family-body, "Open Sans"), sans-serif;
+	color: var(--color-text-primary, #1F1F1F);
+	letter-spacing: var(--letter-spacing-default, 0);
+	font-size: var(--font-size-body-1, 17px);
+	line-height: var(--line-height-body-1, 24px);
 }
 
 .gator-body-2 {
 	font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
 	font-weight: 400;
-	font-family: var(--text-family-body, "Open Sans");
-	color: var(--text-color-primary-base, #1F1F1F);
-	letter-spacing: var(--text-letter-spacing-default, 0);
-	font-size: var(--text-font-size-body-2, 15px);
-	line-height: var(--text-line-height-body-2, 22px);
+	font-family: var(--font-family-body, "Open Sans"), sans-serif;
+	color: var(--color-text-primary, #1F1F1F);
+	letter-spacing: var(--letter-spacing-default, 0);
+	font-size: var(--font-size-body-2, 15px);
+	line-height: var(--line-height-body-2, 22px);
 }
 
 .gator-body-3 {
 	font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
 	font-weight: 400;
-	font-family: var(--text-family-body, "Open Sans");
-	color: var(--text-color-primary-base, #1F1F1F);
-	letter-spacing: var(--text-letter-spacing-default, 0);
-	font-size: var(--text-font-size-body-3, 13px);
-	line-height: var(--text-line-height-body-3, 18px);
+	font-family: var(--font-family-body, "Open Sans"), sans-serif;
+	color: var(--color-text-primary, #1F1F1F);
+	letter-spacing: var(--letter-spacing-default, 0);
+	font-size: var(--font-size-body-3, 13px);
+	line-height: var(--line-height-body-3, 18px);
 }
 
 .gator-body-bold {
@@ -53,134 +54,120 @@ body {
 .gator-heading-display-1 {
     font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
-	font-weight: 700;
-	letter-spacing: var(--text-letter-spacing-narrow, -1px);
-	color: var(--text-color-primary-base, #1F1F1F);
-	font-family: var(--text-family-headings, 'nCino+Avenir');
-	font-size: var(--text-font-size-display-1, 72px);
-	line-height: var(--text-line-height-display-1, 90px);
+	font-weight: var(--font-weight-regular, 400);
+	letter-spacing: var(--letter-spacing-narrow, -1px);
+	color: var(--color-text-primary, #1F1F1F);
+	font-family: var(--font-family-headings, 'Lexend Deca'), sans-serif;
+	font-size: var(--font-size-display-1, 72px);
+	line-height: var(--line-height-display-1, 90px);
 }
 
 .gator-heading-display-2 {
 	font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
-	font-weight: 700;
-	letter-spacing: var(--text-letter-spacing-narrow, -1px);
-	color: var(--text-color-primary-base, #1F1F1F);
-	font-family: var(--text-family-headings, 'nCino+Avenir');
-	font-size: var(--text-font-size-display-2, 64px);
-	line-height: var(--text-line-height-display-2, 78px);
+	font-weight: var(--font-weight-regular, 400);
+	letter-spacing: var(--letter-spacing-narrow, -1px);
+	color: var(--color-text-primary, #1F1F1F);
+	font-family: var(--font-family-headings, 'Lexend Deca'), sans-serif;
+	font-size: var(--font-size-display-2, 64px);
+	line-height: var(--line-height-display-2, 78px);
 }
 
 .gator-heading-h1 {
 	font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
-	font-weight: 700;
-	letter-spacing: var(--text-letter-spacing-narrow, -1px);
-	color: var(--text-color-primary-base, #1F1F1F);
-	font-family: var(--text-family-headings, 'nCino+Avenir');
-	font-size: var(--text-font-size-heading-1, 40px);
-	line-height: var(--text-line-height-heading-1, 50px);
-}
-
-.gator-heading-h1 {
-	font-feature-settings: 'liga' off, 'clig' off;
-	font-style: normal;
-	font-weight: 700;
-	letter-spacing: var(--text-letter-spacing-narrow, -1px);
-	color: var(--text-color-primary-base, #1F1F1F);
-	font-family: var(--text-family-headings, 'nCino+Avenir');
-	font-size: var(--text-font-size-heading-1, 40px);
-	line-height: var(--text-line-height-heading-1, 50px);
+	font-weight: var(--font-weight-medium, 500);
+	letter-spacing: var(--letter-spacing-narrow, -1px);
+	color: var(--color-text-primary, #1F1F1F);
+	font-family: var(--font-family-headings, 'Lexend Deca'), sans-serif;
+	font-size: var(--font-size-heading-1, 40px);
+	line-height: var(--line-height-heading-1, 50px);
 }
 
 .gator-heading-h2 {
 	font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
-	font-weight: 700;
-	letter-spacing: var(--text-letter-spacing-narrow, -1px);
-	color: var(--text-color-primary-base, #1F1F1F);
-	font-family: var(--text-family-headings, 'nCino+Avenir');
-	font-size: var(--text-font-size-heading-2, 32px);
-	line-height: var(--text-line-height-heading-2, 40px);
+	font-weight: var(--font-weight-medium, 500);
+	letter-spacing: var(--letter-spacing-narrow, -1px);
+	color: var(--color-text-primary, #1F1F1F);
+	font-family: var(--font-family-headings, 'Lexend Deca'), sans-serif;
+	font-size: var(--font-size-heading-2, 32px);
+	line-height: var(--line-height-heading-2, 40px);
 }
 
 .gator-heading-h3 {
 	font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
-	font-weight: 700;
-	letter-spacing: var(--text-letter-spacing-narrow, -1px);
-	color: var(--text-color-primary-base, #1F1F1F);
-	font-family: var(--text-family-headings, 'nCino+Avenir');
-	font-size: var(--text-font-size-heading-3, 26px);
-	line-height: var(--text-line-height-heading-3, 36px);
+	font-weight: var(--font-weight-semi-bold, 600);
+	letter-spacing: var(--letter-spacing-narrow, -1px);
+	color: var(--color-text-primary, #1F1F1F);
+	font-family: var(--font-family-headings, 'Lexend Deca'), sans-serif;
+	font-size: var(--font-size-heading-3, 26px);
+	line-height: var(--line-height-heading-3, 36px);
 }
 
 .gator-heading-h4 {
 	font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
-	font-weight: 700;
-	letter-spacing: var(--text-letter-spacing-narrow, -1px);
-	color: var(--text-color-primary-base, #1F1F1F);
-	font-family: var(--text-family-headings, 'nCino+Avenir');
-	font-size: var(--text-font-size-heading-4, 22px);
-	line-height: var(--text-line-height-heading-4, 32px);
-	letter-spacing: var(--text-letter-spacing-default, 0);
+	font-weight: var(--font-weight-semi-bold, 600);
+	color: var(--color-text-primary, #1F1F1F);
+	font-family: var(--font-family-headings, 'Lexend Deca'), sans-serif;
+	font-size: var(--font-size-heading-4, 22px);
+	line-height: var(--line-height-heading-4, 32px);
+	letter-spacing: var(--letter-spacing-default, 0);
 }
 .gator-heading-h5 {
 	font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
-	font-weight: 700;
-	letter-spacing: var(--text-letter-spacing-narrow, -1px);
-	color: var(--text-color-primary-base, #1F1F1F);
-	font-family: var(--text-family-headings, 'nCino+Avenir');
-	font-size: var(--text-font-size-heading-5, 20px);
-	line-height: var(--text-line-height-heading-5, 30px);
-	letter-spacing: var(--text-letter-spacing-default, 0);
+	font-weight: var(--font-weight-bold, 700);
+	color: var(--color-text-primary, #1F1F1F);
+	font-family: var(--font-family-headings, 'Lexend Deca'), sans-serif;
+	font-size: var(--font-size-heading-5, 20px);
+	line-height: var(--line-height-heading-5, 30px);
+	letter-spacing: var(--letter-spacing-default, 0);
 }
 .gator-heading-h6 {
 	font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
-	font-weight: 700;
-	letter-spacing: var(--text-letter-spacing-narrow, -1px);
-	color: var(--text-color-primary-base, #1F1F1F);
-	font-family: var(--text-family-headings, 'nCino+Avenir');
-	font-size: var(--text-font-size-heading-6, 18px);
-	line-height: var(--text-line-height-28, 28px);
-	letter-spacing: var(--text-letter-spacing-default, 0);
+	font-weight: var(--font-weight-bold, 700);
+	color: var(--color-text-primary, #1F1F1F);
+	font-family: var(--font-family-headings, 'Lexend Deca'), sans-serif;
+	font-size: var(--font-size-heading-6, 18px);
+	line-height: var(--line-height-heading-6, 28px);
+	letter-spacing: var(--letter-spacing-default, 0);
 }
 
 @media (max-width: 768px) {
 	.gator-heading-display-1 {
-		font-size: var(--text-font-size-sm-display-1, 48px);
-		line-height: var(--text-line-height-sm-display-1, 56px);
+		font-size: var(--font-size-sm-display-1, 48px);
+		line-height: var(--line-height-sm-display-1, 56px);
 	}
 	.gator-heading-display-2 {
-		font-size: var(--text-font-size-sm-display-2, 36px);
-		line-height: var(--text-line-height-sm-display-2, 48px);
+		font-size: var(--font-size-sm-display-2, 36px);
+		line-height: var(--line-height-sm-display-2, 48px);
 	}
 	.gator-heading-h1 {
-		font-size: var(--text-font-size-sm-heading-1, 28px);
-		line-height: var(--text-line-height-sm-heading-1, 36px);
+		font-size: var(--font-size-sm-heading-1, 28px);
+		line-height: var(--line-height-sm-heading-1, 36px);
 	}
 	.gator-heading-h2 {
-		font-size: var(--text-font-size-sm-heading-2, 24px);
-		line-height: var(--text-line-height-sm-heading-2, 32px);
+		font-size: var(--font-size-sm-heading-2, 24px);
+		line-height: var(--line-height-sm-heading-2, 32px);
 	}
 	.gator-heading-h3 {
-		font-size: var(--text-font-size-sm-heading-3, 22px);
-		line-height: var(--text-line-height-sm-heading-3, 32px);
+		font-size: var(--font-size-sm-heading-3, 22px);
+		line-height: var(--line-height-sm-heading-3, 32px);
 	}
 	.gator-heading-h4 {
-		font-size: var(--text-font-size-sm-heading-4, 20px);
-		line-height: var(--text-line-height-sm-heading-4, 30px);
+		font-size: var(--font-size-sm-heading-4, 20px);
+		line-height: var(--line-height-sm-heading-4, 30px);
 	}
 	.gator-heading-h5 {
-		font-size: var(--text-size-18, 18px);
-		line-height: var(--text-line-height-28, 28px);
+		font-size: var(--font-size-sm-heading-5, 18px);
+		line-height: var(--line-height-sm-heading-5, 28px);
 	}
 	.gator-heading-h6 {
-		font-size: var(--text-size-17, 17px);
-		line-height: var(--text-line-height-24, 24px);
+		font-size: var(--font-size-sm-heading-6, 17px);
+		line-height: var(--line-height-sm-heading-6, 24px);
 	}
 }

package/dist/styles/gator/fonts.css

@@ -1,16 +1,4 @@
-@font-face {
-    font-family: 'nCino+Avenir';
-    src: url('./fonts/nCino+Avenir.woff2') format('woff2');
-    font-weight: 100 400;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'nCino+Avenir';
-    src: url('./fonts/nCino+AvenirBd.woff2') format('woff2');
-    font-weight: 600 900;
-    font-style: normal;
-}
+@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@400;600;700&display=swap');
 
 @font-face {
     font-family: 'Open Sans';

package/dist/types/components/accordion/gator/base/accordion.gator.d.ts

@@ -3,6 +3,7 @@ import { NjcAccordion } from '../../accordion.ts';
  * @slot - The content within the expandable body of the accordion
  */
 export declare class NgcAccordion extends NjcAccordion {
+    skeleton: boolean;
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;

package/dist/types/components/accordion/gator/group/accordion-group.gator.d.ts

@@ -6,18 +6,23 @@ export declare class NgcAccordionGroup extends NjcAccordion {
     /**
         @property multiple - The default functionality of the component is to only display one accordion body at a time; however, with the multiple property, the accordion can remain expanded until explicitly collapsed.
         @type {boolean}
-     **/
+        **/
     multiple: boolean;
     /**
         @property headingLevel - The heading level to be applied to each accordion header in the accordion group.
         @type {string}
-     **/
+        **/
     headingLevel: string;
     /**
         @property hideBorder - When true, removes the border-bottom from accordion items in the group.
         @type {boolean}
-     **/
+        **/
     hideBorder: boolean;
+    /**
+        @property skeleton - When true, applies skeleton loading state to all child accordions in the group.
+        @type {boolean}
+        **/
+    skeleton: boolean;
     static styles: import('lit').CSSResult[];
     firstUpdated(): void;
     updated(): void;

package/dist/types/components/button-card/gator/button-card.gator.d.ts

@@ -1,4 +1,5 @@
 import { NjcButtonCard } from '../button-card.ts';
+import { NJC_CHIP_TYPES } from '../../chip/chip.ts';
 export declare class NgcButtonCard extends NjcButtonCard {
     static shadowRootOptions: {
         delegatesFocus: boolean;
@@ -9,7 +10,15 @@ export declare class NgcButtonCard extends NjcButtonCard {
         slotAssignment?: SlotAssignmentMode;
     };
     static styles: import('lit').CSSResult[];
+    /**
+     * @description The type of the chip located at the top of the card
+     * @property {NJC_CHIP_TYPES} chipType
+     */
+    chipType: NJC_CHIP_TYPES;
     render(): import('lit').TemplateResult<1>;
+    get cardClasses(): {
+        selected: boolean;
+    };
     get cardLabelMarkup(): import('lit').TemplateResult<1> | null;
     get disabledClass(): "" | "gator-button-card_disabled";
     handleClick(event: Event): void;

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

@@ -1,11 +1,15 @@
 import { NjcDisplayCard } from '../display-card.ts';
+import { nothing } from 'lit';
 export declare class NgcDisplayCard extends NjcDisplayCard {
     static styles: import('lit').CSSResult[];
     render(): import('lit').TemplateResult<1>;
-    get elevatedClass(): "" | "gator-card_elevated";
-    get outlinedClass(): "" | "gator-card_outlined";
-    get headerMarkup(): import('lit').TemplateResult<1> | null;
-    get slotMarkup(): import('lit').TemplateResult<1>;
-    get footerActionsMarkup(): import('lit').TemplateResult<1>;
+    get classes(): {
+        'gator-display-card': boolean;
+        'gator-card_elevated': boolean;
+        'gator-card_outlined': boolean;
+    };
+    get headerMarkup(): import('lit').TemplateResult<1> | typeof nothing;
+    get contentMarkup(): import('lit').TemplateResult<1>;
+    get footerMarkup(): import('lit').TemplateResult<1> | typeof nothing;
     handleActionClick(): void;
 }

package/dist/types/components/headline-card/gator/headline-card.gator.d.ts

@@ -7,13 +7,16 @@ export declare class NgcHeadlineCard extends NjcHeadlineCard {
     firstUpdated(): void;
     updated(): void;
     render(): import('lit').TemplateResult<1>;
+    get classes(): {
+        'gator-headline-card': boolean;
+        'gator-headline-card_vertical': boolean;
+        'gator-card_elevated': boolean;
+        'gator-card_outlined': boolean;
+    };
     get illustrationMarkup(): import('lit').TemplateResult<1>;
     get cardContentClass(): "gator-headline-card-content_vertical" | "gator-headline-card-content";
     get justifyCenterClass(): "" | "gator-headline-card-justify-content-center";
     get backgroundMarkup(): import('lit').TemplateResult<1> | null;
-    get elevatedClass(): "" | "gator-card_elevated";
-    get outlinedClass(): "" | "gator-card_outlined";
-    get orientationClass(): "" | "gator-headline-card_vertical";
     get getBackgroundClass(): "gator-headline-card-background-circle_vertical" | "gator-headline-card-background-circle";
     get shouldBeVertical(): boolean;
 }

package/dist/types/components/icon/gator/templates/brain.d.ts

@@ -0,0 +1 @@
+export declare const Brain: import('lit').TemplateResult;

package/dist/types/components/icon/gator/templates/document-ai.d.ts

@@ -0,0 +1 @@
+export declare const DocumentAi: import('lit').TemplateResult;

package/dist/types/components/icon/gator/templates/index.d.ts

@@ -15,6 +15,7 @@ export * from './bell';
 export * from './binoculars';
 export * from './book';
 export * from './box';
+export * from './brain';
 export * from './cake';
 export * from './calculator';
 export * from './calendar';
@@ -80,6 +81,7 @@ export * from './dashboard';
 export * from './delete';
 export * from './dna';
 export * from './document-add';
+export * from './document-ai';
 export * from './document-check';
 export * from './document-e-sign';
 export * from './document-image';
@@ -420,9 +422,17 @@ export * from './monitor';
 export * from './move-doc';
 export * from './move';
 export * from './music';
+export * from './number-0';
 export * from './number-1';
+export * from './number-10';
 export * from './number-2';
 export * from './number-3';
+export * from './number-4';
+export * from './number-5';
+export * from './number-6';
+export * from './number-7';
+export * from './number-8';
+export * from './number-9';
 export * from './overflow-menu';
 export * from './paper-airplane';
 export * from './paperclip';
@@ -464,6 +474,7 @@ export * from './radio';
 export * from './receipt';
 export * from './restricted-filled';
 export * from './restricted';
+export * from './robot';
 export * from './sandals';
 export * from './save';
 export * from './screen';

package/dist/types/components/icon/gator/templates/number-0.d.ts

@@ -0,0 +1 @@
+export declare const Number0: import('lit').TemplateResult;

package/dist/types/components/icon/gator/templates/number-10.d.ts

@@ -0,0 +1 @@
+export declare const Number10: import('lit').TemplateResult;

package/dist/types/components/icon/gator/templates/number-4.d.ts

@@ -0,0 +1 @@
+export declare const Number4: import('lit').TemplateResult;

package/dist/types/components/icon/gator/templates/number-5.d.ts

@@ -0,0 +1 @@
+export declare const Number5: import('lit').TemplateResult;

package/dist/types/components/icon/gator/templates/number-6.d.ts

@@ -0,0 +1 @@
+export declare const Number6: import('lit').TemplateResult;

package/dist/types/components/icon/gator/templates/number-7.d.ts

@@ -0,0 +1 @@
+export declare const Number7: import('lit').TemplateResult;

package/dist/types/components/icon/gator/templates/number-8.d.ts

@@ -0,0 +1 @@
+export declare const Number8: import('lit').TemplateResult;

package/dist/types/components/icon/gator/templates/number-9.d.ts

@@ -0,0 +1 @@
+export declare const Number9: import('lit').TemplateResult;

package/dist/types/components/icon/gator/templates/robot.d.ts

@@ -0,0 +1 @@
+export declare const Robot: import('lit').TemplateResult;

package/dist/types/components/input/base/input-base.d.ts

@@ -11,10 +11,20 @@ export declare class InputBase extends TestableLitElement {
     */
     id: string;
     /**
-        @property required - Whether the input is required
+        @property required - Whether the input is required. By default, displays the required indicator in the label if a label is provided. If you do not want the required indicator to display, use the hideRequired property.
         @type boolean
      */
     required: boolean;
+    /**
+        @property hideRequired - Whether to hide the required indicator in the label. This would be used if the optional property is being used to distinguish between required and optional fields instead of the required text.
+        @type boolean
+     */
+    hideRequired: boolean;
+    /**
+        @property optional - Whether the input should be marked as optional
+        @type boolean
+     */
+    optional: boolean;
     /**
         @property disabled - Whether the input is disabled
         @type boolean
@@ -48,7 +58,7 @@ export declare class InputBase extends TestableLitElement {
         @property value - The value of the rendered input
         @type string | number | undefined | null
      */
-    value: string | number | undefined | null | File | File[] | Date;
+    value: string | number | boolean | undefined | null | File | File[] | Date;
     /**
        @property errorText - The error text of the rendered input.
        @type string

package/dist/types/components/input/base/input-base.gator.d.ts

@@ -1,7 +1,11 @@
+import { CSSResult } from 'lit';
 import { InputBase } from './input-base.ts';
 import { Ref } from 'lit/directives/ref.js';
 export declare class NgcInputBase extends InputBase {
-    static styles: import('lit').CSSResult[];
+    protected static primitiveStyles: CSSResult;
+    protected static semanticStyles: CSSResult;
+    protected static primitiveAndSemanticStyleFilter: (style: CSSResult) => boolean;
+    static styles: CSSResult[];
     controlRef: Ref<HTMLDivElement>;
     protected _startIconAsText: string | undefined;
     protected _ariaDescribedBy: string | undefined;

package/dist/types/components/input/gator/dropdown/input-dropdown.gator.d.ts

@@ -103,7 +103,7 @@ export declare class NgcInputDropdown extends NgcInputBase {
     private setupResizeObserver;
     removeSelection(value: string): void;
     get fauxInputMarkup(): import('lit').TemplateResult<1>;
-    get displayedValue(): string | number | File | File[] | Date;
+    get displayedValue(): string | number | true | File | File[] | Date;
     get showPlaceholder(): boolean | "";
     get listboxMarkup(): import('lit').TemplateResult<1>;
     get selectAllIcon(): "checkbox-indeterminate" | "checkbox-selected" | "checkbox";

package/dist/types/components/input/gator/input-label/input-label.gator.d.ts

@@ -10,9 +10,13 @@ export declare class NgcInputLabel extends NgcComponent {
     };
     static styles: import('lit').CSSResult[];
     /**
-     * @property {boolean} required - Whether the label is required.
+     * @property {boolean} required - Whether the label is marked as required.
      */
     required: boolean;
+    /**
+     * @property {boolean} optional - Whether the label is marked as optional.
+     */
+    optional: boolean;
     /**
      * @property {boolean} disabled - Whether the label is disabled.
      */

package/dist/types/components/radio-group/radio-group.gator.d.ts

@@ -1,6 +1,6 @@
-import { NgcRadio } from '../radio/radio.gator';
-import { NgcInputText } from '../input/gator/input-text/input-text.gator.ts';
 import { Ref } from 'lit/directives/ref.js';
+import { NgcInputText } from '../input/gator/input-text/input-text.gator.ts';
+import { NgcRadio } from '../radio/radio.gator';
 /**
  * @slot - The radios within the group
  */

package/dist/types/components/switch/gator/switch.gator.d.ts

@@ -15,6 +15,7 @@ export declare class NgcSwitch extends NjcSwitch {
     handleInputKeydown(event: KeyboardEvent): void;
     handleInputClick(event: Event): void;
     handleClick(): void;
+    handleMouseDown(event: MouseEvent): void;
     private _toggleSwitch;
     private _getLabelMarkup;
     private _getInputId;

package/dist/types/components/tabs/gator/tabset/tabset.gator.d.ts

@@ -1,3 +1,4 @@
+import { nothing } from 'lit';
 import { NgcTab } from '../tab/tab.gator.ts';
 import { Ref } from 'lit/directives/ref.js';
 import { TestableLitElement } from '../../../../utils/components/testable-lit-element/testable-lit-element.ts';
@@ -23,7 +24,7 @@ export declare class NgcTabset extends TestableLitElement {
     _contentRef: Ref<HTMLDivElement>;
     _tablistRef: Ref<HTMLDivElement>;
     updated(changedProperties: Map<string | number | symbol, unknown>): void;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1> | typeof nothing;
     get tabSizeClass(): string;
     get tabContainerSizeClass(): string;
     get tabSpacerClass(): "" | "gator-tabset-spacer";

package/dist/types/utils/components/gradient-background.d.ts

@@ -0,0 +1,5 @@
+import { LitElement } from 'lit';
+export declare class GradientBackground extends LitElement {
+    static styles: import('lit').CSSResult[];
+    render(): import('lit').TemplateResult<1>;
+}

package/dist/types/utils/components/ngc-component.d.ts

@@ -1,6 +1,10 @@
+import { CSSResult } from 'lit';
 import { TestableLitElement } from './testable-lit-element/testable-lit-element.ts';
 declare const NgcComponent_base: typeof TestableLitElement;
 export declare class NgcComponent extends NgcComponent_base {
+    protected static primitiveStyles: CSSResult;
+    protected static semanticStyles: CSSResult;
+    protected static primitiveAndSemanticStyleFilter: (style: CSSResult) => boolean;
     /**
      * A boolean property that determines whether ARIA-related attributes
      * (e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed
@@ -17,6 +21,6 @@ export declare class NgcComponent extends NgcComponent_base {
      * @type {boolean}
      */
     skeleton: boolean;
-    static styles: import('lit').CSSResult[];
+    static styles: CSSResult[];
 }
 export {};

package/dist/types/utils/storybook-args.d.ts

@@ -67,6 +67,34 @@ export declare const INPUT_BASE_ARGS: {
                 summary: string;
             };
         };
+        control: {
+            type: string;
+        };
+    };
+    hideRequired: {
+        name: string;
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    optional: {
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+            defaultValue: {
+                summary: string;
+            };
+        };
     };
     disabled: {
         description: string;