@teamimpact/veda-ui-blocks 0.1.0-beta.7 → 0.1.0-beta.8

package/src/styles/disasters/card.scss

@@ -1,13 +0,0 @@
-@use "uswds-core" as *;
-@use "../components/card" with (
-  $theme-card-max-width: "widescreen",
-  $theme-card-title-color: "primary-dark",
-  $theme-card-text-color: "primary-dark",
-  $theme-card-overlay-color: "base-lighter",
-  $theme-card-title-dark-color: "white",
-  $theme-card-text-dark-color: "white",
-  $theme-card-overlay-dark-color: "base-darkest",
-  $theme-card-title-brand-color: "white",
-  $theme-card-text-brand-color: "base-lighter",
-  $theme-card-overlay-brand-color: "primary-dark"
-);

package/src/styles/disasters/compare-map.scss

@@ -1,3 +0,0 @@
-@use "../components/compare-map" with (
-  $theme-compare-swiper-bgcolor: "primary-dark"
-);

package/src/styles/disasters/fonts.scss

@@ -1,29 +0,0 @@
-// To include custom font families not within USWDS,
-// 1. use https://fontsource.org/ to install the font utilities and font package
-// 2. use the font utilities to generate the font-face declarations in this file
-//    Note, the directory path as "fonts/font-name/...".
-//    This is consistent with our current implementation of USWDS fonts,
-//    which are copied from node_modules to /dist/fonts. See build-assets.sh script for reference.
-// 3. reference the font family in USWDS theme definition via $theme-typeface-tokens in theme-tokens.scss
-//    For more information on font family tokens, see the USWDS documentation:
-//    https://designsystem.digital.gov/design-tokens/typesetting/font-family/
-
-@use "pkg:@fontsource-utils/scss" as fontsource;
-@use "pkg:@fontsource/dm-mono/scss" as dm-mono;
-@use "pkg:@fontsource-variable/inter/scss" as inter;
-
-@include fontsource.faces(
-  $metadata: dm-mono.$metadata,
-  $subsets: latin,
-  $weights: 400,
-  $styles: all,
-  $directory: "fonts/dm-mono/files"
-);
-
-@include fontsource.faces(
-  $metadata: inter.$metadata,
-  $subsets: latin,
-  $weights: 300 400 600 700 900,
-  $styles: normal italic,
-  $directory: "fonts/inter/files"
-);

package/src/styles/disasters/footer.scss

@@ -1,9 +0,0 @@
-@use "uswds-core" as *;
-@use "../components/footer" with (
-  $theme-footer-background-color: "primary-dark",
-  $theme-footer-primary-link-color: "base-lighter",
-  $theme-footer-secondary-link-color: "base-lighter",
-  $theme-footer-title-color: "base-lighter",
-  $theme-footer-text-color: "base-lighter",
-  $theme-footer-separator-color: $theme-link-reverse-color
-);

package/src/styles/disasters/header.scss

@@ -1,10 +0,0 @@
-@use "uswds-core" as *;
-@use "../components/header" with (
-  $theme-header-bgcolor: "primary-dark",
-  $theme-header-primary-link-text-color: $theme-link-reverse-active-color,
-  $theme-header-primary-link-hover-border-color: "primary-vivid",
-  $theme-header-mobile-link-hover-bgcolor: "primary-darker",
-  $theme-header-primary-button-link-text-color: $theme-link-reverse-active-color,
-  $theme-header-primary-button-link-bgcolor: "primary",
-  $theme-header-primary-button-link-hover-bgcolor: "primary-darker"
-);

package/src/styles/disasters/index.scss

@@ -1,22 +0,0 @@
-// Disasters theme manifest
-
-// 1. Forward theme token configuration first (must be before uswds-core/@forward)
-@forward "theme-tokens";
-
-// 2. Then forward USWDS itself
-@forward "uswds";
-
-// 3. Forward all custom component styles via disasters theme component overrides files and
-//    default theme component style aggregator
-@forward "card";
-@forward "card-cta";
-@forward "card-mini";
-@forward "card-simple";
-@forward "compare-map";
-@forward "footer";
-@forward "header";
-@forward "tag";
-@forward "../components/index";
-
-// 4. Forward theme specific custom fonts
-@forward "fonts";

package/src/styles/disasters/tag.scss

@@ -1,6 +0,0 @@
-@use "uswds-core" as *;
-@use "../components/tag" with (
-  $theme-tag-border-radius: 0,
-  $theme-tag-font-family: "mono",
-  $theme-tag-text-transform: uppercase
-);

package/src/styles/disasters/theme-tokens.scss

