@dynatrace/groundhog - npm Package Compare versions

Comparing version 5.2.2 to 5.3.0

package.json

		{
		"name": "@dynatrace/groundhog",
		"version": "5.2.2",
		"version": "5.3.0",
		"description": "CSS components for Dynatrace",
		@@ -5,0 +5,0 @@ "main": "dist/js/main.js",

src/datepicker/README.md

		@@ -11,3 +11,3 @@ ---
		## Introduction
		The Groundhog datepicker component consists of a button that triggers a visual block representing selectable dates.
		The Groundhog datepicker component consists of a button that triggers a visual block representing selectable dates. It uses the [icon component](/doc/components/icons/).

		@@ -20,3 +20,6 @@ ## Including the datepicker component
		<button>
		Jan 01, 2018
		<svg role="img" class="icon icon--small">
		<use xlink:href="#clock"></use>
		</svg>
		Jan 01, 2018
		</button>
		@@ -26,7 +29,11 @@ <div>
		<button>
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M189.246 446L364.49 270.758v-29.52L189.245 66l-41.735 41.742L295.764 256 147.51 404.252z"/></svg>
		<svg role="img" class="icon icon--small">
		<use xlink:href="#arrow-left"></use>
		</svg>
		</button>
		<span>January</span>
		<span>January 2018</span>
		<button>
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M189.246 446L364.49 270.758v-29.52L189.245 66l-41.735 41.742L295.764 256 147.51 404.252z"/></svg>
		<svg role="img" class="icon icon--small">
		<use xlink:href="#arrow-right"></use>
		</svg>
		</button>
		@@ -68,8 +75,12 @@ </div>
		<div class="datepicker__month">
		<button class="btn btn--datepicker__previous">
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M189.246 446L364.49 270.758v-29.52L189.245 66l-41.735 41.742L295.764 256 147.51 404.252z"/></svg>
		<button class="btn btn--datepicker__selectMonth">
		<svg role="img" class="icon icon--small">
		<use xlink:href="#arrow-right"></use>
		</svg>
		</button>
		<span>January</span>
		<button class="btn btn--datepicker__next">
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M189.246 446L364.49 270.758v-29.52L189.245 66l-41.735 41.742L295.764 256 147.51 404.252z"/></svg>
		<button class="btn btn--datepicker__selectMonth">
		<svg role="img" class="icon icon--small">
		<use xlink:href="#arrow-right"></use>
		</svg>
		</button>
		@@ -98,4 +109,3 @@ </div>
		\| `datepicker__month` \| Will enhance the styling of the month, previous and next buttons in the calendar \|
		\| `btn--datepicker__previous` \| Enhances the styling of the previous button \|
		\| `btn--datepicker__next` \| Enhances the styling of the next button \|
		\| `btn--datepicker__selectMonth` \| Enhances the styling of the next/previous buttons \|
		\| `btn--selected` \| Shows which date is currently selected \|
		@@ -102,0 +112,0 @@ \| `disabled` \| Disabled state for date buttons that are not in the currently selected month \|

dist/css/base/fonts.css