Changelog

15.2.0

• Molekylen “Hero” (v2.3.0)

  • Förändrad markup och CSS ger den samma paddings som övrigt innehåll på sidan.

• (Ny) Atomen “Key value”

  • Ny komponenent menad för osorterad data i key/value-par

• Atomen “Logo”

  • Ny logotyp i SVG-format

• Molekylen “Logo sitename”

  • Inkluderar nu den nya SVG-logotypen
  • Ny padding för att justera sitename till nya logotypen

• Förbättringar i gulp script

15.1.1

• Globala variabler i följande:
  • Breadcrumbs
  • Footer-logo-group
  • Header
  • Main-nav
  • Table
  • Toplinks

15.1.0

• Molekylen “Navigation bar”

  • Nytt active state

• Globala variabler i följande:

  • Lists
  • Message cookies
  • Messages
  • Pagination
  • Pagination elements
  • Tabs
  • Video

15.0.0

• Core

  • Bytt till globala variabler för spacing i _position.scss
  • Paddingklasserna utökade för att matcha den nya spacing-skalan
  • Position-klasser har utökats för att matcha den nya spacing-skalan

• Molekylen “Image hero” bytt namn till “Hero” (v1.0.3)

• Molekylen “Navigation bar”

  • Brytade ändringar i markup/klassnamn. Navigationen fyller nu 1440px och containern 100%.

• Förbättringar av molekyler och organismer

  • Settings genomgångna.

• Hero - helt ny version

  • Brytande ändringar i markup pga helt ny komponent
  • Modifiers –secondary och –rounded finns kvar.

14.0.0

• Atomen “Button” (1.0.0.20200123)
  • Användning av globala variabler.

• Atomen “Caption hero” (2.0.0)
  • Brytande ändringar i markup - utilityklasser i nya core/_position.scss krävs.
  • Variants “secondary” och “rounded” visas.

• Atomen “Circle button” (2.0.1)
  • Brytande ändringar i settings - kopiera över nya i ditt lokala projekt.
  • Nytt namn “Button circle” - uppdatera dina sökvägar.

• Atomen “Labels” (1.0.0.20200121)
  • Bytt namn till “Label” - uppdatera dina sökvägar.

• Atomen “Link” (1.0.0.20200120)
  • Brytande ändringar i settings - kopiera över nya i ditt lokala projekt.

• Molekylen “Block Icon Link” (1.0.0.202001231353)
  • CSS-klassen –primary har bytts namn till --secondary för att det får konsekvensen via återanvändning av komponenten Atoms/button-circle.
  • Variablers namn i filen .settings.scss har bytts för användning av globala variabler.

• Molekylen “Video” (v1.0.0.20200110)
  • Ny status “rework” och planerad utveckling är listad.

• Pipelines tillagda för packagist
  • Stilguiden publiceras på packagist via en pipeline i Azure
  • “Core” och “Settings” publiceras på packagist via en pipline i Azure och läses sedan in från Packagist.

• (Ny) Molekyl “Navigation bar” (v1.0.0.20200127)

• Mappen ‘scss’ flyttad till repona RhStyleguideCore och RhStyleguideCoreSettings
  • Ny fil “marked for deletion” i RhStyleguideCore förtecknar kod på väg ut.
  • Koden genomgången

• Core (v1.3.0)
  • Ny fil _position.scss med utilityklasser för absolut positionering. Används av caption hero.

• Potentiellt brytande ändringar: Atomernas settingsfiler genomgånga

13.0.0 (2020-01-09)

• Molekylen “Tabs” (v1.0.0.20200109)
  • ny markup
  • klassnamn enligt BEM
  • tweakad css
  • kompatibilitet med WAI-aria authoring practices
  • ny config
  • skapat js-fil som hanterar keybindings för focusbeteende
  • settingsfil skapad

• Template “General” (v1.0.0.20200108)
  • Organismen “Header” ersätter lösa komponenter i huvudet.

• Molekylen “Pagination” (v1.0.0.20200108)
  • Settingsfil introducerad

12.0.0 (2020-01-08)

Brytande ändringar:

• Atomen “Search field” (v1.0.0.20191227)
  • nya klassnamn enligt BEM
  • delat upp atomen i variants.

• Molecylen “Image caption” (v2.0.0)
  • nya klassnamn enligt BEM
  • Settingsfil skapad

• Molekylen “Linkgroup” (v1.0.0.20191230)
  • nya klassnamn enligt BEM
  • ny markupstruktur
  • ny javascript
  • settingsfil skapad
  • CSS genomgången
  • Beteende enligt wai-aria authoring practices