@@ -1,150 +0,0 @@
-// Disasters USWDS theme configuration
-@use "uswds-core" with (
-  // GENERAL SETTINGS
-  // https://designsystem.digital.gov/documentation/settings/#general-settings-2
-  $theme-show-notifications: false,
-  $theme-show-compile-warnings: false,
-  $theme-image-path: "./img",
-
-  // COLOR SETTINGS
-  // https: //designsystem.digital.gov/documentation/settings/#color-settings-2
-  $theme-color-base-family: "gray-cool",
-  $theme-color-base-lightest: "gray-cool-4",
-  $theme-color-base-lighter: "gray-cool-10",
-  $theme-color-base-light: "gray-cool-30",
-  $theme-color-base: "gray-cool-50",
-  $theme-color-base-dark: "gray-cool-60",
-  $theme-color-base-darker: "gray-cool-70",
-  $theme-color-base-darkest: "gray-cool-80",
-  $theme-color-base-ink: "gray-cool-90",
-
-  $theme-color-primary-family: "blue-cool",
-  $theme-color-primary-lightest: #e7f1f3,
-  $theme-color-primary-lighter: #c3dce0,
-  $theme-color-primary-light: #87bac1,
-  $theme-color-primary: #0e7482,
-  $theme-color-primary-vivid: #00687d,
-  $theme-color-primary-dark: #0d313d,
-  $theme-color-primary-darker: #0a252e,
-  $theme-color-primary-darkest: #07191f,
-
-  $theme-color-secondary-family: "magenta-vivid",
-  $theme-color-secondary-lightest: #fae8f1,
-  $theme-color-secondary-lighter: #f2c6db,
-  $theme-color-secondary-light: #e48db7,
-  $theme-color-secondary: #c91b6e,
-  $theme-color-secondary-vivid: #c91b6e,
-  $theme-color-secondary-dark: #971453,
-  $theme-color-secondary-darker: #650e37,
-  $theme-color-secondary-darkest: #32071c,
-
-  $theme-color-accent-cool-family: "indigo-cool",
-  $theme-color-accent-cool-lightest: #edf1f7,
-  $theme-color-accent-cool-lighter: #d3dbeb,
-  $theme-color-accent-cool-light: #a7b7d7,
-  $theme-color-accent-cool: #4f6fae,
-  $theme-color-accent-cool-dark: #3b5383,
-  $theme-color-accent-cool-darker: #283857,
-  $theme-color-accent-cool-darkest: #141c2c,
-
-  $theme-link-color: "primary",
-  $theme-link-visited-color: "primary-darker",
-  $theme-link-hover-color: "cyan-60v",
-  $theme-link-active-color: "primary-darker",
-  $theme-link-reverse-color: "base-light",
-  $theme-link-reverse-hover-color: "base-lighter",
-  $theme-link-reverse-active-color: "white",
-
-  // COMPONENT SETTINGS
-  // https://designsystem.digital.gov/documentation/settings/#component-settings-2
-  $theme-button-border-radius: 0,
-  $theme-card-border-radius: 0,
-
-  $theme-banner-max-width: "widescreen",
-  $theme-footer-max-width: "widescreen",
-  $theme-header-max-width: "widescreen",
-
-  $theme-card-font-family: "heading",
-  $theme-header-font-family: "heading",
-  $theme-navigation-font-family: "heading",
-
-  // SPACING SETTINGS
-  // https://designsystem.digital.gov/documentation/settings/#spacing-settings-2
-  $theme-grid-container-max-width: "widescreen",
-  $theme-site-margins-breakpoint: "widescreen",
-  $theme-site-margins-width: 7,
-  $theme-site-margins-mobile-width: 2,
-
-  // TYPE SETTINGS
-  // https://designsystem.digital.gov/documentation/settings/#typography-settings-2
-  // https://designsystem.digital.gov/design-tokens/typesetting/font-family/
-  $theme-typeface-tokens: (
-      "inter": (
-        "display-name": "Inter Variable",
-        "cap-height": 364px,
-        "stack": "system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
-      ),
-      "dm-mono": (
-        "display-name": "DM Mono",
-        "cap-height": 364px,
-        "stack": "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
-      )
-    ),
-  $theme-font-path: "./fonts",
-  $theme-font-type-mono: "dm-mono",
-  $theme-font-type-sans: "public-sans",
-  $theme-font-type-serif: "inter",
-
-  $theme-font-role-ui: "sans",
-  $theme-font-role-heading: "serif",
-  $theme-font-role-body: "sans",
-  $theme-font-role-code: "mono",
-  $theme-font-role-alt: "serif",
-
-  $theme-type-scale-3xs: 1,
-  $theme-type-scale-2xs: 3,
-  $theme-type-scale-xs: 4,
-  $theme-type-scale-sm: 5,
-  $theme-type-scale-md: 7,
-  $theme-type-scale-lg: 9,
-  $theme-type-scale-xl: 12,
-  $theme-type-scale-2xl: 14,
-  $theme-type-scale-3xl: 15,
-
-  $theme-font-weight-thin: false,
-  $theme-font-weight-light: 300,
-  $theme-font-weight-normal: 400,
-  $theme-font-weight-medium: false,
-  $theme-font-weight-semibold: 600,
-  $theme-font-weight-bold: 700,
-  $theme-font-weight-heavy: 900,
-
-  // UTILITY SETTINGS
-  // https://designsystem.digital.gov/documentation/settings/#utilities-settings-2
-  $utilities-use-important: false,
-  $theme-utility-breakpoints: (
-    "card": false,
-    "card-lg": false,
-    "mobile": true,
-    "mobile-lg": false,
-    "tablet": true,
-    "tablet-lg": false,
-    "desktop": true,
-    "desktop-lg": true,
-    "widescreen": true
-  ),
-
-  $overflow-settings: (responsive: true),
-  $position-settings: (responsive: true),
-  $top-settings: (responsive: true),
-  $right-settings: (responsive: true),
-  $left-settings: (responsive: true),
-  $bottom-settings: (responsive: true),
-  $z-index-settings: (responsive: true),
-  $background-color-settings: (responsive: true),
-  $font-style-settings: (responsive: true),
-  $color-settings: (responsive: true, hover: true),
-  $flex-direction-settings: (responsive: true),
-  $flex-settings: (responsive: true),
-  $order-settings: (responsive: true)
-);

