carbon-components - npm Package Compare versions

Comparing version 7.6.0 to 7.6.1

package.json

		@@ -5,3 +5,3 @@ {
		"homepage": "http://carbondesignsystem.com/",
		"version": "7.6.0",
		"version": "7.6.1",
		"module": "es/index.js",
		@@ -8,0 +8,0 @@ "main": "umd/index.js",

src/components/accordion/migrate-to-7.x.md

		### HTML

		Updating HTML pertains mainly to SVG icon paths. It's recommended to use bluemix-icons locally in your project.
		Updating HTML pertains mainly to SVG icon paths.
		It's now recommended to use inline SVG icons.

		```html
		<svg class="bx--accordion__arrow" width="8" height="12" viewBox="0 0 8 12" fill-rule="evenodd">
		<path d="M0 10.6L4.7 6 0 1.4 1.4 0l6.1 6-6.1 6z"></path>
		</svg>
		```

		But if you're going to make use of carbon-icons.svg, it's recommended to use the sprite svg file locally in your project.

		Update `<use xlink:href>` to a local path of bluemix-icons.svg, which should look something like this:
		@@ -6,0 +15,0 @@

src/components/button/README.md

		@@ -29,5 +29,18 @@ ### SCSS

		All buttons can use icons.
		All buttons can use icons. It's recommended to inline SVG icons when possible.
		Simply add the appropriate `<svg>` to the button HTML with the `bx--btn__icon` class.
		You can also include `<title>` for better accessibility to describe what the button does.

		```html
		<button class="bx--btn bx--btn--secondary" type="button">
		Secondary
		<svg class="bx--btn__icon" width="16" height="16" viewBox="0 0 16 16" fill-rule="evenodd">
		<title>add a new connection to your instance</title>
		<path d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm4 9H9v3H7V9H4V7h3V4h2v3h3v2z"></path>
		</svg>
		</button>
		```

		Be aware that only `--glyph` icons should be used with buttons.
		Here's an example using `carbon-icons.svg`.

		@@ -38,5 +51,5 @@ ```html
		<svg class="bx--btn__icon">
		<use xlink:href="/carbon-icons/bluemix-icons.svg#add--glyph"></use>
		<use xlink:href="/carbon-icons/carbon-icons.svg#add--glyph"></use>
		</svg>
		</button>
		```

src/components/checkbox/README.md

		@@ -23,4 +23,4 @@ ### JavaScript
		<span class="bx--checkbox-appearance">
		<svg class="bx--checkbox-checkmark">
		<use xlink:href="/carbon-icons/bluemix-icons.svg#checkmark"></use>
		<svg class="bx--checkbox-checkmark" width="12" height="9" viewBox="0 0 12 9" fill-rule="evenodd">
		<path d="M4.1 6.1L1.4 3.4 0 4.9 4.1 9l7.6-7.6L10.3 0z"></path>
		</svg>
		@@ -40,4 +40,4 @@ </span>
		<span class="bx--checkbox-appearance">
		<svg class="bx--checkbox-checkmark">
		<use xlink:href="/carbon-icons/bluemix-icons.svg#checkmark"></use>
		<svg class="bx--checkbox-checkmark" width="12" height="9" viewBox="0 0 12 9" fill-rule="evenodd">
		<path d="M4.1 6.1L1.4 3.4 0 4.9 4.1 9l7.6-7.6L10.3 0z"></path>
		</svg>
		@@ -50,2 +50,4 @@ </span>

		Also note that it's now recommended to use inline SVG when possible.

		#### Fieldset and Legend
		@@ -52,0 +54,0 @@

html/overflow-menu/overflow-menu.html

Sorry, the diff of this file is not supported yet

src/components/overflow-menu/overflow-menu.html

Sorry, the diff of this file is not supported yet

New alerts