Skip to content

@stackoverflow/stacks@3.0.0

Choose a tag to compare

View all tags
@stacks-tooling stacks-tooling released this 24 Aug 21:24
· 24 commits to main since this release
@stackoverflow/stacks@3.0.0
f2cf90a
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Major Changes

  • #1994 83db25a Thanks @dancormier! - enter prerelease mode for project shine

  • #2082 8ed0cea Thanks @giamir! - Badges: update to the new SHINE visuals

    BREAKING CHANGES:

    • .s-badge__icon removed
    • .s-badge__bounty removed
    • .s-badge__answered removed
    • .s-badge__votes removed
    • .s-badge__rep-down removed
    • .s-badge__muted removed
    • .s-badge__new renamed to .s-badge__featured

Minor Changes

  • #2077 78d6a22 Thanks @mukunku! - feat(textarea): new SHINE styles and Svelte component

    BREAKING CHANGES:

    • s-input__md removed
    • s-input__xl removed

  • #2008 4610d3a Thanks @ttaylor-stack! - Update button to new Shine styles

    BREAKING CHANGES:

    • The secondary style outlined has been removed i.e. .s-btn__outlined
    • The variant Muted has been removed
    • s-btn__md has been removed

  • #2092 c1443ec Thanks @ttaylor-stack! - Update User card to new SHINE design (part 1)

  • #2038 e0da077 Thanks @mukunku! - feat(tags): updates tag component designs for project SHINE

    BREAKING CHANGES

    Tag sizes xs and md have been removed.

  • #2123 dcac9bf Thanks @ttaylor-stack! - Update User Card to new SHINE design (part 2)

  • #2015 66bfd40 Thanks @dancormier! - Updated colors for SHINE

  • #2164 a710c69 Thanks @ttaylor-stack! - Update link component to new SHINE designs

    BREAKING CHANGES:

    • elements no longer automatically have s-link styling, s-link needs to be an explict class of any element that needs the styling
    • block-link component deleted

  • #2026 2a4a741 Thanks @ttaylor-stack! - Update border radius for new SHINE design system

    BREAKING CHANGE:

    • bar-sm and bar-lg are deprecated use bar-md instead

  • #2062 83d21b8 Thanks @dancormier! - Add Vote component

  • #2069 bb1284b Thanks @ttaylor-stack! - Update Select component in classic and svelte to new SHINE styles

    BREAKING CHANGES:

    • md and xl sizes removed

  • #2028 c9bd0f6 Thanks @dancormier! - Update typography for new SHINE design system

  • #2013 35fe29b Thanks @dancormier! - Update Bling component to match SHINE styles

  • #2187 34a2cd1 Thanks @dancormier! - Remove deprecated components (breadcrumbs, button groups, cards, expandable, link previews, page titles, progress bars, topbar, uploader)

  • #2214 97d31ab Thanks @dancormier! - Add brand color set

  • #2109 96224f0 Thanks @mukunku! - feat(notice): update styles for SHINE
    feat(toast): update styles for SHINE

    BREAKING CHANGES

    • Markup for notices has been updated

  • #2046 5e49f0b Thanks @dancormier! - Update Menu to SHINE styles; add Svelte component

  • #2070 55f3a17 Thanks @mukunku! - feat(input): update input styles for SHINE

    BREAKING CHANGES:

    • s-input__md removed
    • s-input__xl removed
    • Nested input styles slightly updated
    • optional and i18nOptionalText attributes removed from TextInput Svelte component

  • #2060 d53cdd1 Thanks @ttaylor-stack! - Updated checkbox and radio styling in Stacks Classic and documentation for SHINE
    .s-check-control has been removed
    Renamed .s-check-group to .s-form-group
    .s-checkbox and .s-radio are now expected to be on the container where .s-check-control would previously be applied. They are no longer needed on the input itself
    Added .s-checkbox__checkmark and .s-radio__checkmark to Stacks Classic
    Added Checkbox, CheckboxGroup, Radio, RadioGroup components to Stacks Svelte

  • #2132 4d3ad74 Thanks @giamir! - adjust breakpoints to the new SHINE spec

  • #2142 041f1dd Thanks @ttaylor-stack! - Update Loader (formerly known as Spinner) component to SHINE designs

    BREAKING CHANGES:

    • Spinner component has been replace with the Loader component

  • #2136 d75d9d4 Thanks @ttaylor-stack! - Add .bg-loading delete skeleton

    BREAKING CHANGES:

    Skeleton component deleted

  • #2174 df11fb5 Thanks @dancormier! - Update prose component to SHINE styles

  • #2043 6f6d576 Thanks @giamir! - Navigation updates:

    • Deprecated muted variant (.s-navigation__muted)

  • #2163 9000f2e Thanks @giamir! - update label component to new SHINE specs

  • #2035 0b1841d Thanks @ttaylor-stack! - Update pagination component to match new SHINE design system

    BREAKING CHANGES
    The next button now uses an ArrowRight and ArrowLeft icon instead of text. To apply the new styling, add the item__nav class to pagination items that represent the "Next" button.

  • #2030 da8616a Thanks @ttaylor-stack! - Update popover component to match SHINE styles

    BREAKING CHANGES:

    • s-popover--arrow css class has been removed

  • #2051 f3f078c Thanks @mukunku! - feat(badges): first batch of design updates for the badge component as part of SHINE

    BREAKING CHANGES:

    • .s-badge__xs removed
    • .s-award-bling renamed to .s-bling (used in some badge templates)

  • #2298 f17e8e8 Thanks @alexwarren! - Fix popover focus-leave dismissal

  • #2137 83464cd Thanks @dancormier! - Update Post Summary to SHINE styles

