sheen 0.3.3
sheen: ^0.3.3 copied to clipboard
A glass design system for Flutter: frosted glass, spring motion, one-accent theming and 80+ widgets, with booking widgets for travel apps.
0.3.3 #
- Trip deals as hotel deals:
SheenTripCard'sdealbadge sits top start, as onSheenPremiumCard, with the tag after it;wasLabelsays the struck price to a screen reader ("was AED 3,159").
0.3.2 #
- Deals on trips:
SheenTripCardtakesdeal(a badge on the photo, top end, such as "−5%"),wasPrice(the usual price struck through under the price) anddealNote("until 31 Oct"), asSheenPremiumCarddoes.SheenTripCard.heightFor(scaler, note: true)makes room for the deal's line in a row with a card on a deal.
0.3.1 #
- Right to left:
sheenTextDirectionOf(text), the direction a text reads in from its first letter.SheenTripCarddraws its title and eyebrow in their own direction, so an English title in an Arabic app reads "9-day Greek Isles" and is cut at its end;SheenKeyValueCarddoes the same for each label and value ("965 ft"). - Fix:
SheenTripCardkeeps each line at the heightheightForcounts whatever font draws it; Arabic text no longer overflowed the card by a pixel.
0.3.0 #
- Tours and cruises:
SheenTripCard(a carousel card the size ofSheenPremiumCard, with a tag, an eyebrow, facts and a price from),SheenTripTag,SheenItinerarywithSheenItineraryStop(days or ports on a line of numbered dots; quiet stops for days at sea) andSheenTripIcon. In the gallery under Travel → Tours & cruises and indoc/travel.md. - Icons:
SheenIcons.ship.
0.2.5 #
- pub.dev: ten screenshots, the most pub.dev shows (0.2.4 listed eleven and lost the screenshots check). The
foundation screenshot stays in
doc/foundation.md.
0.2.4 #
- Docs: deals in the gallery (Travel → On a deal), a new screenshot on pub.dev and in the README, a deals section
in
doc/travel.mdwith code, andSheenDealBadge/SheenWasPricein the widget list. No change in behaviour.
0.2.3 #
- Hotel card on a deal: the struck total moves from the name's line to the line under the total, beside the headline. On a phone the name had been cut to a few letters ("Palace Dow…").
0.2.2 #
lib/src/travel/cards.dartformatted withdart format, so the package gets its full pub.dev points again. No change in behaviour.
0.2.1 #
- Premium card on a deal: the struck total moves from the price line to the deal's line under it, before the note
("
AED 1,210.21Ends 12 Oct"). The price line keeps its nights label whole; before, the struck total pushed it out ("1 ni…"). Give the rowheightFor(scaler, note: true)when a card haswasTotalordealNote.
0.2.0 #
- Deals:
SheenDealBadgeis a red capsule for a deal's words, such as "−15%". The fill is deeper in dark themes, so the white words keep their contrast.SheenWasPriceis the price before a deal, struck through. SheenHotelCardandSheenPremiumCardtakedeal(the badge on the photo),wasTotal(struck next to the total),wasLabel(how a screen reader says it, such as "was AED 1,422") anddealNote(a line such as "Ends Sun 18 Oct").SheenPremiumCard.heightFortakesnote: truefor a row whose cards have that line.SheenPriceBlocktakeswasTotal. Without them, every card looks and reads as before.
0.1.4 #
- Score line on narrow cards: on a
SheenHotelCardthe board ("Room only") moves under the score and its words when both do not fit on one line. Before, the two halved the line, so on phones about 400 points wide the words were cut ("Wonderful · 87% rec…"). With room for both, the board stays at the end of the score's line as before.
0.1.3 #
- Scores for screen readers:
SheenHotelCardandSheenPremiumCardtake ascoreLabel, the way a screen reader says the score, such as "Guest score 4.4 out of 5". The badge still shows the number alone. Without ascoreLabelthe card reads the score as before.
0.1.2 #
- Fields over a bottom bar: a
SheenTextFieldorSheenPasswordFieldthat takes focus low on aSheenPagewith a bottom bar now scrolls clear of the bar when the keyboard comes up; before, it stopped under the bar. The newSheenBottomBarSpacesays how much of a scroll view a floating bar covers.SheenPageprovides one for its own bar; wrap your scroll view in one when you float a bar over it yourself.
0.1.1 #
Fixes found while moving the first app onto sheen.
- Sheets give their content a transparent
Material, as Flutter's bottom sheet does. An app's own Material widgets in a sheet (aTextField, aSlider) no longer fail with "No Material widget found". The text style from above the sheet stays, so sheen's type still wins over Material's. - Toasts set their own text style. A toast shown from a context outside a
SheenScope(an overlay above the app's pages) no longer draws its text in Flutter's error style, the yellow underline. - Type pins the leading distribution (even, as Material 3) in every style, as it already pinned letter spacing and line height. Text now sits in the same place under a Material ancestor and without one; before, text in a sheet sat about 1 pt lower than the same text on a page. Goldens are updated for this sub-pixel shift.
0.1.0 #
First release.
- Foundation:
SheenScope, a theme built from one accent (SheenThemeData.light/.dark), colour, type, glass and lens tokens, spacing, radii and layout widths,SheenStringsfor the few built-in words,SheenTone, and 82 icons (SheenIcon,SheenIcons). - Glass:
SheenGlassin regular, clear and prominent kinds with one shared backdrop per scope, andSheenLens. High contrast andreduceTransparencymake glass opaque. - Motion: springs (
SheenMotion),SheenPressable,SheenEntrance,SheenPhotoHeroandSheenRollingDigits; Reduce Motion turns movement into fades. - Buttons, navigation, inputs, selection, sheets, feedback, content and layout: 80+ widgets, among them the
floating tab bar, toolbars, an action bar, text, password, search and one-time-code fields, a date-range picker, a
range histogram, choice sheets, a glass menu, sheets with two heights, alerts, toasts, skeletons, empty states,
status screens, accordions, a card swiper and
SheenPagewith a large title. - Travel (
package:sheen/travel.dart): hotel, featured and city cards, price blocks, cancellation lines, score badges and map price pins, as widgets and as bitmaps for native map markers. - A gallery app in
example/and a live demo.