1.0.0-beta.38

Author: jcfranco

CHANGELOG.md

@@ -1,9 +1,24 @@
 # Changelog
 
-All notable changes to this project will be documented in this file.
+This document maintains a list of released versions and changes introduced by them.
+This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html)
 
-The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
-and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
+## [1.0.0-beta.38](https://github.com/Esri/calcite-components/compare/v1.0.0-beta.37...v1.0.0-beta.38) (2020-09-04)
+
+### Features
+
+- **calcite-label:** adds disable-spacing property also updates label-text spacing ([2cca2c6](https://github.com/Esri/calcite-components/commit/2cca2c6f2cf215240841df9b1c135cbf1de33e3c)), closes [#916](https://github.com/Esri/calcite-components/issues/916) [#916](https://github.com/Esri/calcite-components/issues/916)
+- **label:** Adds disabled prop to label, radio-group ([#923](https://github.com/Esri/calcite-components/issues/923)) ([cc34b51](https://github.com/Esri/calcite-components/commit/cc34b51914d100b68d529b81bf39faee4c1b7b93))
+- **label:** Updates alignment and spacing ([#914](https://github.com/Esri/calcite-components/issues/914)) ([943e5c2](https://github.com/Esri/calcite-components/commit/943e5c2318fd9ba2661e55ef712c7e2788aa9a09))
+- **split-button:** add secondary click event ([#889](https://github.com/Esri/calcite-components/issues/889)) ([bb3b141](https://github.com/Esri/calcite-components/commit/bb3b141336c855a418b6cdcc53e807c87714946d))
+- **tabs:** add tab-title disabled state ([#879](https://github.com/Esri/calcite-components/issues/879)) ([adef10f](https://github.com/Esri/calcite-components/commit/adef10f5c0f341f3b6198ffafa587ed1f649ecf1))
+
+### Bug Fixes
+
+- **dropdown:** fix tab through ([#880](https://github.com/Esri/calcite-components/issues/880)) ([acbef6f](https://github.com/Esri/calcite-components/commit/acbef6f47726d5cc8dd28f385b84126deb90304d))
+- **input:** emit calcite input input on up and down click on number input [#886](https://github.com/Esri/calcite-components/issues/886) ([#888](https://github.com/Esri/calcite-components/issues/888)) ([01a140b](https://github.com/Esri/calcite-components/commit/01a140bbe89e4208e2be6f889891633c12ccc826))
+- **input:** No longer set clearable by default on type date or time ([#895](https://github.com/Esri/calcite-components/issues/895)) ([d5d9d6a](https://github.com/Esri/calcite-components/commit/d5d9d6a0fb620c69e329ca4454bd30311e5bf007))
+- **tree:** change tabindex to 0 to prevent forced first tab stop on page ([#911](https://github.com/Esri/calcite-components/issues/911)) ([ef4a7ad](https://github.com/Esri/calcite-components/commit/ef4a7adfc7572411717d77f6240497f095730362)), closes [#634](https://github.com/Esri/calcite-components/issues/634)
 
 ## 1.0.0-beta.37
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.0.0-beta.37",
+  "version": "1.0.0-beta.38",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package.json

@@ -5,16 +5,12 @@ A single instance of an alert. Multiple alerts will aggregate in a queue.
 ```html
 <calcite-alert>
   <div slot="alert-title">Title of alert</div>
-  <div slot="alert-message">
-    Message text of the alert
-  </div>
+  <div slot="alert-message">Message text of the alert</div>
   <a slot="alert-link" href="#">Retry</a>
 </calcite-alert>
 <calcite-alert>
   <div slot="alert-title">Title of alert</div>
-  <div slot="alert-message">
-    Message text of the alert
-  </div>
+  <div slot="alert-message">Message text of the alert</div>
   <a slot="alert-link" href="#">Retry</a>
 </calcite-alert>
 ```

src/components/calcite-alert/readme.md

@@ -23,6 +23,7 @@ If you don't pass in an input, calcite-checkbox will act as the source of truth:
 | `checked`       | `checked`       | The checked state of the checkbox.                                                                                                            | `boolean`           | `false`     |
 | `disabled`      | `disabled`      | True if the checkbox is disabled                                                                                                              | `boolean`           | `false`     |
 | `focused`       | `focused`       | The focused state of the checkbox.                                                                                                            | `boolean`           | `false`     |
+| `guid`          | `guid`          | The id attribute of the checkbox. When omitted, a globally unique identifier is used.                                                         | `string`            | `undefined` |
 | `hovered`       | `hovered`       | The hovered state of the checkbox.                                                                                                            | `boolean`           | `false`     |
 | `indeterminate` | `indeterminate` | True if the checkbox is initially indeterminate, which is independent from its checked state https://css-tricks.com/indeterminate-checkboxes/ | `boolean`           | `false`     |
 | `name`          | `name`          | The name of the checkbox input                                                                                                                | `string`            | `""`        |

src/components/calcite-checkbox/readme.md

@@ -22,12 +22,15 @@ It allows consumers to set a `status` attribute that child `calcite-input` and `
 
 ## Properties
 
-| Property | Attribute | Description                                                          | Type                                              | Default     |
-| -------- | --------- | -------------------------------------------------------------------- | ------------------------------------------------- | ----------- |
-| `layout` | `layout`  | is the wrapped element positioned inline with the label slotted text | `"default" \| "inline" \| "inline-space-between"` | `"default"` |
-| `scale`  | `scale`   | specify the scale of the input, defaults to m                        | `"l" \| "m" \| "s"`                               | `"m"`       |
-| `status` | `status`  | specify the status of the label and any child input / input messages | `"idle" \| "invalid" \| "valid"`                  | `"idle"`    |
-| `theme`  | `theme`   | specify theme of the label and its any child input / input messages  | `"dark" \| "light"`                               | `undefined` |
+| Property         | Attribute         | Description                                                          | Type                                              | Default     |
+| ---------------- | ----------------- | -------------------------------------------------------------------- | ------------------------------------------------- | ----------- |
+| `disableSpacing` | `disable-spacing` | Turn off spacing around the label                                    | `boolean`                                         | `undefined` |
+| `disabled`       | `disabled`        | is the label disabled                                                | `boolean`                                         | `undefined` |
+| `for`            | `for`             | The id of the input associated with the label                        | `string`                                          | `undefined` |
+| `layout`         | `layout`          | is the wrapped element positioned inline with the label slotted text | `"default" \| "inline" \| "inline-space-between"` | `"default"` |
+| `scale`          | `scale`           | specify the scale of the input, defaults to m                        | `"l" \| "m" \| "s"`                               | `"m"`       |
+| `status`         | `status`          | specify the status of the label and any child input / input messages | `"idle" \| "invalid" \| "valid"`                  | `"idle"`    |
+| `theme`          | `theme`           | specify theme of the label and its any child input / input messages  | `"dark" \| "light"`                               | `undefined` |
 
 ## Events
 

src/components/calcite-label/readme.md

@@ -5,18 +5,12 @@ calcite modal allows you to show a modal/dialog to your users. The modal handles
 ```html
 <calcite-modal aria-labelledby="modal-title">
   <h3 slot="header" id="modal-title">Title of the modal</h3>
-  <div slot="content">
-    The actual content of the modal
-  </div>
+  <div slot="content">The actual content of the modal</div>
   <calcite-button slot="back" color="light" appearance="outline" icon="chevron-left" width="full">
     Back
   </calcite-button>
-  <calcite-button slot="secondary" width="full" appearance="outline">
-    Cancel
-  </calcite-button>
-  <calcite-button slot="primary" width="full">
-    Save
-  </calcite-button>
+  <calcite-button slot="secondary" width="full" appearance="outline"> Cancel </calcite-button>
+  <calcite-button slot="primary" width="full"> Save </calcite-button>
 </calcite-modal>
 ```
 

src/components/calcite-modal/readme.md

@@ -4,19 +4,19 @@
 
 ## Properties
 
-| Property             | Attribute  | Description                                                                                                                                  | Type                | Default                                            |
-| -------------------- | ---------- | -------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | -------------------------------------------------- |
-| `checked`            | `checked`  | The checked state of the radio button.                                                                                                       | `boolean`           | `false`                                            |
-| `disabled`           | `disabled` | The disabled state of the radio button.                                                                                                      | `boolean`           | `false`                                            |
-| `focused`            | `focused`  | The focused state of the radio button.                                                                                                       | `boolean`           | `false`                                            |
-| `guid`               | `guid`     | The id attribute of the radio button. When omitted, a globally unique identifier is used.                                                    | `string`            | `this.el.id \|\|`calcite-radio-button-\${guid()}`` |
-| `hidden`             | `hidden`   | The radio button's hidden status. When a radio button is hidden it is not focusable or checkable.                                            | `boolean`           | `false`                                            |
-| `hovered`            | `hovered`  | The hovered state of the radio button.                                                                                                       | `boolean`           | `false`                                            |
-| `name` _(required)_  | `name`     | The name of the radio button. <code>name</code> is passed as a property automatically from <code>calcite-radio-button-group</code>.          | `string`            | `undefined`                                        |
-| `required`           | `required` | Requires that a value is selected for the radio button group before the parent form will submit.                                             | `boolean`           | `false`                                            |
-| `scale`              | `scale`    | The scale (size) of the radio button. <code>scale</code> is passed as a property automatically from <code>calcite-radio-button-group</code>. | `"l" \| "m" \| "s"` | `"m"`                                              |
-| `theme`              | `theme`    | The color theme of the radio button, <code>theme</code> is passed as a property automatically from <code>calcite-radio-button-group</code>.  | `"dark" \| "light"` | `"light"`                                          |
-| `value` _(required)_ | `value`    | The value of the radio button.                                                                                                               | `string`            | `undefined`                                        |
+| Property             | Attribute  | Description                                                                                                                                  | Type                | Default     |
+| -------------------- | ---------- | -------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | ----------- |
+| `checked`            | `checked`  | The checked state of the radio button.                                                                                                       | `boolean`           | `false`     |
+| `disabled`           | `disabled` | The disabled state of the radio button.                                                                                                      | `boolean`           | `false`     |
+| `focused`            | `focused`  | The focused state of the radio button.                                                                                                       | `boolean`           | `false`     |
+| `guid`               | `guid`     | The id attribute of the radio button. When omitted, a globally unique identifier is used.                                                    | `string`            | `undefined` |
+| `hidden`             | `hidden`   | The radio button's hidden status. When a radio button is hidden it is not focusable or checkable.                                            | `boolean`           | `false`     |
+| `hovered`            | `hovered`  | The hovered state of the radio button.                                                                                                       | `boolean`           | `false`     |
+| `name` _(required)_  | `name`     | The name of the radio button. <code>name</code> is passed as a property automatically from <code>calcite-radio-button-group</code>.          | `string`            | `undefined` |
+| `required`           | `required` | Requires that a value is selected for the radio button group before the parent form will submit.                                             | `boolean`           | `false`     |
+| `scale`              | `scale`    | The scale (size) of the radio button. <code>scale</code> is passed as a property automatically from <code>calcite-radio-button-group</code>. | `"l" \| "m" \| "s"` | `"m"`       |
+| `theme`              | `theme`    | The color theme of the radio button, <code>theme</code> is passed as a property automatically from <code>calcite-radio-button-group</code>.  | `"dark" \| "light"` | `"light"`   |
+| `value` _(required)_ | `value`    | The value of the radio button.                                                                                                               | `string`            | `undefined` |
 
 ## Events
 

src/components/calcite-radio-button/readme.md

@@ -7,6 +7,7 @@
 | Property       | Attribute    | Description                                                         | Type                               | Default        |
 | -------------- | ------------ | ------------------------------------------------------------------- | ---------------------------------- | -------------- |
 | `appearance`   | `appearance` | specify the appearance style of the radio group, defaults to solid. | `"outline" \| "solid"`             | `"solid"`      |
+| `disabled`     | `disabled`   | is the radio group disabled                                         | `boolean`                          | `undefined`    |
 | `layout`       | `layout`     | specify the layout of the radio group, defaults to horizontal       | `"horizontal" \| "vertical"`       | `"horizontal"` |
 | `name`         | `name`       | The group's name. Gets submitted with the form.                     | `string`                           | `undefined`    |
 | `scale`        | `scale`      | The scale of the radio group                                        | `"l" \| "m" \| "s"`                | `undefined`    |

src/components/calcite-radio-group/readme.md

@@ -34,9 +34,10 @@ Basic Usage:
 
 ## Events
 
-| Event                            | Description                              | Type               |
-| -------------------------------- | ---------------------------------------- | ------------------ |
-| `calciteSplitButtonPrimaryClick` | fired when the primary button is clicked | `CustomEvent<any>` |
+| Event                              | Description                                | Type               |
+| ---------------------------------- | ------------------------------------------ | ------------------ |
+| `calciteSplitButtonPrimaryClick`   | fired when the primary button is clicked   | `CustomEvent<any>` |
+| `calciteSplitButtonSecondaryClick` | fired when the secondary button is clicked | `CustomEvent<any>` |
 
 ## Dependencies