diff --git a/.changeset/pre.json b/.changeset/pre.json index 60068515e66..c9c6e644714 100644 --- a/.changeset/pre.json +++ b/.changeset/pre.json @@ -154,6 +154,7 @@ "six-fireants-rule", "sixty-ears-heal", "soft-pianos-suffer", + "soft-ways-drop", "sour-balloons-begin", "spicy-meals-smoke", "spicy-poets-build", @@ -163,6 +164,7 @@ "tasty-years-cheat", "tender-buckets-sneeze", "three-buckets-walk", + "three-months-provide", "tiny-stingrays-kneel", "twelve-melons-battle", "twenty-jokes-lie", diff --git a/components/button/CHANGELOG.md b/components/button/CHANGELOG.md index c9dd56dcfd5..3c4170c4fab 100644 --- a/components/button/CHANGELOG.md +++ b/components/button/CHANGELOG.md @@ -1,5 +1,11 @@ # Change Log +## 14.0.0-s2-foundations.18 + +### Minor Changes + +- [#3197](https://github.com/adobe/spectrum-css/pull/3197) [`1eac198`](https://github.com/adobe/spectrum-css/commit/1eac198754ca1e60f96a64c7cf5e7c7a4758b1f3) Thanks [@cdransf](https://github.com/cdransf)! - Replaces all of occurrences of --spectrum-component-pill-edge-to-text-_ (intended to be used as padding) in the button component with the appropriate corner-radius-_ tokens. + ## 14.0.0-s2-foundations.17 ### Minor Changes diff --git a/components/button/package.json b/components/button/package.json index 7c5c8c27420..ee9872413a6 100644 --- a/components/button/package.json +++ b/components/button/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/button", - "version": "14.0.0-s2-foundations.17", + "version": "14.0.0-s2-foundations.18", "description": "The Spectrum CSS button component", "license": "Apache-2.0", "author": "Adobe", diff --git a/components/radio/CHANGELOG.md b/components/radio/CHANGELOG.md index e23c9fb9ee6..7d575b29b7e 100644 --- a/components/radio/CHANGELOG.md +++ b/components/radio/CHANGELOG.md @@ -1,5 +1,11 @@ # Change Log +## 10.0.0-s2-foundations.16 + +### Minor Changes + +- [#3164](https://github.com/adobe/spectrum-css/pull/3164) [`f8dead7`](https://github.com/adobe/spectrum-css/commit/f8dead7a680e88678bf830fccee32ecc661677bc) Thanks [@jawinn](https://github.com/jawinn)! - Fixes an issue with the alignment of a read-only radio's label element within field group and flex layouts. + ## 10.0.0-s2-foundations.15 ### Minor Changes diff --git a/components/radio/package.json b/components/radio/package.json index 21353b21851..48694eea0d8 100644 --- a/components/radio/package.json +++ b/components/radio/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/radio", - "version": "10.0.0-s2-foundations.15", + "version": "10.0.0-s2-foundations.16", "description": "The Spectrum CSS radio component", "license": "Apache-2.0", "author": "Adobe", diff --git a/package.json b/package.json index ecb328bf698..9930065b088 100644 --- a/package.json +++ b/package.json @@ -37,7 +37,7 @@ "refresh:config": "bash ./tasks/chromatic-config-creation.sh || exit 0", "refresh:env": "bash ./tasks/copy-env-from-root.sh || exit 0", "release": "yarn ci && changeset publish", - "release:site": "cross-env NODE_ENV=production yarn build:site --skip-nx-cache && gh-pages -d dist/ -f -e . --nojekyll", + "release:site": "cross-env NODE_ENV=production yarn build:site --docs --skip-nx-cache && gh-pages -d dist/ -f -e . --nojekyll", "report": "yarn reporter tag:component", "reporter": "nx run-many --target report --projects", "start": "cross-env NODE_ENV=development nx start storybook", diff --git a/tokens/dist/index.css b/tokens/dist/index.css index abd5ac841df..f7521258b95 100644 --- a/tokens/dist/index.css +++ b/tokens/dist/index.css @@ -967,10 +967,10 @@ --spectrum-alert-banner-to-top-text: var(--spectrum-alert-banner-top-to-text); --spectrum-alert-banner-to-bottom-text: var(--spectrum-alert-banner-bottom-to-text); --spectrum-color-area-border-width: var(--spectrum-border-width-100); - --spectrum-color-area-border-rounding: var(--spectrum-corner-radius-100); + --spectrum-color-area-border-rounding: var(--spectrum-corner-radius-medium-size-small); --spectrum-color-wheel-color-area-margin: 12px; --spectrum-color-slider-border-width: 1px; - --spectrum-color-slider-border-rounding: 4px; + --spectrum-color-slider-border-rounding: var(--spectrum-corner-radius-medium-size-small); --spectrum-floating-action-button-drop-shadow-blur: 12px; --spectrum-floating-action-button-drop-shadow-y: 4px; --spectrum-illustrated-message-maximum-width: 380px; @@ -1046,7 +1046,32 @@ --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium); --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large); --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large); - --spectrum-corner-radius-75: 2px; + --spectrum-corner-radius-0: 0px; + --spectrum-corner-radius-75: 3px; + --spectrum-corner-radius-100: 4px; + --spectrum-corner-radius-200: 5px; + --spectrum-corner-radius-300: 6px; + --spectrum-corner-radius-400: 7px; + --spectrum-corner-radius-500: 8px; + --spectrum-corner-radius-600: 9px; + --spectrum-corner-radius-700: 10px; + --spectrum-corner-radius-800: 16px; + --spectrum-corner-radius-1000: 0.5; + --spectrum-corner-radius-none: var(--spectrum-corner-radius-0); + --spectrum-corner-radius-small-default: var(--spectrum-corner-radius-100); + --spectrum-corner-radius-medium-default: var(--spectrum-corner-radius-500); + --spectrum-corner-radius-large-default: var(--spectrum-corner-radius-700); + --spectrum-corner-radius-extra-large-default: var(--spectrum-corner-radius-800); + --spectrum-corner-radius-full: var(--spectrum-corner-radius-1000); + --spectrum-corner-radius-small-size-small: var(--spectrum-corner-radius-75); + --spectrum-corner-radius-small-size-medium: var(--spectrum-corner-radius-100); + --spectrum-corner-radius-small-size-large: var(--spectrum-corner-radius-200); + --spectrum-corner-radius-small-size-extra-large: var(--spectrum-corner-radius-300); + --spectrum-corner-radius-medium-size-extra-small: var(--spectrum-corner-radius-300); + --spectrum-corner-radius-medium-size-small: var(--spectrum-corner-radius-400); + --spectrum-corner-radius-medium-size-medium: var(--spectrum-corner-radius-500); + --spectrum-corner-radius-medium-size-large: var(--spectrum-corner-radius-600); + --spectrum-corner-radius-medium-size-extra-large: var(--spectrum-corner-radius-700); --spectrum-drop-shadow-x: 0px; --spectrum-android-elevation: 2dp; --spectrum-spacing-50: 2px; @@ -1839,8 +1864,6 @@ --spectrum-side-navigation-bottom-to-text: 10px; --spectrum-tray-top-to-content-area: 5px; --spectrum-accordion-top-to-text-spacious-small: 12px; - --spectrum-corner-radius-100: 5px; - --spectrum-corner-radius-200: 10px; --spectrum-drop-shadow-y: 2px; --spectrum-drop-shadow-blur: 6px; --spectrum-text-to-visual-50: 8px; @@ -3205,8 +3228,6 @@ --spectrum-side-navigation-bottom-to-text: 8px; --spectrum-tray-top-to-content-area: 4px; --spectrum-accordion-top-to-text-spacious-small: 9px; - --spectrum-corner-radius-100: 4px; - --spectrum-corner-radius-200: 8px; --spectrum-drop-shadow-y: 1px; --spectrum-drop-shadow-blur: 4px; --spectrum-text-to-visual-50: 6px;