• Molekylen “Logo sitename” (v.1.0.0.202001021815)
  • nya klassnamn enligt BEM
  • ny hbs-fil med utbrutna atomer som renderas
  • settingsfil skapad

• Molekylen “News info” (v1.0.0)
  • nya klassnamn enligt BEM
  • settingsfil skapad
  • överflödig kod raderad

• Molekylen “Searh elements” (v1.0.0.20200108)
  • nya klassnamn enligt BEM
  • ny markup
  • omskriven css
  • ny hbs
  • ny config-fil med variants
  • settingsfil skapad.

• Organismen “Header” (v1.0.0.20191227)
  • nya klassnamn enligt BEM
  • hbs uppstädad för att kunna inkluderas i templates

Utökningar:

• (ny) atom “Logo” (1.0.1)

• (ny) atom “Sitename” (v1.0.0.202001021842)

• Atomen “link” (v1.0.0.20200108)
  • fokusstate definierat
  • extendClass-funktionalitet introducerat.

• Molekylen “block” (v1.3.0)
  • stöd för attributet “background”)

• Molekylen “feedback” (v1.0.0.20191227)
  • Settingsfil skapad
  • Rensad på onödig kod.

• Molekylen “last-updated (v1.0.0)
  • justerad hbs utan överflödig klass

Mindre ändringar:

• Molekylen “Menu mobile” (v1.0.0.20200103)
  • Status “rework” och uppdaterad readme.

• Molekylen “Menu mobil” (v1.0.0.20200103)
  • status “rework” och uppdaterad readme.

• Molekylen “navigation block” (v.1.0.0.20191227)

  • default bakgrundsfärg ändrad för att fungera i templates

• Organismen “navigation block group” (v.1.0.0.20191227)

  • default bakgrundsfärg ändrad för att fungera i templates

11.1.1 (2019-12-18)

Förbättringar:

• @mixin create-clickable-element-effect
• @mixin create-icon-button-effect
• Komponenten Molecules/navigation-block
  • Beteenden :focus och :focus-within blir bättre på IE11 och Safari.
  • HTML struktur blir enklare för implementation.

11.1.0 (2019-12-17)

• Nya funktioner:

  • Komponent - Molecules/block-icon-link -> Hela gruppen (en icon och en länk som är bredvid) är klickbar.
  • @mixin create-icon-button-effect
  • Utilities:
    • rh-icon--font-family (font-family: ‘feather’)
    • rh-w--fit-content (with: fit-content)

• Förbättringar:

  • Atoms/circle-button (ny beteendet --warning)
  • Molecules/article-block (använda inte längre @mixin)
  • Molecules/contact-info (använda inte längre @mixin)

• Brytande - Molecules/search-external-link: komponenten får ny beteendet --warning och ny struktur för återanvändning av andra komponenter som är circle-button, block-icon-link o.s.v.

11.0.0 (2019-12-10)

• Brytande ändringar: Molekylen “Event card calendar” omimplementerad.

10.1.1 (2019-12-09)

• Atomen “button” har fått separata effekter (:hover, :active, :focus) och det blir enklare och mer flexibel för att justera inställningar.
• Dependencies har uppdaterats (Fractal, Babel, ESLint o.s.v.)

10.1.0

Ändringar:

• Molekylen “Feedback” renderar button istället för att hårdkoda
• Organismen “Feedback last updated” har fått en ny .hbs-fil utan hårdkodade komponenter.
• Atomen “Heading underlined” har fått större omarbetning
• Organismen “Article group” använder nu atomen “Heading underlined” och har färre egna regler.

10.0.0

Brytande ändringar

Atomen “pagination elements”

• --left ersätter -previous
• --right ersätter next

Molekylen “pagination”

• Klassen rh-pagination-group är raderad. Funktionen har tagits över av existerande rh-pagination-link.

Andra ändringar

• Config och .hbs genomgången på “pagination elements” och “pagination”
• Mindre ändring i labels och dess sökväg.

9.9.5

• Breadcrumbs fått status “rework” och planerad utveckling i readme-filen.
• De nu oanvända mapparna “releases” och “sites” har raderats.

9.9.4 (2019-11-25)

• Byggmiljö får bättre prestanda och felhantering.
• Uppdaterat filen site.building.json.

9.9.3

Template “general/content page” korrigerad då en ingående komponent inte längre har prefix.

9.9.2 (2019-11-25)

• Fitxat prefix för filnamn i Organisms/breadcrumbs komponent. Det börjar med breadcrumbs*.
• Uppdaterat dependencies för byggmiljö (Babel, ESLint).

9.9.1

