Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Konsolidere spacingskala #2382

Closed
3 tasks done
onordbo opened this issue Oct 14, 2021 Discussed in #2375 · 6 comments · Fixed by #2381
Closed
3 tasks done

Konsolidere spacingskala #2382

onordbo opened this issue Oct 14, 2021 Discussed in #2375 · 6 comments · Fixed by #2381
Assignees
Labels
📚 Dokumentasjon Dokumentasjon i kodebasen, Figma eller portalen

Comments

@onordbo
Copy link
Contributor

onordbo commented Oct 14, 2021

Discussed in #2375

Originally posted by onordbo October 12, 2021
Etter litt debatt på Forum rundt bruken og dokumentasjonen av spacingverdiene våre, ble vi enige om at det ikke var noe særlig nytteverdi for oss å skille mellom komponent- og layoutverdier. Per i dag bruker vi t-skjorte størrelser (xxs, xs, s, m, osv osv). Slik jeg har forstått det på den faktiske implementasjonen i Jøkul så varierer dette mellom forkortelser av størrelsen og hele ordet. Såvidt jeg husker så hadde @Saegrov noen meninger om hvordan vi burde navngi selve klassene? Fint om vi deler litt innsikt og eventuelle andre meninger her. Jeg kan fyre opp et issue og ta meg av Figma-dokumentasjonen når vi er i boks.

Vi slår nå sammen spacing og går vekk fra to forskjellige kategorier.

