@snyk-mktg/brand-ui 2.1.49 → 2.2.0

package/dist/scss/components/molecules/_text-media.scss

@@ -42,7 +42,7 @@
 			padding: 0 0 map.get($brandui-padding, huge) 0;
 
 			&.reverse {
-				padding: 0 map.get($brandui-padding, huge) 0 0;
+				padding: 0;
 			}
 
 			@include breakpoints.max-tablet {

package/dist/scss/evo/_components.scss

@@ -0,0 +1,78 @@
+@use '../components/atoms/avatar' as *;
+@use '../components/atoms/badge' as *;
+@use '../components/atoms/category' as *;
+@use '../components/atoms/checkbox' as *;
+@use '../components/atoms/chip' as *;
+@use '../components/atoms/dropdown' as *;
+@use '../components/atoms/feature-checkmark' as *;
+@use '../components/atoms/icons' as *;
+@use '../components/atoms/input' as *;
+@use '../components/atoms/locale-selector' as *;
+@use '../components/atoms/logo-container' as *;
+@use '../components/atoms/patch' as *;
+@use '../components/atoms/product-logos' as *;
+@use '../components/atoms/progress-bar' as *;
+@use '../components/atoms/radios' as *;
+@use '../components/atoms/ribbon' as *;
+@use '../components/atoms/snyk-logos' as *;
+@use '../components/atoms/stamp' as *;
+@use '../components/atoms/switch' as *;
+@use '../components/atoms/tabs' as *;
+@use '../components/atoms/tag' as *;
+@use '../components/atoms/triggers/accordion-toggle' as *;
+@use '../components/atoms/triggers/filter' as *;
+@use '../components/atoms/triggers/menu' as *;
+@use '../components/atoms/triggers/nav' as *;
+@use '../components/atoms/triggers/play' as *;
+@use '../components/atoms/tooltip' as *;
+@use '../components/molecules/accordion' as *;
+@use '../components/molecules/agenda' as *;
+@use '../components/molecules/alert' as *;
+@use '../components/molecules/announcements' as *;
+@use '../components/molecules/avatar-grid-item' as *;
+@use '../components/molecules/avatar-username' as *;
+@use '../components/molecules/cards/card' as *;
+@use '../components/molecules/cards/card-bg-image' as *;
+@use '../components/molecules/charts/charts' as *;
+@use '../components/molecules/charts/vertical-chart' as *;
+@use '../components/molecules/charts/horizontal-chart' as *;
+@use '../components/molecules/charts/pie-chart' as *;
+@use '../components/molecules/chipbar' as *;
+@use '../components/molecules/filter' as *;
+@use '../components/molecules/list-item' as *;
+@use '../components/molecules/logo-parade' as *;
+@use '../components/molecules/modal' as *;
+@use '../components/molecules/notification' as *;
+@use '../components/molecules/pagination' as *;
+@use '../components/molecules/share-this' as *;
+@use '../components/molecules/tables' as *;
+@use '../components/molecules/table-of-contents' as *;
+@use '../components/molecules/title-text' as *;
+@use '../components/molecules/text-media' as *;
+@use '../components/molecules/quote' as *;
+@use '../components/organisms/breadcrumbs' as *;
+@use '../components/organisms/ctas/basic-cta' as *;
+@use '../components/organisms/ctas/body-cta' as *;
+@use '../components/organisms/ctas/feature-cta' as *;
+@use '../components/organisms/ctas/footer-cta' as *;
+@use '../components/organisms/carousel' as *;
+@use '../components/organisms/footer' as *;
+@use '../components/organisms/glossary' as *;
+@use '../components/organisms/featured-media' as *;
+@use '../components/organisms/heroes/hero' as *;
+@use '../components/organisms/heroes/hero-avatar' as *;
+@use '../components/organisms/heroes/hero-background-media' as *;
+@use '../components/organisms/heroes/hero-case-study' as *;
+@use '../components/organisms/heroes/hero-editorial' as *;
+@use '../components/organisms/heroes/hero-form' as *;
+@use '../components/organisms/heroes/hero-text-media' as *;
+@use '../components/organisms/heroes/hero-title-text' as *;
+@use '../components/organisms/navigation' as *;
+@use '../components/organisms/split-content' as *;
+@use '../components/organisms/sticky-media' as *;
+@use '../components/organisms/sub-navigation' as *;
+@use '../components/organisms/swiper' as *;
+
+// evo overwrites
+
+@use './components/atoms/button' as *;

package/dist/scss/evo/base/variables/_colors.scss

@@ -0,0 +1,6 @@
+@use 'sass:map';
+@use '../../../base/variables/colors' as *;
+
+$evo-color-labels: ();
+
+$brandui-color-labels: map.merge($brandui-color-labels, $evo-color-labels);

package/dist/scss/evo/base/variables/_themes.scss

@@ -0,0 +1,17 @@
+@use 'sass:map';
+@use '../../../base/variables/colors' as *;
+@use '../../../base/variables/themes' as *;
+
+/**
+ * Note: For the generateJson.js file, we need to use the 'map.get()'
+   instead of the new 'map.get()' function. The 'sass-extract' package does
+   not read the '@use' directive.
+ */
+
+/**
+ * For themes, we will have 3 colors for solid, and 3 colors for gradients.
+ */
+
+$evo-default-themes: () !default;
+
+$brandui-themes: map.merge($brandui-default-themes, $evo-default-themes);

package/dist/scss/evo/base/variables/_typography.scss

@@ -0,0 +1,33 @@
+@use 'sass:map';
+@use '../../../base/variables/typography' as font;
+
+$evo-font-family: ();
+
+// Why does this work? Do I need the font 'as'?
+$brandui-font-family: map.merge(font.$brandui-font-family, $evo-font-family);
+
+$evo-text-elements: ();
+
+$evo-text-elements-responsive: ();
+
+$text-elements: font.$text-elements;
+$text-elements-responsive: font.$text-elements-responsive;
+
+@each $key, $value in $evo-text-elements {
+	@if map.has-key($text-elements, $key) {
+		$text-elements: map.set($text-elements, $key, map.merge(map.get($text-elements, $key), $value));
+	} @else {
+		$text-elements: map.set($text-elements, $key, $value);
+	}
+}
+
+@each $key, $value in $evo-text-elements-responsive {
+	@if map.has-key($text-elements-responsive, $key) {
+		$text-elements-responsive: map.set($text-elements-responsive, $key, map.merge(map.get($text-elements-responsive, $key), $value));
+	} @else {
+		$text-elements-responsive: map.set($text-elements-responsive, $key, $value);
+	}
+}
+
+$brandui-font-size: font.$brandui-font-size;
+$brandui-line-height: font.$brandui-line-height;

package/dist/scss/evo/components/atoms/_button.scss

@@ -0,0 +1,7 @@
+.button {
+	&.primary {
+		&:before,
+		&:after {
+		}
+	}
+}

package/dist/scss/evo-bundle.scss

@@ -0,0 +1,14 @@
+@use 'sass:map';
+
+// Specific file needs to imported because colos is a private memeber and
+// this will throw and undefined variable error if imported from base.
+
+// Base modules
+@use '../scss/evo/base.scss';
+
+// Base brandui component will need to be imported directed into each component we are overiding
+// Component overrides
+@use './evo/components';
+
+//Util
+@use '../scss/evo/utilities.scss';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@snyk-mktg/brand-ui",
-	"version": "2.1.49",
+	"version": "2.2.0",
 	"description": "The official style library for Snyk’s BrandUI Design System",
 	"scripts": {
 		"dev:css": "gulp devCss",