Namngivning av mappar återgått till atoms, molecules, organisms, templates utan “v” efter att alla komponenter flyttat till gitrepon. OBS! Organisms är nu i pluralform. Se över sökvägar i projekten.

9.9.0

Organismer som flyttat till gitrepon och fått nya sökvägar:

• Article group
• Block group
• Breadcrumbs
• Calendar
• Feedback last updated
• Footer
• Footer group
• Footer logo
• Footer logo group
• Header
• Main nav
• Navigation block group
• Search
• Table
• Toplinks

(Ett antal av dessa har också rensats på prefixet “Rh” i navigationen och sökvägar)

9.8.1 (2019-11-22)

• Förbättring av:
  • Grid system.
  • Organism/rh-breadcrums komponent (settings).
  • Byggmiljö får bättre prestanda.

9.8.0

Molekyler som flyttat till gitrepon och fått nya sökvägar:

• Menu
• Menu Mobile
• Messages
• Navigation block
• Navigation card
• News info
• Page nav
• Pagination
• Personal info
• Search elements
• Search external link
• Search external link 1177
• Secondary nav
• Tabs
• Unit info
• Video

(Ett antal av dessa har också rensats på prefixet “Rh” i navigationen och på hänvisningar till gamla github-stories.)

9.7.0

Molekyler som flyttat till gitrepon och fått nya sökvägar:

• Article
• Blurbs
• Calendar Element
• Event card calendar
• Feedback
• Feedback form
• Label Previous
• Last updated
• Linkgroup
• Lists
• Logo sitename

9.6.0

Ändringar

• Menu fått bättre prestanda och stöd för att stänga med esc.
• Cookie notice fått tweakad javascript för bättre prestanda.
• Templates är nu tillgängliga för att visa hur komponenterna fungerar tillsammans på en sida.
• Nytt kommando gulp help.

Ändrade statusar

• Molekylen “label previous” har fått statusen “Inväntar ombyggnad” och README-fil som inkluderar planerad utveckling
• Molekylen “linkgroup” har fått statusen “Inväntar ombyggnad” och README-fil.
• Molekylen “lists” har fått statusen “Inväntar ombyggnad” och README-fil.
• Molekylen “Logo sitename” fått statusen “Inväntar ombyggnad” och README-fil med planerad utveckling.
• Molekylen “Menu” fått statusen “Inväntar ombyggnad” och README-fil med planerad utveckling.

Ändrade sökvägar pga flytt till gitrepon - atomerna:

• Badge
• Card
• Filter
• Form
• Form control text
• Form control textare
• Link
• Round button
• Search field
• Text

9.5.1

Byggmiljö

• Ny alternativ när man kör gulp builds och gulp releases
  • -o - Overwrite - Det kommer skriva över befintliga filer.
  • -m - Minify - Det minifierar både CSS och JS filer.
• Exempel:
  • $ gulp builds -s -m -o vuxhalland
  • $ gulp releases -s -m vardgivare

9.5.0

Nya sökvägar

• Atomen “Visual element” har markerats som klar och flyttat till vAtom och ligger i gitrepo
• Molekylen “Cookie notice” omdöpt till “Message cookies”, flyttad till gitrepo, tweakad config och fått README

Ändringar

• Ny status “Fasas ut - end of life” med koden “eol” är nu tillgänglig.
• Ny status “Inväntar ombyggnad” med koden “rework” är nu tillgänglig.
• Statusindikatorerna i vänstermenym är nu solida för bättre synlighet.
• Atomen “Form control text” har fått uppdaterad status och readme.
• Atomen “Form control textarea” fått uppdaterad status och readme.
• Atomen “Link” visar navigationslänkar, status uppdaterad och fått README
• Atomen “Search field” har fått uppdaterad status och en README.
• Atomen “Text” genomgången med config-fil, hbs-fil och skapat README.
• Molekylen “Feedback form” är något justerad och har nu statusen “Inväntar ombyggnad” eftersom den skall flyttas till organismer.
• Dokumentationen nu fått en synligare plats ovanför komponenterna i navigationen.

9.4.1

Ny funktion

• Utilities/rh-dp--inline-flex

Förbättring

• @mixin-components.scss - Kondition för att generera inne effekter har ändrats från “and” till “or”.
• Använda block version 1.2.0
• Använda image-hero version 1.0.1

9.4.0

Nya sökvägar

• Atomen “Pagination elements” flyttat till gitrepo och fått ny sökväg
• Atomen “Button” flyttat till gitrepo och fått ny sökväg

Markerade som “End of life”

