theme library
Theme infrastructure for Designsystemet Flutter components.
Provides design tokens, theme data, and scoping widgets.
Classes
- DsBorderRadiusTokens
- Design tokens for border radius values at five scale levels (sm–xl) plus a full value for pill shapes.
- DsColor
-
Fargerolle for en komponent — velger hvilken fargeskala (
DsColorScale) komponenten løses mot via DsColorScheme. - DsColorAccent
- Aksentfargen — se DsColor.accent.
- DsColorBrand1
- Første merkevarefarge — se DsColor.brand1.
- DsColorBrand2
- Andre merkevarefarge — se DsColor.brand2.
- DsColorBrand3
- Tredje merkevarefarge — se DsColor.brand3.
- DsColorCustom
- En egendefinert fargerolle identifisert med en key, for skalaer som ikke er en av de ni innebygde rollene. Opprettes via DsColor.custom.
- DsColorDanger
- Farefarge — se DsColor.danger.
- DsColorInfo
- Informasjonsfarge — se DsColor.info.
- DsColorNeutral
- Nøytral farge — se DsColor.neutral.
- DsColorScale
- A 16-step color scale with background, surface, border, text, and base tokens.
- DsColorScheme
- Named set of DsColorScales for semantic and brand colors.
- DsColorScope
- Inherited widget that sets the default DsColor for descendant components.
- DsColorSuccess
- Suksessfarge — se DsColor.success.
- DsColorWarning
- Advarselsfarge — se DsColor.warning.
- DsShadowTokens
- Design tokens for box shadows at five elevation levels (xs–xl).
- DsSizeScope
- Inherited widget that sets the default DsSize for descendant components.
- DsSizeTokens
- Spacing and sizing tokens generated from a base value and step multiplier, producing 31 sizes (size0–size30).
- DsSizeValues
- Canonical size-keyed scalar values shared across components.
- DsTheme
- Provides DsThemeData to all Designsystemet components in the widget tree.
- DsThemeData
- Immutable collection of all Designsystemet design tokens.
- DsTypography
- Typography token set generated from Designsystemet font-size and line-height scales.
- LucideIcons
- Lucide Icons
Enums
- DsAvatarVariant
-
Form på en avatar (
DsAvatar). Speiler Designsystemets Avatar-data-variant('circle' | 'square'). - DsBadgePlacement
-
Hvilket hjørne et merke (
DsBadge) plasseres i over verts-widgeten. - DsBadgeVariant
-
Visuell variant for
DsBadge. - DsBodySize
-
Størrelse for brødtekst (
DsParagraph/DsBody). - DsBodyVariant
- Linjeavstandsvariant for brødtekst.
- DsButtonVariant
-
Visuell variant for
DsButton. Speiler Designsystemets knappe-variant. - DsCardVariant
-
Visuell variant for
DsCard. Speiler Designsystemets Card-data-variant('default' | 'tinted'). - DsDetailsVariant
-
Visuell variant for
DsDetails. Speiler Designsystemets Details-data-variant('default' | 'tinted'). - DsFontWeight
- Skriftvekt for tekstkomponenter, avgrenset til vektene som finnes i Designsystemet (og som leveres som Inter-fontfiler: 400/500/600).
- DsHeadingLevel
-
Overskriftsnivå for
DsHeading, fra størst (xxl) til minst (xxs). - DsIconPosition
- Hvor et ikon plasseres i forhold til knappeteksten.
- DsPlacement
- Plassering av et overlegg (Popover/Tooltip/Dialog) i forhold til ankeret.
- DsPopoverVariant
-
Visuell variant for
DsPopover. Speiler Designsystemets Popover-data-variant('default' | 'tinted'). - DsSelectionVariant
-
Delt valg-variant for
DsTag/DsSwitch/DsCheckbox/DsRadio. Speiler Designsystemetsdata-variant, deroutlinegir en utlinjet visning og standard (udefinert i React) gir den fylte visningen. - DsSeverity
-
Alvorlighetsgrad for tilbakemeldingskomponenter (f.eks.
DsAlert). - DsSize
- Størrelsesskala for komponenter (knapp, input, avkrysningsboks osv.).
- DsSkeletonVariant
-
Form på et lasteskjelett (
DsSkeleton). - DsSortDirection
-
Sorteringstilstand for en sorterbar tabellkolonne, speiler React-attributtet
aria-sort. - DsToggleGroupVariant
-
Visuell variant for
DsToggleGroup. Speiler Designsystemets ToggleGroup-variant('primary' | 'secondary').
Extensions
- DsFontWeightValue on DsFontWeight
- Konverterer en DsFontWeight til Flutters FontWeight.
- DsSizePick on DsSize
- Selects one of three size-keyed values based on this DsSize.