@nascentdigital/funnel-ui 4.5.6 → 4.6.0

package/dist/styles/blocks/Outcome.css

@@ -1,46 +0,0 @@
-@layer components {
-
-    /* variables */
-    :root {
-        --nd-outome-detail-gap: theme('spacing.l6');
-        --nd-outome-detail-title-mb: theme('spacing.l2');
-        --nd-outome-detail-headline-mb: unset;
-        --nd-outome-detail-caption-mb: unset;
-    }
-
-    /* base */
-    .nd-Outcome {
-    }
-
-    /* outcome detail */
-    .nd-Outcome-detail {
-
-        /* main content */
-        .nd-Outcome-detail-content {
-            @apply flex flex-col gap-[var(--nd-outome-details-gap)];
-        }
-
-        /* title */
-        .nd-Outcome-detail-title {
-            margin-bottom: var(--nd-outome-detail-title-mb, var(--nd-outome-detail-gap));
-        }
-
-        /* headline */
-        .nd-Outcome-detail-headline {
-            &:not(:last-child) {
-                margin-bottom: var(--nd-outome-detail-headline-mb, var(--nd-outome-detail-gap));
-            }
-        }
-
-        /* caption */
-        .nd-Outcome-detail-caption {
-            &:not(:last-child) {
-                margin-bottom: var(--nd-outome-detail-caption-mb, var(--nd-outome-detail-gap));
-            }
-        }
-
-        /* link */
-        .nd-Outcome-detail-link {
-        }
-    }
-}

package/dist/styles/blocks/Projects.css

@@ -1,9 +0,0 @@
-@layer components {
-
-    :root {
-    }
-
-    /* base */
-    .nd-Projects {
-    }
-}

package/dist/styles/blocks/RelatedPages.css

@@ -1,13 +0,0 @@
-@layer components {
-
-    :root {
-    }
-
-    /* base */
-    .nd-RelatedPages {
-    }
-
-    /* visual aspect ratios */
-    .nd-RelatedPages .nd-ListPanel {
-    }
-}

package/dist/styles/blocks/Stat.css

@@ -1,45 +0,0 @@
-@layer components {
-
-    :root {
-        --nd-stat-copy-gap: 0px;
-        --nd-stat-copy-padding: unset;
-
-        --nd-stat-value-font: normal 500 20px/1 Helvetica, Arial, san-serif;
-        --nd-stat-value-letterspacing: unset;
-        --nd-stat-value-color: inherit;
-        --nd-stat-value-margin: unset;
-
-        --nd-stat-label-font: normal 500 20px/1 Helvetica, Arial, san-serif;
-        --nd-stat-label-letterspacing: unset;
-        --nd-stat-label-color: inherit;
-        --nd-stat-label-margin: unset;
-
-        --nd-stat-description-font: normal 500 20px/1 Helvetica, Arial, san-serif;
-        --nd-stat-description-letterspacing: unset;
-        --nd-stat-description-color: inherit;
-        --nd-stat-description-margin: unset;
-    }
-
-    .nd-Stat-copy {
-        @apply flex flex-col gap-[var(--nd-stat-copy-gap)];
-        padding: var(--nd-stat-copy-padding);
-    }
-    .nd-Stat-value {
-        font: var(--nd-stat-value-font);
-        letter-spacing: var(--nd-stat-value-letterspacing);
-        color: var(--nd-stat-value-color);
-        margin: var(--nd-stat-value-margin);
-    }
-    .nd-Stat-label {
-        font: var(--nd-stat-label-font);
-        letter-spacing: var(--nd-stat-label-letterspacing);
-        color: var(--nd-stat-label-color);
-        margin: var(--nd-stat-label-margin);
-    }
-    .nd-Stat-description {
-        --nd-description-font: var(--nd-stat-description-font);
-        --nd-description-letterspacing: var(--nd-stat-description-letterspacing);
-        --nd-description-color: var(--nd-stat-description-color);
-        margin: var(--nd-stat-description-margin);
-    }
-}

package/dist/styles/blocks/Stats.css

@@ -1,9 +0,0 @@
-@layer components {
-
-    :root {
-
-    }
-
-    .nd-Stats {
-    }
-}

package/dist/styles/blocks/Summary.css

