diff --git a/package.json b/package.json index a42c576bd73..5e16807851a 100644 --- a/package.json +++ b/package.json @@ -37,24 +37,24 @@ "/node_modules/*" ], "resolutions": { - "carbon-components": "^10.37.0", - "carbon-components-react": "^7.37.1", - "@carbon/elements": "^10.36.0", - "@carbon/icons": "^10.33.0", - "@carbon/icons-react": "^10.33.0", + "carbon-components": "^10.38.0", + "carbon-components-react": "^7.38.0", + "@carbon/elements": "^10.37.0", + "@carbon/icons": "^10.34.0", + "@carbon/icons-react": "^10.34.0", "gatsby-remark-images": "^3.3.33" }, "dependencies": { "@carbon/charts-react": "0.41.65", - "@carbon/elements": "^10.36.0", - "@carbon/icons": "^10.33.0", - "@carbon/icons-react": "^10.33.0", - "@carbon/pictograms": "^11.11.0", - "@carbon/pictograms-react": "^11.11.0", + "@carbon/elements": "^10.37.0", + "@carbon/icons": "^10.34.0", + "@carbon/icons-react": "^10.34.0", + "@carbon/pictograms": "^11.12.0", + "@carbon/pictograms-react": "^11.12.0", "@loadable/component": "^5.12.0", "@slack/web-api": "^5.11.0", - "carbon-components": "^10.37.0", - "carbon-components-react": "^7.37.1", + "carbon-components": "^10.38.0", + "carbon-components-react": "^7.38.0", "change-case": "^4.1.1", "classnames": "^2.2.6", "codesandbox": "^2.1.10", @@ -62,7 +62,7 @@ "fuse.js": "^6.4.1", "gatsby": "^2.19.8", "gatsby-image": "^2.4.15", - "gatsby-theme-carbon": "^1.29.2", + "gatsby-theme-carbon": "^1.30.1", "lodash-es": "^4.17.15", "markdown-it": "^9.0.1", "nanoid": "^2.1.11", diff --git a/src/components/TypesetStyle/TypesetExample.js b/src/components/TypesetStyle/TypesetExample.js index f51f072fa97..845827c8130 100644 --- a/src/components/TypesetStyle/TypesetExample.js +++ b/src/components/TypesetStyle/TypesetExample.js @@ -143,14 +143,14 @@ const TypesetExample = (props) => (
Size: {displaySpecs.fontSize}
- Line-height: {displaySpecs.lineHeight} + Line height: {displaySpecs.lineHeight}
Weight:{' '} {displaySpecs.fontWeight}
- Letter-spacing: {displaySpecs.letterSpacing}px + Letter spacing: {displaySpecs.letterSpacing}px {displaySpecs.warning != null ? (
@@ -164,7 +164,7 @@ const TypesetExample = (props) => (
)}
- + ${type.name.split(' ')[0]}
diff --git a/src/components/TypesetStyle/typeset-example.scss b/src/components/TypesetStyle/typeset-example.scss index df4368c2078..2b1f2d2d1a1 100644 --- a/src/components/TypesetStyle/typeset-example.scss +++ b/src/components/TypesetStyle/typeset-example.scss @@ -1,3 +1,5 @@ +@import '~carbon-components/scss/components/copy-button/copy-button'; + .bx--typeset-example-container { margin-top: $spacing-05; } diff --git a/src/pages/designing/design-resources/index.mdx b/src/pages/designing/design-resources/index.mdx index 3425bd858cf..1c3a804143d 100755 --- a/src/pages/designing/design-resources/index.mdx +++ b/src/pages/designing/design-resources/index.mdx @@ -147,10 +147,10 @@ reflect IBM's spirit, beliefs, and design principles. ## Gatsby theme resources -The Gatsby Sketch kit has all the components, patterns, and sample layouts that -have been developed by teams within the IBM ecosystem. The Gatsby theme site -includes the components, guidelines, and everything you need to create and -contribute to Carbon sites. +The Gatsby Sketch kit has all the components, patterns, and sample layouts that have been developed by teams within the IBM ecosystem. The Gatsby theme site includes the components, guidelines, and everything you need to create and contribute to Carbon sites. + +### Image production guidelines +For anyone interested in contributing to the Carbon Design System website, or making images for their own Pattern Asset Library (PAL), we follow a set of guidelines to ensure consistency across the content in the Gatsby ecosystem. The image production guidelines Sketch kit includes guidance, symbols and templates to help designers with every aspect of image creation and component specs. @@ -162,6 +162,7 @@ contribute to Carbon sites. + + + + + + + + ## GitHub repos diff --git a/src/pages/developing/get-started.mdx b/src/pages/developing/get-started.mdx index 7a3a3626990..bf8523759eb 100644 --- a/src/pages/developing/get-started.mdx +++ b/src/pages/developing/get-started.mdx @@ -97,6 +97,7 @@ question to you and will jump in to help you out. - [#carbon-design-system](https://ibm-studios.slack.com/messages/C0M053VPT/) - [#carbon-components](https://ibm-studios.slack.com/archives/C046Y0YUD) +- [#carbon-charts](https://peretz.slack.com/archives/CCA7L4MS9) - [#carbon-react](https://ibm-studios.slack.com/archives/C2K6RFJ1G) - [#carbon-ng](https://ibm-studios.slack.com/archives/CBZC0LM2N) - [#carbon-vue](https://ibm-studios.slack.com/archives/CAM5P6NR1) diff --git a/src/pages/patterns/status-indicator-pattern/images/badge-status-with-number.jpg b/src/pages/patterns/status-indicator-pattern/images/badge-status-with-number.jpg index f225a7e5506..932c65fc335 100644 Binary files a/src/pages/patterns/status-indicator-pattern/images/badge-status-with-number.jpg and b/src/pages/patterns/status-indicator-pattern/images/badge-status-with-number.jpg differ diff --git a/src/pages/patterns/status-indicator-pattern/images/status_indicator_3.png b/src/pages/patterns/status-indicator-pattern/images/status_indicator_3.png index d321bceb751..78650c7f168 100644 Binary files a/src/pages/patterns/status-indicator-pattern/images/status_indicator_3.png and b/src/pages/patterns/status-indicator-pattern/images/status_indicator_3.png differ diff --git a/src/pages/patterns/status-indicator-pattern/images/status_indicator_5.jpg b/src/pages/patterns/status-indicator-pattern/images/status_indicator_5.jpg index acec6845633..a7d2512d3ec 100644 Binary files a/src/pages/patterns/status-indicator-pattern/images/status_indicator_5.jpg and b/src/pages/patterns/status-indicator-pattern/images/status_indicator_5.jpg differ diff --git a/src/pages/patterns/status-indicator-pattern/images/status_indicator_6.jpg b/src/pages/patterns/status-indicator-pattern/images/status_indicator_6.jpg index ff03fd378a5..80f23f277b0 100644 Binary files a/src/pages/patterns/status-indicator-pattern/images/status_indicator_6.jpg and b/src/pages/patterns/status-indicator-pattern/images/status_indicator_6.jpg differ diff --git a/src/pages/whats-happening/v11-release/index.mdx b/src/pages/whats-happening/v11-release/index.mdx index 0828faf9666..c8d22b85270 100644 --- a/src/pages/whats-happening/v11-release/index.mdx +++ b/src/pages/whats-happening/v11-release/index.mdx @@ -1,13 +1,13 @@ --- title: The v11 release description: - The Carbon v11 release includes great quality of life updates for designers - and developers, and with no brand updates, no product redesigns are required. + The Carbon v11 release includes quality of life updates for designers and + developers, and with no brand updates, no product redesigns are required. --- -The Carbon v11 release includes great quality of life updates for designers and +The Carbon v11 release includes quality of life updates for designers and developers, and with no brand updates, no product redesigns are required. @@ -23,6 +23,7 @@ lookout for the public preview release available in the coming months. Overview Read more in Medium +June 15th FEDucation Release FAQs @@ -83,6 +84,14 @@ brand-driven product redesigns. +## June 15th FEDucation + +As part of IBM's front-end developer educational series, Josh Black introduces +the upcoming v11 release, its features, and how to get involved and provide +feedback. + +