• Atomen “Form”
• Atomen “Avatar”
• Atomen “Badge”
• Atomen “Round button”
• Molekylen “Article”
• Molekylen “Blurbs”
• Molekylen “Rh personal info”
• Molekylen “Rh unit info”
• Molekylen “Calendar element”
• Organismen “Rh footer”
• Organismen “Rh footer logo”
• Organismen “Rh calendar”

9.3.0

• Ny atom introducerad “Heading underlined” - ligger i vAtoms

9.2.0

Komponenter som flyttat till gitrepon och fått nya sökvägar

• Atomen labels
• Molekylen “buttongroup elements”
• Organismen “buttongroup”

9.1.0

Utökningar

• Ny molekyl “Buttongroup elements”

Ändringar

• Atomen “Labels” fått texten flyttad till configfilen för att kunna skrivas över när man inkluderar atomen i en annan komponent
• Atomen “Button” har fått större text och padding på mindre viewports
• Molekylen “Buttongroup” har nu flyttat till organismer och inkluderar buttongroup elements.

9.0.3

Brytande ändring

• Organism - Komponenten rh-toplinks har bytts namn till toplinks

Förbättring

• Molecules - navigation-block har fått förbättringar.
  • Man kan nu justera beteenden :hover, :active, :focus-within för icon.
  • Det stödjer bättre IE11.

9.0.2 (b99e9716)

Förbättring

• Molecules/block - Updaterats till version 1.1.1 -> Komponenten använder ny version av @mixin create-clickable-element-effect som finns i Stilguiden från version 9.0.1
• Byggmiljö:
  • Updaterat dependencies till senast versioner.
  • Använda ny paketen: ESLint, jQuery, EditorConfig

9.0.1 (917193ec)

Förbättring

• @mixin create-clickable-element-effect - Man har nu två alternativ för att välja. Det blir mer flexibel:
  • effect-outside
  • effect-inside
• Komponenten navigation-block - Använda ny @mixin för effekter (:active, :hover, :focus-within).
• Byggmyljö:
  • Bättre felhantering.
  • Tydligare meddelande.

9.0.0

Brytande ändringar

Molekylen “rh shortcuts”

• Molekylen flyttat till ett vMolecules och fått ny sökväg
• Ny markup
• Bytt namn till “block shortcuts”
• Fokusbeteende definierat
• Tillgänglighet förbättrad - listan namnges av rubriken
• Readme-fil med versionshistorik och implementeringsråd
• Settings-fil introducerad
• Sass-filen genomgången och strukturerad
• Den blå varianten raderades

Ej brytande ändringar

• vMolekylen “article block” uppdaterades till 1.0.1 som återställde labels från skiss och tidigare implementation
• Denna dokumentation kompletterades med information om tidigare releaser

8.6.0 (f0dd4a4b)

Nya funktioner

• Klickbar element - Det gör hela en element blir klickbar. Man kan skapa elementens beteende
  • rh-element--clickable
  • rh-element--clickable-link
• Molecules/navigation-block - Det finns en ny variant Clickable som kan vara klickbar. Varianterna är nu:
  • Default
  • Clickable
• Organism/navigation-block-group - Det finns en ny variant Clickable som varje element kan vara klickbar. Varianterna är nu:
  • Default
  • With container
  • Clickable (Det har med sig också container för snabb användning)

Förbättring

• Molecules/block - Det använder @mixin för att ha konsekvent beteende från Stilguides grunden.

8.5.0

Komponenter flyttade till gitrepos och fått nya sökvägar:

• Contact info 1.0.0 - molekyl
• Filter alphabet 1.0.0 - molekyl

8.4.0

Komponenter flyttade till gitrepos och fått nya sökvägar:

• Article block 1.0.0 - molekyl
• Caption hero 1.0.0 - atom
• Image hero 1.0.0 - molekyl
• Image caption 1.0.0 - molekyl

Andra ändringar

• Article block 1.0.0 - Introducerat versionshistorik för komponeten under “Notes”

8.3.0

Molekyl: Navigation left 1.1.0

• Flyttat till vMolecules i stilguiden - peka om sökvägen till vMolecules vid användning.

8.2.0

Utökningar

Molekyl: Filter alphabet 1.0.0

• Fullt stöd för settingsfil.
• Fokus-beteende introducerat.
• Versionshistorik för komponenten skapad under “Notes”.
• Exempelkoden uppdaterad.
• Stöd för --inactive som visuellt indikerar inaktiverade val.

8.1.5 (b419de66)

Ändringar

• “Footer logo group”-organismen justerades för att förbättra logotypernas positionering.

8.1.4 (7560eac5)

Ändringar

• “Footer logo group”-organismen fick den extra varianten “has links”.

8.1.3 (d0a3cf9c)

Merge-konflikt ordnad