@@ -1,15 +0,0 @@
-@layer components {
-
-    :root {
-        --nd-summary-statement-copy-gap: unset;
-    }
-
-    /* summary */
-    .nd-Summary {
-    }
-
-    /* statement content */
-    .nd-Statement-content {
-        @apply flex flex-col gap-[var(--nd-summary-statement-copy-gap)];
-    }
-}

package/dist/styles/blocks/Testimonial.css

@@ -1,6 +0,0 @@
-@layer components {
-
-    /* testimonial */
-    .nd-Testimonial {
-    }
-}

package/dist/styles/blocks/ValueProp.css

@@ -1,9 +0,0 @@
-@layer components {
-
-    :root {
-    }
-
-    /* base */
-    .nd-ValueProp {
-    }
-}

package/dist/styles/entities/ClientBadge.css

@@ -1,14 +0,0 @@
-@layer components {
-
-    :root {
-        --nd-clientbadge-text-font: inherit;
-        --nd-clientbadge-text-letterspacing: inherit;
-        --nd-clientbadge-text-color: inherit;
-    }
-
-    .nd-ClientBadge-text {
-        --nd-title-font: var(--nd-clientbadge-text-font);
-        --nd-title-letterspacing: var(--nd-clientbadge-text-letterspacing);
-        --nd-title-color: var(--nd-clientbadge-text-color);
-    }
-}

package/dist/styles/entities/Person.css

@@ -1,76 +0,0 @@
-@layer components {
-
-    :root {
-        --nd-person-visual-gap-x: theme('spacing.l8');
-        --nd-person-visual-gap-y: theme('spacing.l8');
-        --nd-person-copy-gap: theme('spacing.l2');
-        --nd-person-title-font: normal 500 24px/1.3 Helvetica, Arial, san-serif;
-        --nd-person-title-letterspacing: initial;
-        --nd-person-title-color: initial;
-        --nd-person-title-suffix: unset;
-        --nd-person-name-font: normal 500 24px/1.3 Helvetica, Arial, san-serif;
-        --nd-person-name-letterspacing: initial;
-        --nd-person-name-color: initial;
-        --nd-person-name-suffix: unset;
-        --nd-person-company-font: normal 500 24px/1.3 Helvetica, Arial, san-serif;
-        --nd-person-company-letterspacing: initial;
-        --nd-person-company-color: initial;
-        --nd-person-company-suffix: unset;
-        --nd-person-location-font: normal 500 24px/1.3 Helvetica, Arial, san-serif;
-        --nd-person-location-letterspacing: initial;
-        --nd-person-location-color: initial;
-        --nd-person-location-suffix: unset;
-    }
-
-    .nd-Person-copy {
-        @apply flex flex-wrap items-center gap-[var(--nd-person-copy-gap)];
-    }
-    .nd-Person-title {
-        @apply text-pretty break-normal;
-        font: var(--nd-person-title-font);
-        letter-spacing: var(--nd-person-title-letterspacing);
-        color: var(--nd-person-title-color, currentColor);
-        font-variant-numeric: lining-nums proportional-nums;
-
-        &:not(:last-child):after {
-            @apply inline-block;
-            content: var(--nd-person-title-suffix)
-        }
-    }
-    .nd-Person-name {
-        @apply text-pretty break-normal;
-        font: var(--nd-person-name-font);
-        letter-spacing: var(--nd-person-name-letterspacing);
-        color: var(--nd-person-name-color, currentColor);
-        font-variant-numeric: lining-nums proportional-nums;
-
-        &:not(:last-child):after {
-            @apply inline-block;
-            content: var(--nd-person-name-suffix)
-        }
-    }
-    .nd-Person-company {
-        @apply text-pretty break-normal;
-        font: var(--nd-person-company-font);
-        letter-spacing: var(--nd-person-company-letterspacing);
-        color: var(--nd-person-company-color, currentColor);
-        font-variant-numeric: lining-nums proportional-nums;
-
-        &:not(:last-child):after {
-            @apply inline-block;
-            content: var(--nd-person-company-suffix)
-        }
-    }
-    .nd-Person-location {
-        @apply text-pretty break-normal;
-        font: var(--nd-person-location-font);
-        letter-spacing: var(--nd-person-location-letterspacing);
-        color: var(--nd-person-location-color, currentColor);
-        font-variant-numeric: lining-nums proportional-nums;
-
-        &:not(:last-child):after {
-            @apply inline-block;
-            content: var(--nd-person-location-suffix)
-        }
-    }
-}

