Skip to content

Commit

Permalink
Merge pull request #164 from emulsify-ds/fix-missing-install-files
Browse files Browse the repository at this point in the history
Fix: Some config and icons files are missing during the CLI install
  • Loading branch information
callinmullaney authored Oct 24, 2024
2 parents 55fd10d + b2d30ea commit 548587e
Show file tree
Hide file tree
Showing 5 changed files with 144 additions and 186 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

# Emulsify UI kit vision

The Emulsify UI Kit is a tool for designers and front-end engineers to build high-quality user interfaces effectively and efficiently while maintaining WCAG 2.1 AA standards and project performance goals.
The Emulsify UI Kit is a tool for designers and front-end engineers to build high-quality user interfaces effectively and efficiently while maintaining WCAG 2.2 AA standards and project performance goals.

The Emulsify UI Kit gives users access to a library of prebuilt tokens and components that follow accessibility best practices and are easy to customize. The components in the kit are fully responsive, carefully designed, and can be implemented for modification in every project.

Expand Down
163 changes: 9 additions & 154 deletions src/foundation/typography/_fonts.scss
Original file line number Diff line number Diff line change
@@ -1,154 +1,9 @@
$font-url: '../../assets/fonts';

/* Inter */

@font-face {
font-family: Inter;
src: url('#{$font-url}/inter/Inter-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: Inter;
src: url('#{$font-url}/inter/Inter-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: Inter;
src: url('#{$font-url}/inter/Inter-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: Inter;
src: url('#{$font-url}/inter/Inter-ExtraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: Inter;
src: url('#{$font-url}/inter/Inter-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: Inter;
src: url('#{$font-url}/inter/Inter-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: Inter;
src: url('#{$font-url}/inter/Inter-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: Inter;
src: url('#{$font-url}/inter/Inter-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: Inter;
src: url('#{$font-url}/inter/Inter-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
font-display: swap;
}

/* Sentinel */

@font-face {
font-family: Sentinel;
src:
url('#{$font-url}/sentinel/Sentinel-Black.ttf') format('truetype'),
url('#{$font-url}/sentinel/Sentinel-Black.woff') format('woff'),
url('#{$font-url}/sentinel/Sentinel-Black.woff2') format('woff2');
font-weight: 900;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: Sentinel;
src:
url('#{$font-url}/sentinel/Sentinel-Bold.woff') format('truetype'),
url('#{$font-url}/sentinel/Sentinel-Bold.woff') format('woff'),
url('#{$font-url}/sentinel/Sentinel-Bold.woff2') format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: Sentinel;
src:
url('#{$font-url}/sentinel/Sentinel-Light.woff') format('truetype'),
url('#{$font-url}/sentinel/Sentinel-Light.woff') format('woff'),
url('#{$font-url}/sentinel/Sentinel-Light.woff2') format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: Sentinel;
src:
url('#{$font-url}/sentinel/Sentinel-LightItalic.woff') format('truetype'),
url('#{$font-url}/sentinel/Sentinel-LightItalic.woff') format('woff'),
url('#{$font-url}/sentinel/Sentinel-LightItalic.woff2') format('woff2');
font-weight: 300;
font-style: italic;
font-display: swap;
}

@font-face {
font-family: Sentinel;
src:
url('#{$font-url}/sentinel/Sentinel-Medium.woff') format('truetype'),
url('#{$font-url}/sentinel/Sentinel-Medium.woff') format('woff'),
url('#{$font-url}/sentinel/Sentinel-Medium.woff2') format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: Sentinel;
src:
url('#{$font-url}/sentinel/Sentinel-MediumItalic.woff') format('truetype'),
url('#{$font-url}/sentinel/Sentinel-MediumItalic.woff') format('woff'),
url('#{$font-url}/sentinel/Sentinel-MediumItalic.woff2') format('woff2');
font-weight: 500;
font-style: italic;
font-display: swap;
}

@font-face {
font-family: Sentinel;
src:
url('#{$font-url}/sentinel/Sentinel-Semibold.woff') format('truetype'),
url('#{$font-url}/sentinel/Sentinel-Semibold.woff') format('woff'),
url('#{$font-url}/sentinel/Sentinel-Semibold.woff2') format('woff2');
font-weight: 600;
font-style: italic;
font-display: swap;
}
// $font-url: '../../assets/fonts';

// @font-face {
// font-family: [font-family];
// src: url('#{$font-url}/[font-filename]') format('truetype');
// font-weight: 500;
// font-style: normal;
// font-display: swap;
// }
1 change: 0 additions & 1 deletion src/layout/container/container.twig
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,6 @@

{% block container__content %}
{% include "@layout/placeholder/placeholder.twig" with { place_holder: "Placeholder Content" } %}
{% include "emulsify-ui-kit:placeholder" with { place_holder: "Placeholder Content" } %}
{% endblock %}
</div>
{% block container__suffix %}{% endblock %}
Expand Down
60 changes: 30 additions & 30 deletions src/tokens/tokens.scss
Original file line number Diff line number Diff line change
Expand Up @@ -3,43 +3,43 @@
*/

:root {
--colors-sb-background: #ffffff;
--colors-sb-background: #fff;
--colors-sb-text-body: #00202e;
--colors-sb-text-heading: #0080b7;
--colors-sb-visualization: #009fe4;
--text-field-border-width: 1px;
--text-field-radius: 0.625rem;
--text-field-border: [object Object];
--tabs-color-bg-default: #ffffff;
--tabs-color-bg-active: #ffffff;
--tabs-color-bg-hover: #ffffff;
--tabs-color-bg-default: #fff;
--tabs-color-bg-active: #fff;
--tabs-color-bg-hover: #fff;
--tabs-color-text-default: #00202e;
--tabs-color-text-active: #0080b7;
--tabs-color-text-hover: #005f89;
--tabs-color-border-bottom: #a9afb1;
--tab-label: [object Object];
--table-color-cell-bg: #ffffff;
--table-color-cell-bg: #fff;
--table-color-cell-bg-stripe: #9ce1ff;
--table-color-cell-text: #00202e;
--table-color-cell-icon: #005f89;
--table-color-header-bg: #005f89;
--table-color-header-text: #ffffff;
--table-color-header-text: #fff;
--table-color-header-icon: #9ce1ff;
--table-color-border: #d4d7d8;
--status-color-info-bg: #16bdde;
--status-color-info-label: #272727;
--status-color-danger-bg: #bd1919;
--status-color-danger-label: #ffffff;
--status-color-danger-label: #fff;
--status-color-success-bg: #337b32;
--status-color-success-label: #ffffff;
--status-color-success-label: #fff;
--status-color-warning-bg: #f6c40f;
--status-color-warning-label: #333333;
--status-color-warning-label: #333;
--status-font-size-header: 1.3125rem;
--selectdropdown-color-label: #00202e;
--selectdropdown-color-label-disabled: #a9afb1;
--selectdropdown-color-button-fill: #ffffff;
--selectdropdown-color-button-fill: #fff;
--selectdropdown-color-button-fill-hover: #e6f5fc;
--selectdropdown-color-button-fill-disabled: #ffffff;
--selectdropdown-color-button-fill-disabled: #fff;
--selectdropdown-color-button-stroke: #7f878b;
--selectdropdown-color-button-stroke-hover: #545f64;
--selectdropdown-color-button-stroke-disabled: #a9afb1;
Expand All @@ -55,7 +55,7 @@
--radio-color-button-stroke-disabled: #a9afb1;
--radio-gap: 0.25rem;
--pager-color-text-default: #29373d;
--pager-color-text-hover: #ffffff;
--pager-color-text-hover: #fff;
--pager-color-text-focus: #0080b7;
--pager-color-fill-hover: #0080b7;
--pager-default: [object Object];
Expand All @@ -65,11 +65,11 @@
--pager-padding-y: 0.5rem;
--pager-padding-y-hover: 0.5rem;
--pager-padding-y-focus: 0.5rem;
--utility-menu-color-bg: #ffffff;
--utility-menu-color-bg: #fff;
--utility-menu-color-link-default: #006089;
--utility-menu-color-link-hover: #0080b7;
--main-menu-color-bg: #ffffff;
--main-menu-color-link-bg: #ffffff;
--main-menu-color-bg: #fff;
--main-menu-color-link-bg: #fff;
--main-menu-color-link-bg-hover: #9ce1ff;
--main-menu-color-link-label: #0080b7;
--main-menu-color-link-label-hover: #006089;
Expand All @@ -79,7 +79,7 @@
--main-menu-color-dropdown-label-hover: #006089;
--link-color-default: #005f89;
--link-color-hover: #00202e;
--link-color-inverse: #ffffff;
--link-color-inverse: #fff;
--link-color-inverse-hover: #9ce1ff;
--link-body: [object Object];
--input-gap: 0.5rem;
Expand All @@ -91,16 +91,16 @@
--input-border-color: #7f878b;
--input-radius: 0.25rem;
--input-label-lineheight: 125%;
--input-bkg: #ffffff;
--input-bkg: #fff;
--header-search-background: #006089;
--header-search-text-icon: #ffffff;
--header-search-text-icon: #fff;
--footer-background-default: #006089;
--footer-background-light: #ffffff;
--footer-background-light: #fff;
--footer-heading-default: #9ce1ff;
--footer-heading-dark: #0080b7;
--footer-icon-default: #9ce1ff;
--footer-icon-dark: #0080b7;
--fieldset-color-bg: #ffffff;
--fieldset-color-bg: #fff;
--fieldset-color-border: #a9afb1;
--fieldset-color-label: #00202e;
--radius-fieldset: 0.25rem;
Expand All @@ -115,7 +115,7 @@
--cta-color-heading-darker: #006089;
--cta-color-eyebrow: #006089;
--cta-color-body: #00202e;
--cta-color-button: #ffffff;
--cta-color-button: #fff;
--cta-background: #9ce1ff;
--cta-button-background: #009fe4;
--cta-button-background-darker: #006089;
Expand All @@ -132,10 +132,10 @@
--card-color-heading: #0080b7;
--card-color-subheading: #006089;
--button-color-bkg: #005f89;
--button-color-label: #ffffff;
--button-color-label: #fff;
--button-color-bkg-hover: #00405b;
--button-color-label-hover: #ffffff;
--button-color-label-focus: #ffffff;
--button-color-label-hover: #fff;
--button-color-label-focus: #fff;
--button-color-bkg-focus: #00405b;
--button-padding-x: 1rem;
--button-padding-x-hover: 1rem;
Expand All @@ -161,12 +161,12 @@
--block-quote-padding-x: 2rem;
--block-quote-padding-y: 0.5rem;
--banner-button-text: #00202e;
--banner-button-border: #ffffff;
--banner-button-border: #fff;
--banner-button-background: #9ce1ff;
--banner-text: #ffffff;
--banner-text: #fff;
--banner-background: #006089;
--banner-background-opacity: 0.75;
--announcement-background-default: #ffffff;
--announcement-background-default: #fff;
--announcement-background-light: #9ce1ff;
--announcement-background-dark: #006089;
--announcement-heading-default: #0080b7;
Expand All @@ -189,13 +189,13 @@
--color-text-body: #00202e;
--color-text-body-lighter: #006089;
--color-text-heading: #006089;
--color-text-white: #ffffff;
--color-text-white: #fff;
--color-warning-default: #d80f0f;
--color-link: #005f89;
--color-link-hover: #00202e;
--color-link-hover-lighter: #00405b;
--color-black: #000000;
--color-white: #ffffff;
--color-black: #000;
--color-white: #fff;
--color-emulsify-blue-100: #e6f5fc;
--color-emulsify-blue-200: #ccecfa;
--color-emulsify-blue-300: #99d9f4;
Expand Down
Loading

0 comments on commit 548587e

Please sign in to comment.