@internetstiftelsen/styleguide 2.24.20 → 2.24.21

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@internetstiftelsen/styleguide",
-	"version": "2.24.20",
+	"version": "2.24.21",
 	"main": "dist/components.js",
 	"ports": {
 		"fractal": "3000"

package/src/atoms/icon/diamond.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="32" height="32" viewBox="0 0 32 32"><path d="M27 4H5l-4 8.7 14 16.1 1 1.2 1-1.2 14-16.1L27 4zm1.2 7.5h-5l3-4.4 2 4.4zm-3.8-5.4-3.1 4.6-3.1-4.6h6.2zm-5 5.4h-6.7l3.4-5 3.3 5zm-5.6-5.4-3.1 4.6-3.1-4.6h6.2zm-8 1 3 4.4h-5l2-4.4zm-1.3 6.5H10l3.3 10.2-8.8-10.2zm11.5 12-3.9-12.1h7.8L16 25.6zm6-12H27.6l-8.8 10.2L22 13.6z"/></svg>

package/src/atoms/icon/sprite.svg

@@ -345,5 +345,9 @@
 			<path d="M17 24.1h-2v-2h2v2zm-2-11.7h2v8h-2v-8z"/>
 			<path d="M29 28.3H3c-.4 0-.7-.2-.9-.5-.2-.3-.2-.7 0-1l13-22.5c.2-.3.5-.5.9-.5s.7.2.9.5l13 22.5c.2.3.2.7 0 1-.2.3-.5.5-.9.5zm-24.3-2h22.6L16 6.7 4.7 26.3z"/>
 		</symbol>
+
+		<symbol id="icon-diamond" viewbox="0 0 32 32">
+			<path d="M27 4H5l-4 8.7 14 16.1 1 1.2 1-1.2 14-16.1L27 4zm1.2 7.5h-5l3-4.4 2 4.4zm-3.8-5.4-3.1 4.6-3.1-4.6h6.2zm-5 5.4h-6.7l3.4-5 3.3 5zm-5.6-5.4-3.1 4.6-3.1-4.6h6.2zm-8 1 3 4.4h-5l2-4.4zm-1.3 6.5H10l3.3 10.2-8.8-10.2zm11.5 12-3.9-12.1h7.8L16 25.6zm6-12H27.6l-8.8 10.2L22 13.6z"/>
+		</symbol>
 	</defs>
 </svg>

package/src/configurations/icons.json

@@ -1 +1 @@
-[{"id":"search","name":"Search"},{"id":"arrow-forwards","name":"Arrow Forwards"},{"id":"arrow-backwards","name":"Arrow Backwards"},{"id":"arrow-down","name":"Arrow Down"},{"id":"arrow-variant","name":"Arrow Variant"},{"id":"hamburger","name":"Hamburger"},{"id":"close","name":"Close"},{"id":"check","name":"Check"},{"id":"quote","name":"Quote"},{"id":"file","name":"File"},{"id":"download","name":"Download"},{"id":"upload","name":"Upload"},{"id":"filter","name":"Filter"},{"id":"read","name":"Read"},{"id":"pin","name":"Pin"},{"id":"user","name":"User"},{"id":"language","name":"Language"},{"id":"linkedin","name":"Linkedin"},{"id":"facebook","name":"Facebook"},{"id":"instagram","name":"Instagram"},{"id":"twitter","name":"Twitter"},{"id":"external-link","name":"External Link"},{"id":"app-share","name":"App Share"},{"id":"print","name":"Print"},{"id":"chapters","name":"Chapters"},{"id":"article","name":"Article"},{"id":"padlock","name":"Padlock"},{"id":"trash","name":"Trash"},{"id":"link","name":"Link"},{"id":"share","name":"Share"},{"id":"questionmark","name":"Questionmark"},{"id":"info","name":"Info"},{"id":"contrast","name":"Contrast"},{"id":"gauge","name":"Gauge"},{"id":"backward-15","name":"Backward 15"},{"id":"step-backwards","name":"Step Backwards"},{"id":"play","name":"Play"},{"id":"step-forwards","name":"Step Forwards"},{"id":"forward-60","name":"Forward 60"},{"id":"pause","name":"Pause"},{"id":"subtitles","name":"Subtitles"},{"id":"author","name":"Author"},{"id":"speaker","name":"Speaker"},{"id":"mute","name":"Mute"},{"id":"settings","name":"Settings"},{"id":"lte","name":"Lte"},{"id":"wifi","name":"Wifi"},{"id":"reception","name":"Reception"},{"id":"2g","name":"2g"},{"id":"3g","name":"3g"},{"id":"4g","name":"4g"},{"id":"5g","name":"5g"},{"id":"latency","name":"Latency"},{"id":"spinner","name":"Spinner"},{"id":"spinner-white","name":"Spinner White"},{"id":"3d","name":"3d"},{"id":"accessibility","name":"Accessibility"},{"id":"cafe","name":"Cafe"},{"id":"capacity","name":"Capacity"},{"id":"display","name":"Display"},{"id":"email","name":"Email"},{"id":"headset","name":"Headset"},{"id":"phone","name":"Phone"},{"id":"plus","name":"Plus"},{"id":"podcast","name":"Podcast"},{"id":"richtext-bold","name":"Richtext Bold"},{"id":"richtext-bullet-list","name":"Richtext Bullet List"},{"id":"richtext-italic","name":"Richtext Italic"},{"id":"streaming","name":"Streaming"},{"id":"time","name":"Time"},{"id":"drag-item","name":"Drag Item"},{"id":"personal-data","name":"Personal Data"},{"id":"romance","name":"Romance"},{"id":"shopping","name":"Shopping"},{"id":"warning","name":"Warning"}]
+[{"id":"search","name":"Search"},{"id":"arrow-forwards","name":"Arrow Forwards"},{"id":"arrow-backwards","name":"Arrow Backwards"},{"id":"arrow-down","name":"Arrow Down"},{"id":"arrow-variant","name":"Arrow Variant"},{"id":"hamburger","name":"Hamburger"},{"id":"close","name":"Close"},{"id":"check","name":"Check"},{"id":"quote","name":"Quote"},{"id":"file","name":"File"},{"id":"download","name":"Download"},{"id":"upload","name":"Upload"},{"id":"filter","name":"Filter"},{"id":"read","name":"Read"},{"id":"pin","name":"Pin"},{"id":"user","name":"User"},{"id":"language","name":"Language"},{"id":"linkedin","name":"Linkedin"},{"id":"facebook","name":"Facebook"},{"id":"instagram","name":"Instagram"},{"id":"twitter","name":"Twitter"},{"id":"external-link","name":"External Link"},{"id":"app-share","name":"App Share"},{"id":"print","name":"Print"},{"id":"chapters","name":"Chapters"},{"id":"article","name":"Article"},{"id":"padlock","name":"Padlock"},{"id":"trash","name":"Trash"},{"id":"link","name":"Link"},{"id":"share","name":"Share"},{"id":"questionmark","name":"Questionmark"},{"id":"info","name":"Info"},{"id":"contrast","name":"Contrast"},{"id":"gauge","name":"Gauge"},{"id":"backward-15","name":"Backward 15"},{"id":"step-backwards","name":"Step Backwards"},{"id":"play","name":"Play"},{"id":"step-forwards","name":"Step Forwards"},{"id":"forward-60","name":"Forward 60"},{"id":"pause","name":"Pause"},{"id":"subtitles","name":"Subtitles"},{"id":"author","name":"Author"},{"id":"speaker","name":"Speaker"},{"id":"mute","name":"Mute"},{"id":"settings","name":"Settings"},{"id":"lte","name":"Lte"},{"id":"wifi","name":"Wifi"},{"id":"reception","name":"Reception"},{"id":"2g","name":"2g"},{"id":"3g","name":"3g"},{"id":"4g","name":"4g"},{"id":"5g","name":"5g"},{"id":"latency","name":"Latency"},{"id":"spinner","name":"Spinner"},{"id":"spinner-white","name":"Spinner White"},{"id":"3d","name":"3d"},{"id":"accessibility","name":"Accessibility"},{"id":"cafe","name":"Cafe"},{"id":"capacity","name":"Capacity"},{"id":"display","name":"Display"},{"id":"email","name":"Email"},{"id":"headset","name":"Headset"},{"id":"phone","name":"Phone"},{"id":"plus","name":"Plus"},{"id":"podcast","name":"Podcast"},{"id":"richtext-bold","name":"Richtext Bold"},{"id":"richtext-bullet-list","name":"Richtext Bullet List"},{"id":"richtext-italic","name":"Richtext Italic"},{"id":"streaming","name":"Streaming"},{"id":"time","name":"Time"},{"id":"drag-item","name":"Drag Item"},{"id":"personal-data","name":"Personal Data"},{"id":"romance","name":"Romance"},{"id":"shopping","name":"Shopping"},{"id":"warning","name":"Warning"},{"id":"diamond","name":"Diamond"}]

package/src/organisms/hero/_hero--dynamic-headline.scss

@@ -80,6 +80,7 @@
 				font-family: $font-family-mono;
 				font-size: 14px !important;
 				text-transform: uppercase;
+				text-shadow: 0 0 rem(5px) $color-black;
 
 				@include bp-up(sm-xs) {
 					margin-left: rhythm(0.5);

package/src/utilities/_cursor.scss

@@ -0,0 +1,9 @@
+@charset "UTF-8";
+
+.u-cursor-pointer {
+	cursor: pointer !important;
+}
+
+.u-cursor-default {
+	cursor: default !important;
+}

package/src/utilities/_links.scss

@@ -37,6 +37,15 @@
 	&[href^='mailto'] {
 		hyphens: none !important;
 	}
+
+	@include m(light) {
+		color: $color-snow !important;
+
+		&:hover,
+		&:focus {
+			color: $color-cyberspace !important;
+		}
+	}
 }
 
 /* Create linked box (requires parent box to have position:relative) */

package/src/utilities/_manifest.scss

@@ -26,4 +26,5 @@
 @import 'clear';
 @import 'fill';
 @import 'indent';
-@import 'font-size';
+@import 'font-size';
+@import 'cursor';