package/dist/styles/entities/Project.css

@@ -1,50 +0,0 @@
-@layer components {
-
-    :root {
-        --nd-project-bg: unset;
-        --nd-project-padding: theme('spacing.l9');
-        --nd-project-copy-gap: theme('spacing.l5');
-        --nd-project-content-gap: unset;
-        --nd-project-client-margin: unset;
-        --nd-project-name-margin: unset;
-        --nd-project-headline-margin: unset;
-        --nd-project-link-margin: unset;
-        --nd-project-name-font: normal 500 20px/1 Helvetica, Arial, san-serif;
-        --nd-project-name-letterspacing: unset;
-        --nd-project-name-color: currentColor;
-        --nd-project-headline-font: normal 500 24px/1 Helvetica, Arial, san-serif;
-        --nd-project-headline-letterspacing: unset;
-        --nd-project-headline-color: currentColor;
-    }
-
-    .nd-Project {
-        background: var(--nd-project-bg);
-    }
-
-    .nd-Project-content {
-        @apply flex flex-col gap-[--nd-project-content-gap];
-    }
-
-    .nd-Project-copy {
-        @apply flex flex-col gap-[var(--nd-project-copy-gap)] p-[var(--nd-project-padding)];
-    }
-    .nd-Project-client {
-        margin: var(--nd-project-client-margin);
-    }
-    .nd-Project-name {
-        @apply text-pretty break-normal;
-        margin: var(--nd-project-name-margin);
-        font: var(--nd-project-name-font);
-        letter-spacing: var(--nd-project-name-letterspacing);
-        color: var(--nd-project-name-color);
-    }
-    .nd-Project-headline {
-        margin: var(--nd-project-headline-margin);
-        --nd-headline-font: var(--nd-project-headline-font);
-        --nd-headline-letterspacing: var(--nd-project-headline-letterspacing);
-        --nd-headline-color: var(--nd-project-headline-color);
-    }
-    .nd-Project-link {
-        margin: var(--nd-project-link-margin);
-    }
-}

package/dist/styles/entities/UniqueSellingPoint.css

@@ -1,54 +0,0 @@
-@layer components {
-
-    :root {
-        --nd-usp-bg: unset;
-        --nd-usp-border: unset;
-        --nd-usp-border-radius: unset;
-        --nd-usp-content-gap: theme('spacing.l10');
-        --nd-usp-content-padding: theme('spacing.l10');
-        --nd-usp-copy-gap: unset;
-        --nd-usp-name-font: normal 500 20px/1 Helvetica, Arial, san-serif;
-        --nd-usp-name-letterspacing: unset;
-        --nd-usp-name-color: currentColor;
-        --nd-usp-name-mb: unset;
-        --nd-usp-headline-font: normal 500 24px/1 Helvetica, Arial, san-serif;
-        --nd-usp-headline-letterspacing: unset;
-        --nd-usp-headline-color: currentColor;
-        --nd-usp-headline-mb: unset;
-        --nd-usp-caption-font: normal 500 24px/1 Helvetica, Arial, san-serif;
-        --nd-usp-caption-letterspacing: unset;
-        --nd-usp-caption-color: currentColor;
-        --nd-usp-caption-mb: unset;
-    }
-
-    .nd-UniqueSellingPoint {
-        background: var(--nd-usp-bg);
-        border: var(--nd-usp-border);
-        border-radius: var(--nd-usp-border-radius);
-    }
-    .nd-UniqueSellingPoint-content {
-        @apply flex flex-col gap-[var(--nd-usp-content-gap)] p-[var(--nd-usp-content-padding)];
-    }
-    .nd-UniqueSellingPoint-copy {
-        @apply flex flex-col gap-[var(--nd-usp-copy-gap)] p-[var(--nd-usp-padding)];
-    }
-    .nd-UniqueSellingPoint-name {
-        @apply text-pretty break-normal;
-        font: var(--nd-usp-name-font);
-        letter-spacing: var(--nd-usp-name-letterspacing);
-        color: var(--nd-usp-name-color);
-        margin-bottom: var(--nd-usp-name-mb);
-    }
-    .nd-UniqueSellingPoint-headline {
-        --nd-headline-font: var(--nd-usp-headline-font);
-        --nd-headline-letterspacing: var(--nd-usp-headline-letterspacing);
-        --nd-headline-color: var(--nd-usp-headline-color);
-        margin-bottom: var(--nd-usp-headline-mb);
-    }
-    .nd-UniqueSellingPoint-caption {
-        --nd-caption-font: var(--nd-usp-caption-font);
-        --nd-caption-letterspacing: var(--nd-usp-caption-letterspacing);
-        --nd-caption-color: var(--nd-usp-caption-color);
-        margin-bottom: var(--nd-usp-caption-mb);
-    }
-}