Patch Changes

  • #2118 a60053d Thanks @mukunku! - feat(banner): update styles for SHINE

    BREAKING CHANGES:

    • Banner markup has changed. New markup and icons should be applied.
    • .s-banner--btn has been replaced with .s-banner--dismiss

  • #2160 e28cc80 Thanks @giamir! - adjust button disabled state styles in HC modes

  • #2173 8ac82b8 Thanks @dancormier! - Improve badge layout

  • #2108 d91d8c8 Thanks @giamir! - Make avatar background in navigation components transparent

  • #2140 70cfb92 Thanks @dancormier! - Nudge light high contrast mode black 400, 500 for improved contrast

  • #2155 9f65cf9 Thanks @mukunku! - feat(sidebar-widget): initial SHINE design changes

  • #2158 99ebaef Thanks @giamir! - button: adjust selected variant styles

  • #2068 6de581f Thanks @giamir! - Modal: changed close icon to the new Cross beta icon (including some padding adjustments)

  • #2119 85c14d4 Thanks @dancormier! - Fix rem font size values

  • #2315 e35b99c Thanks @dancormier! - Fix atomic gap utilities so axis-specific classes emit targeted gap properties.

  • #2144 04b0c7e Thanks @dancormier! - add support for a tag having both a dismiss button and linked tag text simultaneously

  • #2065 a89da8b Thanks @giamir! - Navigation: accessibility tweaks for highcontrast mode

  • #2048 7233e20 Thanks @dancormier! - Simplify tag styles, tweak docs

  • #2091 5a8a4e1 Thanks @mukunku! - chore(bling): adjust HC colors

  • #2191 2ccdfaf Thanks @dancormier! - Fully remove cruft from removed components

  • #2168 c903ff0 Thanks @mukunku! - patch(badges): Add star icon for new user badges

  • #2178 66498cc Thanks @mukunku! - patch(avatars): Use black background in dark mode for avatars

  • #2192 fb19fe6 Thanks @dancormier! - Wrap long post-summary titles

  • #2122 93ae01b Thanks @dancormier! - Updated size scale plus many under-the-hood improvements

  • #2100 1407fb5 Thanks @mukunku! - feat(empty-state): new SHINE styles and Svelte Component
    fix(expanding-input): expands correctly now after textarea update

  • #2019 e9b8885 Thanks @giamir! - Avatar Updates:

    • Stacks Classic: Made avatar border squared. Introduced .s-avatar--indicator class for positioning an activity indicator element in relation to the avatar.

    • Stacks Svelte: Introduced a new status prop. When set to online it will show an activity indicator on the avatar.

  • #2166 c8fb945 Thanks @mukunku! - patch(toggle-switch): update to SHINE styles

  • #2176 79d687d Thanks @mukunku! - patch(buttons) - Add notice for xs size

  • #2181 dc4fa17 Thanks @mukunku! - fix(navigation): make vertical navigation more accessible

    BREAKING CHANGES:

    • Navigation markup has been updated
    • Svelte NavigationTitle component has been renamed to NavigationGroup

  • #2145 721511f Thanks @giamir! - button: adjust badge variant

  • #2066 32ae839 Thanks @dancormier! - Remove activity indicator HC mode color overrides

  • #2130 e2dea15 Thanks @giamir! - dependencies upgrade

  • #2037 73c8edd Thanks @dancormier! - Add legacy sm, lg border radius custom properties

  • #2103 2bea67e Thanks @mukunku! - chore(inputs): adjust alert icon

  • #2089 5c4b9b5 Thanks @ttaylor-stack! - Fix the following bugs:

    • Selected buttons no longer change colors when hovered
    • Swap selected state gradient colors in dark mode
    • Update contrast for selected state. 25% to 20% in light mode and 13% in dark mode
    • Add border to color to danger clear button variant in HC mode

  • #2054 13b6189 Thanks @dancormier! - Fix dark mode orange color

  • #2172 92cd983 Thanks @dancormier! - Replace all static size variables (--su-static*) with dynamic ones (--su*)

  • #2057 ec61da3 Thanks @dancormier! - Change popover close icon to Cross

  • #2027 4bd5612 Thanks @giamir! - Activity Indicator Updates:

    • Stacks Classic: Updated activity indicator component to the new visual language (default 16x16). Introduced .s-activity-indicator__sm variant (10x10).

    • Stacks Svelte: Added new ActivityIndicator component.

  • #2088 2f3cb89 Thanks @mukunku! - chore(input): fix non text input styles

  • #2322 4fb27bb Thanks @dancormier! - Update default form input border colors to black-350.

  • #2047 8854903 Thanks @mukunku! - chore(tags): tweak padding for new tag styles

  • #2171 c122d46 Thanks @mukunku! - patch(navigation): Update vertical nav text color

  • #2196 a2365c0 Thanks @giamir! - fix wrapping behavior of post-summary titles

  • #2094 ae44e91 Thanks @mukunku! - chore(colors): tweak colors to match latest values for SHINE

  • #2314 667ed7a Thanks @dancormier! - Restore transition atomic utilities to the static CSS bundle.

  • #2104 258abee Thanks @giamir! - Add predefined line-height to font size atomic classes (.fs-fine, .fs-caption, etc...)

  • #2086 efc2120 Thanks @mukunku! - chore(colors): Update Dark Mode HC Colors for 300/400 Stops

  • #2081 327f25e Thanks @giamir! - Navigation: adjust margin top of navigation title

Assets 2
Loading