diff --git a/.prettierignore b/.prettierignore new file mode 100644 index 00000000..42061c01 --- /dev/null +++ b/.prettierignore @@ -0,0 +1 @@ +README.md \ No newline at end of file diff --git a/CHANGELOG.md b/CHANGELOG.md index e12f0708..e3a59679 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,17 @@ All notable changes to this project will be documented in this file. The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). +## [0.2.1](https://github.com/IBM/carbon-components-svelte/releases/tag/v0.2.1) - 2020-01-08 + +- Check if `l10n.en` is defined in `DatePicker` component to resolve Svelte REPL compilation + +## [0.2.0](https://github.com/IBM/carbon-components-svelte/releases/tag/v0.2.0) - 2020-01-08 + +- Include `src` in files published to npm to resolve Svelte module entry + ([#102](https://github.com/IBM/carbon-components-svelte/issues/102)) + +- Support most Carbon components (See the [GitHub project](https://github.com/IBM/carbon-components-svelte/projects/1)) + ## [0.1.0](https://github.com/IBM/carbon-components-svelte/releases/tag/v0.1.0) - 2019-12-15 - Initial release diff --git a/README.md b/README.md index 5292d0b1..31e0bcb2 100644 --- a/README.md +++ b/README.md @@ -1,131 +1,39 @@ # carbon-components-svelte -> 🚧 UNDER CONSTRUCTION +[![NPM][npm]][npm-url] +[![Build][build]][build-badge] -> Svelte implementation of the Carbon Design System +> Svelte implementation of the [Carbon Design System](https://github.com/carbon-design-system) -Currently, this project is under active development. See the [ongoing project](https://github.com/IBM/carbon-components-svelte/projects/1) for the anticipated v1.0.0 release. +**NOTE**: Currently, this project is under active development. See the [issue tracker](https://github.com/IBM/carbon-components-svelte/projects/1) for the anticipated v1.0.0 release. -## [Storybook](https://ibm.github.io/carbon-components-svelte) +## [Storybook](https://ibm.github.io/carbon-components-svelte) · [CodeSandbox](https://codesandbox.io/s/carbon-components-svelte021-lhvc4) -## Supported Components +## Getting Started -Currently, the following components are supported: +`carbon-components-svelte` can be installed as a development dependency. -- Accordion -- AccordionItem - - AccordionSkeleton -- Breadcrumb -- BreadcrumbItem - - BreadcrumbSkeleton -- Button - - ButtonSkeleton -- Checkbox - - CheckboxSkeleton -- CodeSnippet - - CodeSnippetSkeleton -- ComboBox -- ComposedModal - - ModalHeader - - ModalBody - - ModalFooter -- ContentSwitcher - - Switch -- Copy -- CopyButton -- DataTable -- DataTableSkeleton -- DatePicker - - DatePickerInput -- FileUploader - - FileUploaderButton - - FileUploaderItem - - FileUploaderDropContainer - - Filename -- Form -- FormGroup -- FormItem -- FormLabel -- Icon - - IconSkeleton -- InlineLoading -- Link -- ListBox - - ListBoxField - - ListBoxMenu - - ListBoxMenuIcon - - ListBoxMenuItem - - ListBoxSelection -- ListItem -- Loading -- MultiSelect -- Modal -- Notification - - ToastNotification - - InlineNotification - - NotificationActionButton - - NotificationButton - - NotificationIcon - - NotificationTextDetails -- NumberInput - - NumberInputSkeleton -- OrderedList -- OverflowMenu - - OverflowMenuItem -- Pagination - - PaginationSkeleton -- ProgressIndicator - - ProgressIndicatorSkeleton - - ProgressStep -- RadioButton - - RadioButtonSkeleton -- RadioButtonGroup -- Search - - SearchSkeleton -- Select - - SelectSkeleton - - SelectItem - - SelectItemGroup -- SkeletonPlaceholder -- SkeletonText -- Slider - - SliderSkeleton -- StructuredList - - StructuredListSkeleton - - StructuredListBody - - StructuredListHead - - StructuredListCell - - StructuredListRow - - StructuredListInput -- Tabs - - Tab - - TabContent - - TabsSkeleton -- Tag - - TagSkeleton -- TextArea - - TextAreaSkeleton -- TextInput - - TextInputSkeleton - - PasswordInput -- Tile - - ClickableTile - - SelectableTile - - ExpandableTile - - RadioTile - - Tile - - TileGroup - - RadioTile -- TimePicker - - TimePickerSelect -- Toggle - - ToggleSkeleton -- ToggleSmall - - ToggleSmallSkeleton -- Tooltip -- TooltipDefinition -- TooltipIcon -- UnorderedList +```bash +yarn add -D carbon-components-svelte +``` + +## Usage + +```html + + + + + + + +``` + +Try it in the [CodeSandbox](https://codesandbox.io/s/carbon-components-svelte021-lhvc4). ## Contributing @@ -136,3 +44,8 @@ Refer to the [Contributing guidelines](CONTRIBUTING.md). ## License [Apache 2.0](LICENSE) + +[npm]: https://img.shields.io/npm/v/carbon-components-svelte.svg?color=blue +[npm-url]: https://npmjs.com/package/carbon-components-svelte +[build]: https://travis-ci.com/ibm/carbon-components-svelte.svg?branch=master +[build-badge]: https://travis-ci.com/ibm/carbon-components-svelte diff --git a/package.json b/package.json index 40ecf386..cfe50011 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "carbon-components-svelte", - "version": "0.1.0", + "version": "0.2.1", "license": "Apache-2.0", "description": "Svelte implementation of the Carbon Design System", "svelte": "src/index.js", @@ -124,7 +124,8 @@ "svelte" ], "files": [ - "lib" + "lib", + "src" ], "bugs": "https://github.com/ibm/carbon-components-svelte/issues" } diff --git a/src/components/DatePicker/createCalendar.js b/src/components/DatePicker/createCalendar.js index a29c220b..ae400bbd 100644 --- a/src/components/DatePicker/createCalendar.js +++ b/src/components/DatePicker/createCalendar.js @@ -1,12 +1,14 @@ import flatpickr from 'flatpickr'; -import l10n from 'flatpickr/dist/l10n'; +import l10n from 'flatpickr/dist/l10n/index.js'; import rangePlugin from 'flatpickr/dist/plugins/rangePlugin'; import { cx } from '../../lib'; -l10n.en.weekdays.shorthand.forEach((_, index) => { - const shorthand = _.slice(0, 2); - l10n.en.weekdays.shorthand[index] = shorthand === 'Th' ? 'Th' : shorthand.charAt(0); -}); +if (l10n.en) { + l10n.en.weekdays.shorthand.forEach((_, index) => { + const shorthand = _.slice(0, 2); + l10n.en.weekdays.shorthand[index] = shorthand === 'Th' ? 'Th' : shorthand.charAt(0); + }); +} function updateClasses(instance) { const { calendarContainer, days, daysContainer, weekdayContainer, selectedDates } = instance;