8.1.2

Ändringar

• “Contact info”-molekylen fått ändringar för tillgänglighetens skull

8.1.1 (3b2eb1d3)

Ändringar

• “Article block”-molekylen fick bättre utseende på fokus-state vid radbrytning

8.1.0

Ändringar

• “Back to top”-molekylen flyttad till vMolecules och fått en ny sökväg.

Version 8.0.0

Beteendebrytande ändringar

• Den extra captionklass som fanns i molekylen “image hero” är borttagen. Används den nya settings-filen för “caption hero” istället.

Övriga ändringar

Atomer

• Avatar visas med korrekt muspekare och två bokstäver istället för ikon.
• Caption hero har fått settingsfil och är markerad som färdig.

Molekyler

• Image hero har fått en settingsfil
• Article block 1.0.0: focusstate skapat
• Navigation left 1.1.0: focusstate och readme skapat.

Version 7.3.0 (4d6e1dae)

Period: 2019-10-18 - 2019-10-22

Nya komponenter

• Molecules/menu

Förbättring

• @mixin
  • Det finns nu nya containers:
    • rh-container-py
    • rh-container-p
  • Befintliga containers:
    • rh-container-px
    • rh-container–auto
• Använda många verktyg i Stilguides grunden istället för specifika containers i varje komponent:
  • Organism/block-group
  • Organism/navigation-block-group
  • Organism/footer-group

Det blir bättre prestanda, snabbare för implementation, enklare för underhållning och utveckling samt bättre konsekvent mellan komponenter i Stilguiden.

7.2.0

Utökningar

• Circle button-atomen fått stöd för modifiern –secondary

7.1.0

Ändringar

• Molekylen “back to top” angiven som klar.

7.0.0

Brytande ändringar

• “Iconlink”-molekylen raderad.

Version 6.1.1 (2019-10-17)

Period: 2019-10-16 - 2019-10-17

Nya komponenter

• Molecules/contact-info - Det kommer bli en ersättning för komponenten Molecules/rh-unit-info

Förbättring

• Molecules/article-block - Fixat <time> tags beteende på Safari (både iOS och MacOS)

Byggmiljö

• Ny funktion med kommandon $ gulp dev -r:
  • Man kan omkompilera filer i /public mappen. Exempel:
    • /public/css/components.css
    • /public/css/components.css.map
    • /public/js/components.js
  • Det är använbart när man behöver fixa merge konflikt för parallell brancher eller bara vill omkompilera Stilguiden för senast uppgradering efter man har pullat ner en branch.
• Förbättring för Gulp avvaktning (*.json adderats).

6.1.0

6.0.1

Versionsnummer i sites building justerat.

6.0.0

Samlingsrelease av en längre periods ändringar - släpptes innan 5.2.0, men ligger i otakt pga att branchen 5.2.0 mergats in.

5.2.0 (2019-10-15)

Period: 2019-10-01 - 2019-10-15

Nya komponenter

Vi börjar använda versions formatet [versionnumber]-[timestamp] för alpha, beta o.s.v. (Se mer på design.regionhalland.se)

• Molecules/article-block
• Organism/article-group
• Organism/footer-logo-group

Förbättring

• Atoms/pagination-elements - en ny klass --current skapas för återanvändning.
• Molecules/message - Använda inställningar
• Grid system
  • row-gutters
  • col-item-eq-height
  • row-section-gutters
• Verktyg
  • rh-overflow*
  • rh-section-gutter-lx*
• Dokumentation för grid system och verktyg.

Byggmiljö

• BrowserSync installeras därför man behöver köra $ npm install för att uppdatera alla npm paket i lokalt efter man har pullat ner master branchen.
• /gulpfile.js har en ny prov funktion som är DevServe. Det gäller för endast utveckling och fungerar liknande som man kör gulp som vanligt. Det kommer bli smidigare för:
  • BrowserSync server fungerar tillsamans med Fractal server:
    • Fractal sköter back-end.
    • BrowserSync sköter front-end (CSS injektion och omladdning).
  • Stilguiden ombygger bara delen som finns ändringar utan bygger allt hela tiden som det har gjort innan. Det är nu separata komplikationer och gäller för respektive filformat (*.css, *.hbs, *.js, *.md, *.{svg,png,gif,jpg}).
• Målet är att Stilguiden fungerar smidigare, snabbare och har en bättre prestanda under utveckling.
• Användning:
  • Kör $ gulp dev för att starta utveckling server.
  • Lokalt server är på http://localhost:3000/ som vanligt.

5.0.0

4.2.0

4.1.0

4.0.0

3.0.0

2.0.0

0.2.0

0.1.0