To-do's

  • Definere navngivning for skalaen
  • Oppdatere Figma med de nye verdiene og klassenavnene
  • Oppdatere koden og portalen med nye verdier (Under arbeid, feat: new spacing scale #2381.)
@onordbo onordbo added 📚 Dokumentasjon Dokumentasjon i kodebasen, Figma eller portalen 🎨 design labels Oct 14, 2021
@onordbo onordbo self-assigned this Oct 14, 2021
@onordbo onordbo linked a pull request Oct 14, 2021 that will close this issue
5 tasks
@onordbo
Copy link
Contributor Author

onordbo commented Oct 14, 2021

Jøkul Bibliotek 2.0 oppdatert med ny skala.

cc @Murstam

@Murstam
Copy link
Contributor

Murstam commented Oct 18, 2021

Burde staten ha t-skjortenavn i Figma slik at designere bruker samme benevnelse og det blir tydeligere for utviklere i inspect? @onordbo

@onordbo
Copy link
Contributor Author

onordbo commented Oct 18, 2021

Jeg er ikke helt sikker på at jeg henger med her, @Murstam. Tenker du på selve "klossen" som viser avstanden visuelt da? At den burde hatt en merkelapp? Eller tenker du på merkelappene til variantene?

image

@onordbo
Copy link
Contributor Author

onordbo commented Oct 18, 2021

Figma biblioteket er nå ferdigstilt og denne saken er klar fra designsiden, og vil automatisk lukkes sammen med merging av #2381.

@piofinn
Copy link
Contributor

piofinn commented Oct 18, 2021

Stemmer for at vi fjerner "Variant" i Figma (siden den ikke lenger varierer) og kaller "state" for "Størrelse" e.l. Vi må også fikse dette før jeg blir gal:

Skjermbilde 2021-10-18 kl  16 21 05

😬😬😬

Tror man kan endre rekkefølge på valgene hvis man markerer komponenten i biblioteket (man kan dra tag'ene i Variants-panelet i hvert fall). Tagger deg for dette, jeg @onordbo 😁

Edit: Fiksa det sjæl i en Figma-branch 😅 Bare å dra inn den som heter Spacing-tweaks hvis dere er enige med meg!

@onordbo
Copy link
Contributor Author

onordbo commented Oct 18, 2021

Wups, den lista glapp jeg @piofinn, bra catch! Merget ✅

Mikaila94 added a commit that referenced this issue Oct 19, 2021
affects: @fremtind/jkl-accordion-react, @fremtind/jkl-accordion, @fremtind/jkl-alert-message-react,
@fremtind/jkl-alert-message, @fremtind/browserslist-config-jkl, @fremtind/jkl-button-react,
@fremtind/jkl-button, @fremtind/jkl-card-react, @fremtind/jkl-card, @fremtind/jkl-checkbox-react,
@fremtind/jkl-checkbox, @fremtind/jkl-cookie-consent-react, @fremtind/jkl-cookie-consent,
@fremtind/jkl-core, @fremtind/jkl-datepicker-react, @fremtind/jkl-datepicker,
@fremtind/jkl-description-list-react, @fremtind/jkl-description-list, @fremtind/jkl-feedback-react,
@fremtind/jkl-feedback, @fremtind/jkl-hamburger-react, @fremtind/jkl-hamburger,
@fremtind/jkl-image-react, @fremtind/jkl-image, @fremtind/jkl-list-react, @fremtind/jkl-list,
@fremtind/jkl-loader-react, @fremtind/jkl-loader, @fremtind/jkl-logo-react, @fremtind/jkl-logo,
@fremtind/jkl-message-box-react, @fremtind/jkl-message-box, @fremtind/jkl-progress-bar-react,
@fremtind/jkl-progress-bar, @fremtind/jkl-radio-button-react, @fremtind/jkl-radio-button,
@fremtind/jkl-react-hooks, @fremtind/jkl-select-react, @fremtind/jkl-select,
@fremtind/jkl-slider-react, @fremtind/jkl-slider, @fremtind/jkl-summary-table-react,
@fremtind/jkl-summary-table, @fremtind/jkl-table-react, @fremtind/jkl-table,
@fremtind/jkl-text-input-react, @fremtind/jkl-text-input, @fremtind/jkl-toggle-switch-react,
@fremtind/jkl-toggle-switch, @fremtind/portal

BREAKING CHANGE:
- refactores variables from jkl-core to use @use-syntax

ISSUES CLOSED: #2382
Mikaila94 added a commit that referenced this issue Oct 20, 2021
affects: @fremtind/jkl-core

BREAKING CHANGE:
new spacing scale: see migration guide for jkl-core

ISSUES CLOSED: #2382
Mikaila94 added a commit that referenced this issue Oct 20, 2021
affects: @fremtind/jkl-accordion, @fremtind/jkl-alert-message, @fremtind/jkl-button,
@fremtind/jkl-card, @fremtind/jkl-checkbox, @fremtind/jkl-constants-util,
@fremtind/jkl-cookie-consent, @fremtind/jkl-datepicker, @fremtind/jkl-description-list,
@fremtind/jkl-feedback, @fremtind/jkl-hamburger, @fremtind/jkl-image, @fremtind/jkl-list,
@fremtind/jkl-loader, @fremtind/jkl-logo, @fremtind/jkl-message-box, @fremtind/jkl-progress-bar,
@fremtind/jkl-radio-button, @fremtind/jkl-select, @fremtind/jkl-slider, @fremtind/jkl-summary-table,
@fremtind/jkl-table, @fremtind/jkl-text-input, @fremtind/jkl-toggle-switch

BREAKING CHANGE:
new spacing scale: see migration guide for jkl-core

ISSUES CLOSED: #2382
wkillerud pushed a commit that referenced this issue Oct 20, 2021
affects: @fremtind/jkl-core

BREAKING CHANGE:
new spacing scale: see migration guide for jkl-core

ISSUES CLOSED: #2382
wkillerud pushed a commit that referenced this issue Oct 20, 2021
affects: @fremtind/jkl-accordion, @fremtind/jkl-alert-message, @fremtind/jkl-button,
@fremtind/jkl-card, @fremtind/jkl-checkbox, @fremtind/jkl-constants-util,
@fremtind/jkl-cookie-consent, @fremtind/jkl-datepicker, @fremtind/jkl-description-list,
@fremtind/jkl-feedback, @fremtind/jkl-hamburger, @fremtind/jkl-image, @fremtind/jkl-list,
@fremtind/jkl-loader, @fremtind/jkl-logo, @fremtind/jkl-message-box, @fremtind/jkl-progress-bar,
@fremtind/jkl-radio-button, @fremtind/jkl-select, @fremtind/jkl-slider, @fremtind/jkl-summary-table,
@fremtind/jkl-table, @fremtind/jkl-text-input, @fremtind/jkl-toggle-switch

BREAKING CHANGE:
new spacing scale: see migration guide for jkl-core

ISSUES CLOSED: #2382
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
📚 Dokumentasjon Dokumentasjon i kodebasen, Figma eller portalen
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants