From 0066c5864d219cb5ce89a351f54053c5ae87a8b6 Mon Sep 17 00:00:00 2001 From: Taylor Jones Date: Wed, 20 Apr 2022 15:39:04 -0500 Subject: [PATCH 1/8] Update CODEOWNERS --- CODEOWNERS | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/CODEOWNERS b/CODEOWNERS index d723394cbf6c..83fce03857d0 100644 --- a/CODEOWNERS +++ b/CODEOWNERS @@ -2,11 +2,11 @@ * @carbon-design-system/developers-system # Core icons and pictograms -/packages/icons/src/svg/ @laurenmrice @conradennis @dudley-ibm @carbon-design-system/developers-system -/packages/pictograms/src/svg/ @laurenmrice @conradennis @dudley-ibm @carbon-design-system/developers-system +/packages/icons/src/svg/ @laurenmrice @carbon-design-system/brand-icons @carbon-design-system/developers-system +/packages/pictograms/src/svg/ @laurenmrice @carbon-design-system/brand-pictograms @carbon-design-system/developers-system # Angular icons -/packages/icons-angular/ @cal-smith @carbon-design-system/developers-system +/packages/icons-angular/ @carbon-design-system/developers-system # Brand /packages/colors/artifacts/ @lisalind-ibm From 02dbcad211ae5c90b4d057dfceb305a400373336 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Thu, 21 Apr 2022 14:48:09 +0000 Subject: [PATCH 2/8] chore(deps): bump async in /packages/react/examples/next (#11234) Bumps [async](https://github.com/caolan/async) from 2.6.1 to 2.6.4. - [Release notes](https://github.com/caolan/async/releases) - [Changelog](https://github.com/caolan/async/blob/v2.6.4/CHANGELOG.md) - [Commits](https://github.com/caolan/async/compare/v2.6.1...v2.6.4) --- updated-dependencies: - dependency-name: async dependency-type: indirect ... Signed-off-by: dependabot[bot] Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> --- packages/react/examples/next/yarn.lock | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/packages/react/examples/next/yarn.lock b/packages/react/examples/next/yarn.lock index 9209164246f7..282d01a030cf 100644 --- a/packages/react/examples/next/yarn.lock +++ b/packages/react/examples/next/yarn.lock @@ -1108,11 +1108,11 @@ async-foreach@^0.1.3: integrity sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI= async@^2.1.5: - version "2.6.1" - resolved "https://registry.yarnpkg.com/async/-/async-2.6.1.tgz#b245a23ca71930044ec53fa46aa00a3e87c6a610" - integrity sha512-fNEiL2+AZt6AlAw/29Cr0UDe4sRAHCpEHh54WMz+Bb7QfNcFw4h3loofyJpLeQs4Yx7yuqu/2dLgM5hKOs6HlQ== + version "2.6.4" + resolved "https://registry.yarnpkg.com/async/-/async-2.6.4.tgz#706b7ff6084664cd7eae713f6f965433b5504221" + integrity sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA== dependencies: - lodash "^4.17.10" + lodash "^4.17.14" asynckit@^0.4.0: version "0.4.0" @@ -3321,10 +3321,10 @@ lodash.tail@^4.1.1: resolved "https://registry.yarnpkg.com/lodash.tail/-/lodash.tail-4.1.1.tgz#d2333a36d9e7717c8ad2f7cacafec7c32b444664" integrity sha1-0jM6NtnncXyK0vfKyv7HwytERmQ= -lodash@^4.0.0, lodash@^4.17.10, lodash@^4.17.4, lodash@^4.17.5, lodash@~4.17.10: - version "4.17.11" - resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d" - integrity sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg== +lodash@^4.0.0, lodash@^4.17.10, lodash@^4.17.14, lodash@^4.17.4, lodash@^4.17.5, lodash@~4.17.10: + version "4.17.21" + resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c" + integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg== log-update@^2.3.0: version "2.3.0" From da1fa5ec4837cdd5bb65f1957fc4dee9241a60ac Mon Sep 17 00:00:00 2001 From: Tanner Summers Date: Thu, 21 Apr 2022 10:32:48 -0500 Subject: [PATCH 3/8] fix(react): fixed styling of med size search component (#11190) The Search component has some extra css styling just for md size. Which seems to make a breaking positioning for the icon. This fix removes this without affecting any other styling Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> --- packages/styles/scss/components/search/_search.scss | 5 ----- 1 file changed, 5 deletions(-) diff --git a/packages/styles/scss/components/search/_search.scss b/packages/styles/scss/components/search/_search.scss index 33470ec67d2a..d6465d21654d 100644 --- a/packages/styles/scss/components/search/_search.scss +++ b/packages/styles/scss/components/search/_search.scss @@ -112,11 +112,6 @@ left: rem(12px); } - .#{$prefix}--search--md:not(.#{$prefix}--toolbar-search-container-active) - .#{$prefix}--search-magnifier-icon { - left: 0; - } - // Large styles .#{$prefix}--search--lg .#{$prefix}--search-input, .#{$prefix}--search--lg.#{$prefix}--search--expandable.#{$prefix}--search--expanded From 2527236f653d2241c426133305a13a2e82c7e807 Mon Sep 17 00:00:00 2001 From: James Nash <37304960+NashJames@users.noreply.github.com> Date: Thu, 21 Apr 2022 17:17:15 +0100 Subject: [PATCH 4/8] docs(project): Windows setup (#10950) * Update CONTRIBUTING.md * Create .gitattributes * add contributor status * windows commit --no-verify instructions * chore(docs): run prettier Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> Co-authored-by: Josh Black --- .all-contributorsrc | 10 ++++++++++ .gitattributes | 10 ++++++++++ .github/CONTRIBUTING.md | 7 ++++--- README.md | 1 + docs/guides/setup/windows.md | 18 ++++++++++++++++++ 5 files changed, 43 insertions(+), 3 deletions(-) create mode 100644 .gitattributes diff --git a/.all-contributorsrc b/.all-contributorsrc index ac4049aa7f1e..f28018e53114 100644 --- a/.all-contributorsrc +++ b/.all-contributorsrc @@ -867,6 +867,16 @@ "code" ] }, + { + "login": "NashJames", + "name": "James Nash", + "avatar_url": "https://avatars.githubusercontent.com/u/37304960?v=4", + "profile": "https://github.com/NashJames", + "contributions": [ + "code", + "doc" + ] + }, { "login": "jakubfaliszewski", "name": "Jakub Faliszewski", diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 000000000000..77bc4345aeaf --- /dev/null +++ b/.gitattributes @@ -0,0 +1,10 @@ +# Auto detect text files and perform LF normalization +* text=auto + +# These files should have specific line endings +*.sh text eol=lf +*.bat text eol=crlf + +# These files are binary and should be left untouched +# (binary is a macro for -text -diff) +*.jpeg binary diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md index 3e3211ea1d44..e88646a25f26 100644 --- a/.github/CONTRIBUTING.md +++ b/.github/CONTRIBUTING.md @@ -29,6 +29,7 @@ installed: version manager for Node. - Git - [Yarn](https://yarnpkg.com/en/docs/install) +- [WSL](../docs/guides/setup/windows.md) (Windows Only) If you're using Windows, there are some [additional steps](https://github.com/carbon-design-system/carbon/blob/main/docs/guides/setup/windows.md) @@ -163,15 +164,15 @@ run the following commands from the root of the repo: ```sh # Add new contributor , who made a contribution of type -all-contributors add +yarn all-contributors add # Example: -all-contributors add tw15egan code,doc +yarn all-contributors add tw15egan code,doc ``` Then, you'll need to generate the updated `all-contributors` table by running ```sh -all-contributors generate +yarn all-contributors generate ``` ### 8. Make a pull request diff --git a/README.md b/README.md index e3e57c73af63..4ccd60e2d208 100644 --- a/README.md +++ b/README.md @@ -196,6 +196,7 @@ check out our [Contributing Guide](/.github/CONTRIBUTING.md) and our
Zhen Wang
๐Ÿ’ป ๐Ÿ“–
Cathal Kenneally
๐Ÿ’ป
Joel Humberto Gรณmez Paredes
๐Ÿ’ป +
James Nash
๐Ÿ’ป ๐Ÿ“–
Jakub Faliszewski
๐Ÿ’ป diff --git a/docs/guides/setup/windows.md b/docs/guides/setup/windows.md index 6f1f5ddcd5ab..51eafe66e630 100644 --- a/docs/guides/setup/windows.md +++ b/docs/guides/setup/windows.md @@ -46,3 +46,21 @@ but can be unexpected. 15. In the root folder of your freshly cloned repo install and build - `yarn install` - `yarn build` + +## Commits on Windows 10 + +Unfortunately, there is a known bug on Windows GitHub Desktop with pre-commit +hooks. The current workaround is to use a `--no-verify` tag on git CLI. + +To commit all staged changes: + +``` +git commit -am "commit message" --no-verify +``` + +To commit specific files: + +``` +git add file_name +git commit -m "commit message" --no-verify +``` From 4d2a4b6f3e6d16c37638c2321f549b89b0ce6d47 Mon Sep 17 00:00:00 2001 From: Taylor Jones Date: Thu, 21 Apr 2022 11:42:09 -0500 Subject: [PATCH 5/8] feat(slider, numberinput): add `onKeyUp` callback prop for input (#11230) * feat(slider): add onKeyUp callback prop for input * feat(numberinput): add onKeyUp callback prop for input --- .../react/src/components/NumberInput/next/NumberInput.js | 7 +++++++ packages/react/src/components/Slider/Slider.js | 6 ++++++ 2 files changed, 13 insertions(+) diff --git a/packages/react/src/components/NumberInput/next/NumberInput.js b/packages/react/src/components/NumberInput/next/NumberInput.js index a1a143785a8f..7e849067fc54 100644 --- a/packages/react/src/components/NumberInput/next/NumberInput.js +++ b/packages/react/src/components/NumberInput/next/NumberInput.js @@ -45,6 +45,7 @@ const NumberInput = React.forwardRef(function NumberInput(props, forwardRef) { min, onChange, onClick, + onKeyUp, readOnly, size = 'md', step = 1, @@ -162,6 +163,7 @@ const NumberInput = React.forwardRef(function NumberInput(props, forwardRef) { min={min} onClick={onClick} onChange={handleOnChange} + onKeyUp={onKeyUp} pattern="[0-9]*" readOnly={readOnly} step={step} @@ -329,6 +331,11 @@ NumberInput.propTypes = { */ onClick: PropTypes.func, + /** + * Provide an optional function to be called when a key is pressed in the number input + */ + onKeyUp: PropTypes.func, + /** * Specify if the component should be read-only */ diff --git a/packages/react/src/components/Slider/Slider.js b/packages/react/src/components/Slider/Slider.js index 7fd35e7fcc2b..4e4c79788431 100644 --- a/packages/react/src/components/Slider/Slider.js +++ b/packages/react/src/components/Slider/Slider.js @@ -127,6 +127,11 @@ export default class Slider extends PureComponent { */ onChange: PropTypes.func, + /** + * Provide an optional function to be called when a key is pressed in the number input + */ + onInputKeyUp: PropTypes.func, + /** * The callback to get notified of value on handle release. */ @@ -653,6 +658,7 @@ export default class Slider extends PureComponent { step={step} onChange={this.onChange} onBlur={this.onBlur} + onKeyUp={this.onInputKeyUp} data-invalid={isValid ? null : true} aria-invalid={isValid ? null : true} /> From fee4ab526ecbaf09f8653bc07070d2f6c08020ed Mon Sep 17 00:00:00 2001 From: Taylor Jones Date: Thu, 21 Apr 2022 12:02:52 -0500 Subject: [PATCH 6/8] fix(default-type): update to use new type tokens (#11258) Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> --- packages/type/scss/_default-type.scss | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/packages/type/scss/_default-type.scss b/packages/type/scss/_default-type.scss index 153971a24d7e..3a6cd1c1a794 100644 --- a/packages/type/scss/_default-type.scss +++ b/packages/type/scss/_default-type.scss @@ -12,31 +12,31 @@ /// @group @carbon/type @mixin default-type { h1 { - @include type-style('productive-heading-06'); + @include type-style('heading-06'); } h2 { - @include type-style('productive-heading-05'); + @include type-style('heading-05'); } h3 { - @include type-style('productive-heading-04'); + @include type-style('heading-04'); } h4 { - @include type-style('productive-heading-03'); + @include type-style('heading-03'); } h5 { - @include type-style('productive-heading-02'); + @include type-style('heading-02'); } h6 { - @include type-style('productive-heading-01'); + @include type-style('heading-01'); } p { - @include type-style('body-long-02'); + @include type-style('body-02'); } a { From b56492589fd6e6a2dabd799fd57a1eea1c5c9b2d Mon Sep 17 00:00:00 2001 From: "Andrea N. Cardona" Date: Thu, 21 Apr 2022 13:23:05 -0500 Subject: [PATCH 7/8] [WIP] feat: indexing carbon react (#11208) * feat: indexing carbon react * feat: just need to check off todos * fix: removed plex, icons, and updated types * feat: added placeholder string for thumbnails * Update packages/react/carbon.yml Co-authored-by: Francine Lucca <40550942+francinelucca@users.noreply.github.com> * Update packages/react/carbon.yml Co-authored-by: Francine Lucca <40550942+francinelucca@users.noreply.github.com> * Update packages/react/carbon.yml Co-authored-by: Francine Lucca <40550942+francinelucca@users.noreply.github.com> * Update packages/react/carbon.yml Co-authored-by: Francine Lucca <40550942+francinelucca@users.noreply.github.com> * Update packages/react/carbon.yml Co-authored-by: Francine Lucca <40550942+francinelucca@users.noreply.github.com> * feat: fixed tags * feat: fixed typo * feat: add hooks * feat: fixed status and syntax * Update packages/react/carbon.yml Co-authored-by: Francine Lucca <40550942+francinelucca@users.noreply.github.com> * feat: remove form-label and tooltip-icon * feat: add thumbnails * feat: add unstable menu svg * feat: update menu thumbnail * feat: update menu thumbnail * feat: update menu thumbnail svg * feat: updated thumbnails * feat: update toggle tip * feat: removing list box svg * feat: removing structured list svg * Revert "feat: removing structured list svg" This reverts commit 025666dfe85ab23bea884d74e2852c99dc52578b. * feat: removing structured list svg Co-authored-by: Francine Lucca <40550942+francinelucca@users.noreply.github.com> --- packages/react/carbon.yml | 664 ++++++++++++++++++ packages/react/thumbnails/composed-modal.svg | 33 + packages/react/thumbnails/error-boundary.svg | 24 + packages/react/thumbnails/flex-grid.svg | 38 + packages/react/thumbnails/fluid-form.svg | 77 ++ packages/react/thumbnails/form-group.svg | 25 + packages/react/thumbnails/icon-button.svg | 16 + packages/react/thumbnails/layer.svg | 10 + packages/react/thumbnails/ordered-list.svg | 12 + packages/react/thumbnails/skeleton.svg | 8 + packages/react/thumbnails/stack.svg | 24 + packages/react/thumbnails/toggletip.svg | 33 + packages/react/thumbnails/unordered-list.svg | 12 + .../react/thumbnails/unstable-heading.svg | 15 + packages/react/thumbnails/unstable-menu.svg | 77 ++ .../react/thumbnails/unstable-pagination.svg | 48 ++ packages/react/thumbnails/unstable-text.svg | 34 + 17 files changed, 1150 insertions(+) create mode 100644 packages/react/carbon.yml create mode 100644 packages/react/thumbnails/composed-modal.svg create mode 100644 packages/react/thumbnails/error-boundary.svg create mode 100644 packages/react/thumbnails/flex-grid.svg create mode 100644 packages/react/thumbnails/fluid-form.svg create mode 100644 packages/react/thumbnails/form-group.svg create mode 100644 packages/react/thumbnails/icon-button.svg create mode 100644 packages/react/thumbnails/layer.svg create mode 100644 packages/react/thumbnails/ordered-list.svg create mode 100644 packages/react/thumbnails/skeleton.svg create mode 100644 packages/react/thumbnails/stack.svg create mode 100644 packages/react/thumbnails/toggletip.svg create mode 100644 packages/react/thumbnails/unordered-list.svg create mode 100644 packages/react/thumbnails/unstable-heading.svg create mode 100644 packages/react/thumbnails/unstable-menu.svg create mode 100644 packages/react/thumbnails/unstable-pagination.svg create mode 100644 packages/react/thumbnails/unstable-text.svg diff --git a/packages/react/carbon.yml b/packages/react/carbon.yml new file mode 100644 index 000000000000..dd238afee174 --- /dev/null +++ b/packages/react/carbon.yml @@ -0,0 +1,664 @@ +# yaml-language-server: $schema=https://unpkg.com/@carbon-platform/schemas@v1/carbon-resources.schema.json +library: + id: carbon-react + name: Carbon React + description: React implementation of Carbon Components. + externalDocsUrl: https://react.carbondesignsystem.com + inherits: carbon-styles +assets: + accordion: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/accordion/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-accordion + aspect-ratio: + status: stable + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-aspectratio + breadcrumb: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/breadcrumb/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-breadcrumb + button: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/button/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-button + checkbox: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/checkbox/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-checkbox + code-snippet: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/code-snippet/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-codesnippet + combo-box: + status: stable + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-combobox + composed-modal: + name: Composed modal + framework: react + status: stable + type: component + platform: web + thumbnailPath: ./thumbnails/composed-modal.svg + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-composedmodal + tags: + - input-control + content-switcher: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/content-switcher/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-contentswitcher + copy-button: + status: stable + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-copybutton + data-table: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/data-table/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-datatable + date-picker: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/date-picker/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-datepicker + dropdown: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/dropdown/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-dropdown + error-boundary: + name: Error boundary + framework: react + status: stable + type: component + platform: web + thumbnailPath: ./thumbnails/error-boundary.svg + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-errorboundary + tags: + - system-feedback + file-uploader: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/file-uploader/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-fileuploader--file-uploader + flex-grid: + name: Flex grid + framework: react + status: stable + type: component + platform: web + thumbnailPath: ./thumbnails/flex-grid.svg + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-flexgrid + tags: + - shell + form: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/form/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-form + form-group: + name: Form group + framework: react + status: stable + type: component + platform: web + thumbnailPath: ./thumbnails/form-group.svg + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-formgroup + tags: + - form + icon-button: + name: Icon button + framework: react + status: stable + type: component + platform: web + thumbnailPath: ./thumbnails/icon-button.svg + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-iconbutton + tags: + - input-control + - media + inline-loading: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/inline-loading/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-inlineloading + layer: + name: Layer + framework: react + status: stable + type: component + platform: web + thumbnailPath: ./thumbnails/layer.svg + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-layer + tags: + - shell + link: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/link/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-link + loading: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/loading/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-loading + modal: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/modal/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-modal + multiselect: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/dropdown/usage/#multiselect + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-multiselect + notification: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/notification/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-notifications + number-input: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/number-input/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-numberinput + ordered-list: + name: Ordered list + framework: react + status: stable + type: component + platform: web + thumbnailPath: ./thumbnails/ordered-list.svg + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-orderedlist + tags: + - data-display + overflow-menu: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/overflow-menu/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-overflowmenu + pagination: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/pagination/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-pagination + pagination-nav: + status: stable + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-paginationnav + popover: + status: stable + framework: react + externalDocsUrl: https://www.carbondesignsystem.com/components/popover/usage + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-popover + progress-bar: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/progress-bar/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-progressbar + progress-indicator: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/progress-indicator/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-progressindicator + radio-button: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/radio-button/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-radiobutton + search: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/search/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-search + select: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/select/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-select + skeleton: + name: Skeleton + framework: react + status: stable + type: component + platform: web + thumbnailPath: ./thumbnails/skeleton.svg + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-skeleton + tags: + - shell + slider: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/slider/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-slider + structured-list: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/structured-list/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-structuredlist + tabs: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/tabs/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-tabs + tag: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/tag/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-tag + text-area: + status: stable + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-textarea + text-input: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/text-input/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-textinput + theme: + status: stable + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-theme--default + tile: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/tile/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-tile + time-picker: + status: stable + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-timepicker + toggle: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/toggle/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-toggle + toggletip: + name: Toggletip + framework: react + externalDocsUrl: https://www.carbondesignsystem.com/components/toggletip/usage + status: stable + type: component + platform: web + thumbnailPath: ./thumbnails/toggletip.svg + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-toggletip + tags: + - content-element + tooltip: + status: stable + externalDocsUrl: https://www.carbondesignsystem.com/components/tooltip/usage + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-tooltip + tooltip-definition: + status: stable + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-definitiontooltip + ui-shell-header: + framework: react + externalDocsUrl: https://www.carbondesignsystem.com/components/UI-shell-header/usage + status: stable + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-ui-shell + unordered-list: + name: Unordered list + framework: react + status: stable + type: component + platform: web + thumbnailPath: ./thumbnails/unordered-list.svg + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/components-unorderedlist + tags: + - data-display + grid: + status: stable + type: component + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/elements-grid + fluid-form: + name: Fluid form + framework: react + status: experimental + type: component + platform: web + thumbnailPath: ./thumbnails/fluid-form.svg + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/experimental-fluidform + tags: + - form + unstable-heading: + name: Unstable heading + framework: react + status: experimental + type: component + platform: web + thumbnailPath: ./thumbnails/unstable-heading.svg + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/experimental-unstable-heading + tags: + - content-element + unstable-menu: + name: Unstable menu + framework: react + status: experimental + type: component + platform: web + thumbnailPath: ./thumbnails/unstable-menu.svg + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/experimental-unstable-menu + tags: + - system-feedback + unstable-pagination: + name: Unstable pagination + framework: react + status: experimental + type: component + platform: web + thumbnailPath: ./thumbnails/unstable-pagination.svg + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/experimental-unstable-pagination + tags: + - data-display + - contextual-navigation + unstable-text: + name: Unstable text + framework: react + status: experimental + type: component + platform: web + thumbnailPath: ./thumbnails/unstable-text.svg + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/experimental-unstable-text + tags: + - input-control + tree-view: + status: experimental + framework: react + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/experimental-unstable-treeview + stack: + name: Stack + framework: react + status: stable + type: component + platform: web + thumbnailPath: ./thumbnails/stack.svg + demoLinks: + - type: storybook + name: Storybook + action: link + url: https://react.carbondesignsystem.com/?path=/docs/layout-stack + tags: + - content-block + use-feature-flag: + name: unstable_useFeatureFlag + framework: react + status: experimental + type: function + platform: web + tags: + - hook + use-feature-flags: + name: unstable_useFeatureFlags + framework: react + status: experimental + type: function + platform: web + tags: + - hook + use-context-menu: + name: unstable_useContextMenu + framework: react + status: experimental + type: function + platform: web + tags: + - hook + use-theme: + name: useTheme + framework: react + status: stable + type: function + platform: web + tags: + - hook + diff --git a/packages/react/thumbnails/composed-modal.svg b/packages/react/thumbnails/composed-modal.svg new file mode 100644 index 000000000000..6a2c2f42541b --- /dev/null +++ b/packages/react/thumbnails/composed-modal.svg @@ -0,0 +1,33 @@ + + + composed-modal + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/packages/react/thumbnails/error-boundary.svg b/packages/react/thumbnails/error-boundary.svg new file mode 100644 index 000000000000..59d77b8bb313 --- /dev/null +++ b/packages/react/thumbnails/error-boundary.svg @@ -0,0 +1,24 @@ + + + error-boundary + + + + + + + + + Primary button + + + + + + + + + + + + \ No newline at end of file diff --git a/packages/react/thumbnails/flex-grid.svg b/packages/react/thumbnails/flex-grid.svg new file mode 100644 index 000000000000..4d45cf7f58ae --- /dev/null +++ b/packages/react/thumbnails/flex-grid.svg @@ -0,0 +1,38 @@ + + + flex-grid + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/packages/react/thumbnails/fluid-form.svg b/packages/react/thumbnails/fluid-form.svg new file mode 100644 index 000000000000..5946428e283c --- /dev/null +++ b/packages/react/thumbnails/fluid-form.svg @@ -0,0 +1,77 @@ + + + form + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/packages/react/thumbnails/form-group.svg b/packages/react/thumbnails/form-group.svg new file mode 100644 index 000000000000..23ac743b65a3 --- /dev/null +++ b/packages/react/thumbnails/form-group.svg @@ -0,0 +1,25 @@ + + + form-group + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/packages/react/thumbnails/icon-button.svg b/packages/react/thumbnails/icon-button.svg new file mode 100644 index 000000000000..18e94b1a64f6 --- /dev/null +++ b/packages/react/thumbnails/icon-button.svg @@ -0,0 +1,16 @@ + + + icon-button + + + + + + + + + + + + + \ No newline at end of file diff --git a/packages/react/thumbnails/layer.svg b/packages/react/thumbnails/layer.svg new file mode 100644 index 000000000000..d50d67510b00 --- /dev/null +++ b/packages/react/thumbnails/layer.svg @@ -0,0 +1,10 @@ + + + layer + + + + + + + \ No newline at end of file diff --git a/packages/react/thumbnails/ordered-list.svg b/packages/react/thumbnails/ordered-list.svg new file mode 100644 index 000000000000..3ccbbf35d345 --- /dev/null +++ b/packages/react/thumbnails/ordered-list.svg @@ -0,0 +1,12 @@ + + + ordered-list + + + 1. Ordered List + 2. Ordered List + 3. Ordered List + 4. Ordered List + + + \ No newline at end of file diff --git a/packages/react/thumbnails/skeleton.svg b/packages/react/thumbnails/skeleton.svg new file mode 100644 index 000000000000..67d8252da46e --- /dev/null +++ b/packages/react/thumbnails/skeleton.svg @@ -0,0 +1,8 @@ + + + skeleton + + + + + \ No newline at end of file diff --git a/packages/react/thumbnails/stack.svg b/packages/react/thumbnails/stack.svg new file mode 100644 index 000000000000..7b4ccb7b50f6 --- /dev/null +++ b/packages/react/thumbnails/stack.svg @@ -0,0 +1,24 @@ + + + stack + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/packages/react/thumbnails/toggletip.svg b/packages/react/thumbnails/toggletip.svg new file mode 100644 index 000000000000..fb0fc075842f --- /dev/null +++ b/packages/react/thumbnails/toggletip.svg @@ -0,0 +1,33 @@ + + + toggle-tip + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/packages/react/thumbnails/unordered-list.svg b/packages/react/thumbnails/unordered-list.svg new file mode 100644 index 000000000000..5690b6e64ce5 --- /dev/null +++ b/packages/react/thumbnails/unordered-list.svg @@ -0,0 +1,12 @@ + + + unordered-list + + + โ€“ Unordered List + โ€“ Unordered List + โ€“ Unordered List + โ€“ Unordered List + + + \ No newline at end of file diff --git a/packages/react/thumbnails/unstable-heading.svg b/packages/react/thumbnails/unstable-heading.svg new file mode 100644 index 000000000000..83faf0350527 --- /dev/null +++ b/packages/react/thumbnails/unstable-heading.svg @@ -0,0 +1,15 @@ + + + heading-unstable + + + h1 + + + h2 + + + h3 + + + \ No newline at end of file diff --git a/packages/react/thumbnails/unstable-menu.svg b/packages/react/thumbnails/unstable-menu.svg new file mode 100644 index 000000000000..ec3beaa2fecc --- /dev/null +++ b/packages/react/thumbnails/unstable-menu.svg @@ -0,0 +1,77 @@ + + + menus + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/packages/react/thumbnails/unstable-pagination.svg b/packages/react/thumbnails/unstable-pagination.svg new file mode 100644 index 000000000000..4b705456f988 --- /dev/null +++ b/packages/react/thumbnails/unstable-pagination.svg @@ -0,0 +1,48 @@ + + + pagination-unstable + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/packages/react/thumbnails/unstable-text.svg b/packages/react/thumbnails/unstable-text.svg new file mode 100644 index 000000000000..78b18515f909 --- /dev/null +++ b/packages/react/thumbnails/unstable-text.svg @@ -0,0 +1,34 @@ + + + text-unstable + + + + + + + + + + + + He + l + lo + w + orld + + + + + + + + + + ู„ูƒู† ู„ุง ุจุฏ ุฃู† ุฃูˆุถุญ ู„ูƒ ุฃู† ูƒู„ + + + + + \ No newline at end of file From d7e7865856eb6448fccfe4abd3bbdcac2f5f28ee Mon Sep 17 00:00:00 2001 From: Josh Black Date: Thu, 21 Apr 2022 15:54:26 -0500 Subject: [PATCH 8/8] docs(dns): add guide for move to GitHub Pages (#11264) * docs(dns): add dns guide * docs(dns): update steps for move to GitHub Pages Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> --- docs/guides/dns.md | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) create mode 100644 docs/guides/dns.md diff --git a/docs/guides/dns.md b/docs/guides/dns.md new file mode 100644 index 000000000000..07f43f20fbbe --- /dev/null +++ b/docs/guides/dns.md @@ -0,0 +1,26 @@ +# DNS + +> This documentation covers the ways we set DNS for our website + +## Website + +We use GitHub Pages to publish our website and make this website available under +https://carbondesignsystem.com. + +In order to do so, we have the following checklist in terms of what the project +must do on GitHub along with the DNS configuration through our DNS provider. + +**Checklist** + +- The GitHub repository has enabled GitHub Pages +- The repository has published the site under the `gh-pages` branch +- The `gh-pages` branch has a CNAME record for `carbondesignsystem.com` +- The DNS provider has A records for the apex domain + - [IP Addresses for GitHub Pages](https://docs.github.com/en/pages/configuring-a-custom-domain-for-your-github-pages-site/managing-a-custom-domain-for-your-github-pages-site#configuring-an-apex-domain) +- The DNS provider has a CNAME record that points to + carbon-design-system.github.io + +**Links & Resources** + +- https://docs.github.com/en/pages/configuring-a-custom-domain-for-your-github-pages-site/managing-a-custom-domain-for-your-github-pages-site#configuring-an-apex-domain-and-the-www-subdomain-variant +- https://github.blog/changelog/2021-04-08-github-pages-can-now-automatically-secure-the-www-variant-of-your-custom-domain/