package/src/styles/earthgov/footer.scss

@@ -1,15 +0,0 @@
-@use "uswds-core" as *;
-@use "../components/footer" with (
-  $theme-footer-secondary-link-color: "base-light"
-);
-
-.blocks-footer.usa-footer--slim {
-  .usa-footer__primary-section > .grid-container > div > div:first-child > svg,
-  .usa-footer__primary-section > .grid-container > div > div:first-child svg {
-    max-height: 6.5rem;
-
-    @include at-media("desktop") {
-      max-height: 7.5rem;
-    }
-  }
-}

package/src/styles/earthgov/index.scss

@@ -1,12 +0,0 @@
-// EarthGov theme manifest
-
-// 1. Forward theme token configuration first (must be before uswds-core/@forward)
-@forward "theme-tokens";
-
-// 2. Then forward USWDS itself
-@forward "uswds";
-
-// 3. Forward all custom component styles via earthgov theme component overrides files and
-//    default theme component style aggregator
-@forward "footer";
-@forward "../components/index";

package/src/styles/earthgov/theme-tokens.scss

@@ -1,104 +0,0 @@
-// earthgov theme configuration
-@use "uswds-core" with (
-  $theme-show-notifications: false,
-  $theme-show-compile-warnings: false,
-  $utilities-use-important: false,
-  $theme-image-path: "./img",
-  $theme-font-path: "./fonts",
-  $theme-utility-breakpoints: (
-    "mobile": true,
-    "mobile-lg": true,
-    "tablet-lg": true,
-    "desktop": true,
-    "desktop-lg": true,
-    "widescreen": true,
-  ),
-  $theme-button-border-radius: 0,
-  $theme-card-border-radius: 0,
-  // TYPOGRAPHY
-  $theme-typeface-tokens: (
-      baseFontFamily: (
-        "display-name": var(--base-font-family),
-        "cap-height": 364px,
-      ),
-    ),
-  $theme-font-type-serif: "merriweather",
-  $theme-font-type-sans: "helvetica",
-  $theme-font-type-mono: "roboto-mono",
-
-  $theme-type-scale-3xs: 1,
-  $theme-type-scale-2xs: 3,
-  $theme-type-scale-xs: 4,
-  $theme-type-scale-sm: 5,
-  $theme-type-scale-md: 7,
-  $theme-type-scale-lg: 9,
-  $theme-type-scale-xl: 12,
-  $theme-type-scale-2xl: 14,
-  $theme-type-scale-3xl: 18,
-
-  // COLORS
-  // Body
-  $theme-body-background-color: "black",
-  // Text
-  $theme-text-color: "white",
-  $theme-text-reverse-color: "ink",
-  $theme-link-color: "primary-light",
-  $theme-link-reverse-color: "primary",
-  $theme-link-visited-color: "primary-light",
-
-  // Base
-  $theme-color-base-lightest: "gray-cool-4",
-  $theme-color-base-light: "gray-cool-30",
-  $theme-color-base-darkest: "gray-cool-80",
-  $theme-color-base-ink: "gray-cool-90",
-
-  $theme-header-max-width: "widescreen",
-  $theme-footer-max-width: "widescreen",
-
-  $theme-banner-max-width: "widescreen",
-
-  $theme-in-page-nav-background-color: "white",
-
-  $theme-accordion-button-background-color: "primary-vivid",
-
-  $overflow-settings: (
-    responsive: true,
-  ),
-  $position-settings: (
-    responsive: true,
-  ),
-  $top-settings: (
-    responsive: true,
-  ),
-  $right-settings: (
-    responsive: true,
-  ),
-  $left-settings: (
-    responsive: true,
-  ),
-  $bottom-settings: (
-    responsive: true,
-  ),
-  $z-index-settings: (
-    responsive: true,
-  ),
-  $background-color-settings: (
-    responsive: true,
-  ),
-  $font-style-settings: (
-    responsive: true,
-  ),
-  $color-settings: (
-    responsive: true,
-    hover: true,
-  ),
-  $flex-direction-settings: (
-    responsive: true,
-  ),
-  $flex-settings: (
-    responsive: true,
-  ),
-  $order-settings: (
-    responsive: true,
-  )
-);