package/dist/styles/panels/TestimonialPanel.css

@@ -1,68 +0,0 @@
-@layer components {
-
-    /* variables */
-    :root {
-        --nd-testimonial-panel-gap: unset;
-        --nd-testimonial-panel-company-mb: theme('spacing.l8');
-        --nd-testimonial-panel-title-mb: theme('spacing.l4');
-        --nd-testimonial-panel-quote-mt: unset;
-        --nd-testimonial-panel-quote-mb: theme('spacing.l8');
-        --nd-testimonial-panel-author-mt: unset;
-        --nd-testimonial-panel-author-mb: theme('spacing.l8');
-        --nd-testimonial-panel-ctas-mt: unset;
-        --nd-testimonial-panel-ctas-gap: theme('spacing.l8');
-        --nd-testimonial-panel-quote-flexAlign: flex-start;
-        --nd-testimonial-panel-quote-textAlign: left;
-    }
-
-
-    /* quote panel */
-    .nd-TestimonialPanel {
-    }
-    .nd-TestimonialPanel-content {
-        @apply gap-[var(--nd-testimonial-panel-gap)];
-        .nd-Client-content {
-            @apply flex flex-col;
-            align-items: var(--nd-testimonial-panel-quote-flexAlign);
-        }
-    }
-    .nd-TestimonialPanel-company {
-        @apply flex flex-col not-last:mb-[var(--nd-testimonial-panel-company-mb)];
-        align-items: var(--nd-testimonial-panel-quote-flexAlign);
-    }
-    .nd-TestimonialPanel-title {
-        @apply not-last:mb-[var(--nd-testimonial-panel-title-mb)];
-        text-align: var(--nd-testimonial-panel-quote-textAlign);
-    }
-    .nd-TestimonialPanel-quote {
-        @apply not-first:mb-[var(--nd-testimonial-panel-quote-mt)] not-last:mb-[var(--nd-testimonial-panel-quote-mb)];
-        text-align: var(--nd-testimonial-panel-quote-textAlign);
-    }
-    .nd-TestimonialPanel-author {
-        @apply not-first:mb-[var(--nd-testimonial-panel-author-mt)] not-last:mb-[var(--nd-testimonial-panel-author-mb)];
-        text-align: var(--nd-testimonial-panel-quote-textAlign);
-
-        .nd-Person-copy > span:not(:last-child)::after {
-            content: ",";
-        }
-    }
-    .nd-TestimonialPanel-ctas {
-        @apply flex justify-center flex-wrap gap-[var(--nd-testimonial-panel-ctas-gap)];
-        @apply not-first:mt-[var(--nd-testimonial-panel-ctas-mt)];
-        justify-content: var(--nd-testimonial-panel-quote-textAlign);
-    }
-
-    /* quote panel alignment */
-    .nd-TestimonialPanel-textStart {
-        --nd-testimonial-panel-quote-flexAlign: flex-start;
-        --nd-testimonial-panel-quote-textAlign: start;
-    }
-    .nd-TestimonialPanel-textCenter {
-        --nd-testimonial-panel-quote-flexAlign: center;
-        --nd-testimonial-panel-quote-textAlign: center;
-    }
-    .nd-TestimonialPanel-textEnd {
-        --nd-testimonial-panel-quote-flexAlign: flex-end;
-        --nd-testimonial-panel-quote-textAlign: end;
-    }
-}