mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
v0.14.0
This commit is contained in:
Eric Liu
parent
ebf7afd9f9
commit
13ca3bb4c6
4 changed files with 113 additions and 38 deletions
19
CHANGELOG.md
19
CHANGELOG.md
|
|
@ -9,6 +9,25 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|||
|
||||
- Selectable/expandable `DataTable`
|
||||
|
||||
## [0.14.0](https://github.com/IBM/carbon-components-svelte/releases/tag/v0.14.0) - 2020-09-23
|
||||
|
||||
**Features**
|
||||
|
||||
- `Modal`, `ComposedModal`: add `preventCloseOnClickOutside` prop
|
||||
- `Modal`: add `alert` prop to support alertdialog ARIA role ([PR #273](https://github.com/IBM/carbon-components-svelte/pull/273), thanks [@josefaidt](https://github.com/josefaidt))
|
||||
- `TextInput`: add `warn` prop ([PR #275](https://github.com/IBM/carbon-components-svelte/pull/275), thanks [@josefaidt](https://github.com/josefaidt))
|
||||
- `TextInput`: add `inline` prop ([PR #277](https://github.com/IBM/carbon-components-svelte/pull/277), thanks [@josefaidt](https://github.com/josefaidt))
|
||||
|
||||
**Fixes**
|
||||
|
||||
- `DataTableSkeleton`: add `showHeader`, `showToolbar` props
|
||||
- `OverflowMenu`: focus menu button on escape key only
|
||||
- `DataTable`: fix `headers` JSDoc type annotation ([PR #271](https://github.com/IBM/carbon-components-svelte/pull/271), thanks [@albertms10](https://github.com/albertms10))
|
||||
|
||||
**Breaking Changes**
|
||||
|
||||
- `DataTableSkeleton`: `showHeader` and `showToolbar` are `true` by default
|
||||
|
||||
## [0.13.0](https://github.com/IBM/carbon-components-svelte/releases/tag/v0.13.0) - 2020-09-18
|
||||
|
||||
**Features**
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
# Component Index
|
||||
|
||||
> 144 components exported from carbon-components-svelte 0.13.0
|
||||
> 144 components exported from carbon-components-svelte 0.14.0
|
||||
|
||||
- Accordion
|
||||
- [AccordionSkeleton](#accordionskeleton)
|
||||
|
|
@ -780,14 +780,15 @@ import { ComposedModal } from "carbon-components-svelte";
|
|||
|
||||
### Props
|
||||
|
||||
| Prop name | Type | Default value |
|
||||
| :------------------- | :---------------------------------------- | :--------------------------- |
|
||||
| size | <code>"xs" | "sm" | "lg"</code> | -- |
|
||||
| open | <code>boolean</code> | false |
|
||||
| danger | <code>boolean</code> | false |
|
||||
| containerClass | <code>string</code> | "" |
|
||||
| selectorPrimaryFocus | <code>string</code> | "[data-modal-primary-focus]" |
|
||||
| ref | <code>null | HTMLElement</code> | null |
|
||||
| Prop name | Type | Default value |
|
||||
| :------------------------- | :---------------------------------------- | :--------------------------- |
|
||||
| size | <code>"xs" | "sm" | "lg"</code> | -- |
|
||||
| open | <code>boolean</code> | false |
|
||||
| danger | <code>boolean</code> | false |
|
||||
| preventCloseOnClickOutside | <code>boolean</code> | false |
|
||||
| containerClass | <code>string</code> | "" |
|
||||
| selectorPrimaryFocus | <code>string</code> | "[data-modal-primary-focus]" |
|
||||
| ref | <code>null | HTMLElement</code> | null |
|
||||
|
||||
### Slots
|
||||
|
||||
|
|
@ -941,7 +942,7 @@ import { DataTable } from "carbon-components-svelte";
|
|||
|
||||
| Prop name | Type | Default value |
|
||||
| :----------- | :-------------------------------------------------- | :------------ |
|
||||
| headers | <code>{key: string; value: string;}</code> | -- |
|
||||
| headers | <code>{key: string; value: string;}[]</code> | -- |
|
||||
| rows | <code>Object[]</code> | -- |
|
||||
| size | <code>"compact" | "short" | "tall"</code> | -- |
|
||||
| title | <code>string</code> | "" |
|
||||
|
|
@ -977,13 +978,15 @@ import { DataTableSkeleton } from "carbon-components-svelte";
|
|||
|
||||
### Props
|
||||
|
||||
| Prop name | Type | Default value |
|
||||
| :-------- | :-------------------- | :------------ |
|
||||
| columns | <code>number</code> | 5 |
|
||||
| rows | <code>number</code> | 5 |
|
||||
| compact | <code>boolean</code> | false |
|
||||
| zebra | <code>boolean</code> | false |
|
||||
| headers | <code>string[]</code> | -- |
|
||||
| Prop name | Type | Default value |
|
||||
| :---------- | :-------------------- | :------------ |
|
||||
| columns | <code>number</code> | 5 |
|
||||
| rows | <code>number</code> | 5 |
|
||||
| compact | <code>boolean</code> | false |
|
||||
| zebra | <code>boolean</code> | false |
|
||||
| showHeader | <code>boolean</code> | true |
|
||||
| headers | <code>string[]</code> | -- |
|
||||
| showToolbar | <code>boolean</code> | true |
|
||||
|
||||
### Slots
|
||||
|
||||
|
|
@ -2387,25 +2390,27 @@ import { Modal } from "carbon-components-svelte";
|
|||
|
||||
### Props
|
||||
|
||||
| Prop name | Type | Default value |
|
||||
| :-------------------- | :---------------------------------------- | :--------------------------- |
|
||||
| size | <code>"xs" | "sm" | "lg"</code> | -- |
|
||||
| open | <code>boolean</code> | false |
|
||||
| danger | <code>boolean</code> | false |
|
||||
| passiveModal | <code>boolean</code> | false |
|
||||
| modalHeading | <code>string</code> | -- |
|
||||
| modalLabel | <code>string</code> | -- |
|
||||
| modalAriaLabel | <code>string</code> | -- |
|
||||
| iconDescription | <code>string</code> | "Close the modal" |
|
||||
| hasForm | <code>boolean</code> | false |
|
||||
| hasScrollingContent | <code>boolean</code> | false |
|
||||
| primaryButtonText | <code>string</code> | "" |
|
||||
| primaryButtonDisabled | <code>boolean</code> | false |
|
||||
| shouldSubmitOnEnter | <code>boolean</code> | true |
|
||||
| secondaryButtonText | <code>string</code> | "" |
|
||||
| selectorPrimaryFocus | <code>string</code> | "[data-modal-primary-focus]" |
|
||||
| id | <code>string</code> | -- |
|
||||
| ref | <code>null | HTMLElement</code> | null |
|
||||
| Prop name | Type | Default value |
|
||||
| :------------------------- | :---------------------------------------- | :--------------------------- |
|
||||
| size | <code>"xs" | "sm" | "lg"</code> | -- |
|
||||
| open | <code>boolean</code> | false |
|
||||
| danger | <code>boolean</code> | false |
|
||||
| alert | <code>boolean</code> | false |
|
||||
| passiveModal | <code>boolean</code> | false |
|
||||
| modalHeading | <code>string</code> | -- |
|
||||
| modalLabel | <code>string</code> | -- |
|
||||
| modalAriaLabel | <code>string</code> | -- |
|
||||
| iconDescription | <code>string</code> | "Close the modal" |
|
||||
| hasForm | <code>boolean</code> | false |
|
||||
| hasScrollingContent | <code>boolean</code> | false |
|
||||
| primaryButtonText | <code>string</code> | "" |
|
||||
| primaryButtonDisabled | <code>boolean</code> | false |
|
||||
| shouldSubmitOnEnter | <code>boolean</code> | true |
|
||||
| secondaryButtonText | <code>string</code> | "" |
|
||||
| selectorPrimaryFocus | <code>string</code> | "[data-modal-primary-focus]" |
|
||||
| preventCloseOnClickOutside | <code>boolean</code> | false |
|
||||
| id | <code>string</code> | -- |
|
||||
| ref | <code>null | HTMLElement</code> | null |
|
||||
|
||||
### Slots
|
||||
|
||||
|
|
@ -4673,8 +4678,11 @@ import { TextInput } from "carbon-components-svelte";
|
|||
| hideLabel | <code>boolean</code> | false |
|
||||
| invalid | <code>boolean</code> | false |
|
||||
| invalidText | <code>string</code> | "" |
|
||||
| warn | <code>boolean</code> | false |
|
||||
| warnText | <code>string</code> | "" |
|
||||
| ref | <code>null | HTMLInputElement</code> | null |
|
||||
| required | <code>boolean</code> | false |
|
||||
| inline | <code>boolean</code> | false |
|
||||
|
||||
### Slots
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "carbon-components-svelte",
|
||||
"version": "0.13.0",
|
||||
"version": "0.14.0",
|
||||
"license": "Apache-2.0",
|
||||
"description": "Svelte implementation of the Carbon Design System",
|
||||
"svelte": "./src/index.js",
|
||||
|
|
|
|||
50
types/index.d.ts
vendored
50
types/index.d.ts
vendored
|
|
@ -1,4 +1,4 @@
|
|||
// Type definitions for carbon-components-svelte 0.13.0
|
||||
// Type definitions for carbon-components-svelte 0.14.0
|
||||
// Project: https://github.com/IBM/carbon-components-svelte
|
||||
|
||||
export class CarbonSvelteComponent {
|
||||
|
|
@ -630,6 +630,12 @@ export class ComposedModal extends CarbonSvelteComponent {
|
|||
*/
|
||||
danger?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `true` to prevent the modal from closing when clicking outside
|
||||
* @default false
|
||||
*/
|
||||
preventCloseOnClickOutside?: boolean;
|
||||
|
||||
/**
|
||||
* Specify a class for the inner modal
|
||||
* @default ""
|
||||
|
|
@ -794,11 +800,23 @@ export class DataTableSkeleton extends CarbonSvelteComponent {
|
|||
*/
|
||||
zebra?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `false` to hide the header
|
||||
* @default true
|
||||
*/
|
||||
showHeader?: boolean;
|
||||
|
||||
/**
|
||||
* Set the column headers
|
||||
* If `headers` has one more items, `count` is ignored
|
||||
*/
|
||||
headers?: string[];
|
||||
|
||||
/**
|
||||
* Set to `false` to hide the toolbar
|
||||
* @default true
|
||||
*/
|
||||
showToolbar?: boolean;
|
||||
};
|
||||
}
|
||||
|
||||
|
|
@ -2084,6 +2102,12 @@ export class Modal extends CarbonSvelteComponent {
|
|||
*/
|
||||
danger?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `true` to enable alert mode
|
||||
* @default false
|
||||
*/
|
||||
alert?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `true` to use the passive variant
|
||||
* @default false
|
||||
|
|
@ -2153,6 +2177,12 @@ export class Modal extends CarbonSvelteComponent {
|
|||
*/
|
||||
selectorPrimaryFocus?: string;
|
||||
|
||||
/**
|
||||
* Set to `true` to prevent the modal from closing when clicking outside
|
||||
* @default false
|
||||
*/
|
||||
preventCloseOnClickOutside?: boolean;
|
||||
|
||||
/**
|
||||
* Set an id for the top-level element
|
||||
*/
|
||||
|
|
@ -4428,6 +4458,18 @@ export class TextInput extends CarbonSvelteComponent {
|
|||
*/
|
||||
invalidText?: string;
|
||||
|
||||
/**
|
||||
* Set to `true` to indicate an warning state
|
||||
* @default false
|
||||
*/
|
||||
warn?: boolean;
|
||||
|
||||
/**
|
||||
* Specify the warning state text
|
||||
* @default ""
|
||||
*/
|
||||
warnText?: string;
|
||||
|
||||
/**
|
||||
* Obtain a reference to the input HTML element
|
||||
* @default null
|
||||
|
|
@ -4439,6 +4481,12 @@ export class TextInput extends CarbonSvelteComponent {
|
|||
* @default false
|
||||
*/
|
||||
required?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `true` to use inline version
|
||||
* @default false
|
||||
*/
|
||||
inline?: boolean;
|
||||
};
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue