Skip to content

Releases: Altinn/figma-design-tokens

Release v6.0.1

02 Feb 08:15
Compare
Choose a tag to compare

🐛 Fixes:

  • Base.component.input.size.min_height.default.value value has changed from {size.x3} to {size.x3}rem

Release v6.0.0

01 Feb 07:07
Compare
Choose a tag to compare

✨ New features:

  • Base.component.icon.size.xs.value has been added with the value: 1.5rem
  • Base.component.icon.size.xs.type has been added with the value: sizing
  • Base.component.icon.size.sm.value has been added with the value: 1.875rem
  • Base.component.icon.size.sm.type has been added with the value: sizing
  • Base.component.icon.size.md.value has been added with the value: 2.25rem
  • Base.component.icon.size.md.type has been added with the value: sizing
  • Base.component.icon.size.lg.value has been added with the value: 3rem
  • Base.component.icon.size.lg.type has been added with the value: sizing
  • Base.component.icon.size.xl.value has been added with the value: 3.75rem
  • Base.component.icon.size.xl.type has been added with the value: sizing
  • Base.component.panel.color.background.default.value has been added with the value: {semantic.surface.info.subtle}
  • Base.component.panel.color.background.default.type has been added with the value: color
  • Base.component.panel.color.background.success.value has been added with the value: {semantic.surface.success.subtle}
  • Base.component.panel.color.background.success.type has been added with the value: color
  • Base.component.panel.color.background.warning.value has been added with the value: {semantic.surface.warning.subtle}
  • Base.component.panel.color.background.warning.type has been added with the value: color
  • Base.component.panel.color.arrow.default.value has been added with the value: {component.panel.color.background.default}
  • Base.component.panel.color.arrow.default.type has been added with the value: color
  • Base.component.panel.color.arrow.success.value has been added with the value: {component.panel.color.background.success}
  • Base.component.panel.color.arrow.success.type has been added with the value: color
  • Base.component.panel.color.arrow.warning.value has been added with the value: {component.panel.color.background.warning}
  • Base.component.panel.color.arrow.warning.type has been added with the value: color
  • Base.component.panel.font_size.header.breakpoint_sm.value has been added with the value: {font_size.heading.h2.breakpoint_sm}
  • Base.component.panel.font_size.header.breakpoint_sm.type has been added with the value: fontSizes
  • Base.component.panel.font_size.header.breakpoint_md.value has been added with the value: {font_size.heading.h2.breakpoint_md}
  • Base.component.panel.font_size.header.breakpoint_md.type has been added with the value: fontSizes
  • Base.component.panel.font_size.header.breakpoint_lg.value has been added with the value: {font_size.heading.h2.breakpoint_lg}
  • Base.component.panel.font_size.header.breakpoint_lg.type has been added with the value: fontSizes
  • Base.component.panel.font_size.body.breakpoint_sm.value has been added with the value: {font_size.body.large.breakpoint_sm}
  • Base.component.panel.font_size.body.breakpoint_sm.type has been added with the value: fontSizes
  • Base.component.panel.font_size.body.breakpoint_md.value has been added with the value: {font_size.body.large.breakpoint_md}
  • Base.component.panel.font_size.body.breakpoint_md.type has been added with the value: fontSizes
  • Base.component.panel.space.padding.x.xs.value has been added with the value: {space.x2}rem
  • Base.component.panel.space.padding.x.xs.type has been added with the value: spacing
  • Base.component.panel.space.padding.x.md.value has been added with the value: {space.x8}rem
  • Base.component.panel.space.padding.x.md.type has been added with the value: spacing
  • Base.component.panel.space.padding.y.xs.value has been added with the value: {space.x2}rem
  • Base.component.panel.space.padding.y.xs.type has been added with the value: spacing
  • Base.component.panel.space.padding.y.md.value has been added with the value: {space.x3}rem
  • Base.component.panel.space.padding.y.md.type has been added with the value: spacing
  • Base.component.panel.space.gap.xs.value has been added with the value: {space.base}rem
  • Base.component.panel.space.gap.xs.type has been added with the value: spacing
  • Base.component.panel.space.gap.md.value has been added with the value: {space.base}rem
  • Base.component.panel.space.gap.md.type has been added with the value: spacing
  • Base.component.panel.space.text_group.gap.xs.value has been added with the value: {space.half}rem
  • Base.component.panel.space.text_group.gap.xs.type has been added with the value: spacing
  • Base.component.panel.space.arrow_left.md.value has been added with the value: 6.688rem
  • Base.component.panel.space.arrow_left.md.type has been added with the value: spacing
  • Base.component.panel.space.arrow_left.xs.value has been added with the value: 4rem
  • Base.component.panel.space.arrow_left.xs.type has been added with the value: spacing
  • Base.component.panel.size.icon.xs.value has been added with the value: {component.icon.size.md}
  • Base.component.panel.size.icon.xs.type has been added with the value: sizing
  • Base.component.panel.size.icon.md.value has been added with the value: {component.icon.size.xl}
  • Base.component.panel.size.icon.md.type has been added with the value: sizing
  • Base.component.panel.typography.default.value.fontFamily has been added with the value: Altinn-DIN
  • Base.component.panel.typography.default.value.fontWeight has been added with the value: Regular
  • Base.component.panel.typography.default.value.lineHeight has been added with the value: 1.5
  • Base.component.panel.typography.default.value.fontSize has been added with the value: 1rem
  • Base.component.panel.typography.default.value.letterSpacing has been added with the value: 3%
  • Base.component.panel.typography.default.value.paragraphSpacing has been added with the value: 0
  • Base.component.panel.typography.default.value.textDecoration has been added with the value: none
  • Base.component.panel.typography.default.value.textCase has been added with the value: none
  • Base.component.panel.typography.default.type has been added with the value: typography
  • Base.component.panel.font_weight.heading.value has been added with the value: bold
  • Base.component.panel.font_weight.heading.type has been added with the value: fontWeights
  • Base.component.legend.font_weight.default.value has been added with the value: medium
  • Base.component.legend.font_weight.default.type has been added with the value: fontWeights
  • Base.component.label.font_weight.default.value has been added with the value: medium
  • Base.component.label.font_weight.default.type has been added with the value: fontWeights
  • Base.component.expandable_row.color.border_top.default.value has been added with the value: {semantic.border.neutral.subtle}
  • Base.component.expandable_row.color.border_top.default.type has been added with the value: color
  • Base.component.expandable_row.color.border_bottom.default.value has been added with the value: {semantic.border.neutral.subtle}
  • Base.component.expandable_row.color.border_bottom.default.type has been added with the value: color
  • Base.component.expandable_row.space.padding.x.xs.value has been added with the value: {space.base}rem
  • Base.component.expandable_row.space.padding.x.xs.type has been added with the value: spacing
  • Base.component.expandable_row.space.padding.x.md.value has been added with the value: {space.x2}rem
  • Base.component.expandable_row.space.padding.x.md.type has been added with the value: spacing
  • Base.component.expandable_row.space.padding.top.xs.value has been added with the value: 0.25rem
  • Base.component.expandable_row.space.padding.top.xs.type has been added with the value: spacing
  • Base.component.expandable_row.space.padding.bottom.xs.value has been added with the value: 0.5rem
  • Base.component.expandable_row.space.padding.bottom.xs.type has been added with the value: spacing
  • Base.component.expandable_row.space.gap.title.xs.value has been added with the value: {space.base}
  • Base.component.expandable_row.space.gap.title.xs.type has been added with the value: spacing
  • Base.component.expandable_row.space.gap.title.md.value has been added with the value: {space.x2}rem
  • Base.component.expandable_row.space.gap.title.md.type has been added with the value: spacing
  • Base.component.expandable_row.size.icon.xs.value has been added with the value: {component.icon.size.xs}
  • Base.component.expandable_row.size.icon.xs.type has been added with the value: sizing
  • Base.component.expandable_row.font_weight.header.value has been added with the value: medium
  • Base.component.expandable_row.font_weight.header.type has been added with the value: fontWeights
  • Base.component.expandable_row.font_size.header.breakpoint_sm.value has been added with the value: {font_size.400.breakpoint_sm}
  • Base.component.expandable_row.font_size.header.breakpoint_sm.type has been added with the value: fontSizes
  • Base.component.expandable_row.font_size.header.breakpoint_md.value has been added with the value: {font_size.400.breakpoint_md}
  • Base.component.expandable_row.font_size.header.breakpoint_md.type has been added with the value: fontSizes
  • Base.component.expandable_row.border_width.default.value has been added with the value: 1px
  • Base.component.expandable_row.border_width.default.type has been added with the value: borderWidth
  • Base.component.checkbox.space.gap.xsmall.value has been added with the value: 0.5rem
  • Base.component.checkbox.space.gap.xsmall.type has been added with the value: spacing
  • Base.component.checkbox.space.gap.small.value has been added with the value: {space.base}rem
  • Base.component.checkbox.space.gap.small.type has been added with the value: spacing
  • Base.component.checkbox.size.width.xsmall.value has been add...
Read more

Release v5.0.0

20 Dec 08:09
Compare
Choose a tag to compare

🐛 Fixes:

  • altinn.component.error_message.font_size.xs.value value has changed from {font_size.200} to {font_size.component-size.xs}
  • altinn.font_size.component-size.md.value value has changed from {font_size.400} to 1.125rem
  • altinn.font_size.component-size.lg.value value has changed from {font_size.600} to 1.5rem

✨ New features:

  • altinn.component.panel.font_size.header.breakpoint_sm.value has been added with the value: {font_size.heading.h2.breakpoint_sm}
  • altinn.component.panel.font_size.header.breakpoint_sm.type has been added with the value: fontSizes
  • altinn.component.panel.font_size.header.breakpoint_md.value has been added with the value: {font_size.heading.h2.breakpoint_md}
  • altinn.component.panel.font_size.header.breakpoint_md.type has been added with the value: fontSizes
  • altinn.component.panel.font_size.header.breakpoint_lg.value has been added with the value: {font_size.heading.h2.breakpoint_lg}
  • altinn.component.panel.font_size.header.breakpoint_lg.type has been added with the value: fontSizes
  • altinn.component.panel.font_size.body.breakpoint_sm.value has been added with the value: {font_size.body.large.breakpoint_sm}
  • altinn.component.panel.font_size.body.breakpoint_sm.type has been added with the value: fontSizes
  • altinn.component.panel.font_size.body.breakpoint_md.value has been added with the value: {font_size.body.large.breakpoint_md}
  • altinn.component.panel.font_size.body.breakpoint_md.type has been added with the value: fontSizes
  • altinn.component.expandable_row.font_size.header.breakpoint_sm.value has been added with the value: {font_size.400.breakpoint_sm}
  • altinn.component.expandable_row.font_size.header.breakpoint_sm.type has been added with the value: fontSizes
  • altinn.component.expandable_row.font_size.header.breakpoint_md.value has been added with the value: {font_size.400.breakpoint_md}
  • altinn.component.expandable_row.font_size.header.breakpoint_md.type has been added with the value: fontSizes
  • altinn.component.checkbox.font_size.xs.value has been added with the value: {font_size.component-size.xs}
  • altinn.component.checkbox.font_size.xs.type has been added with the value: fontSizes
  • altinn.component.checkbox.font_size.sm.value has been added with the value: {font_size.component-size.sm}
  • altinn.component.checkbox.font_size.sm.type has been added with the value: fontSizes
  • altinn.component.textarea.font_size.sm.value has been added with the value: {font_size.component-size.sm}
  • altinn.component.textarea.font_size.sm.type has been added with the value: fontSizes
  • altinn.component.toggle_button.font_size.sm.value has been added with the value: {font_size.component-size.sm}
  • altinn.component.toggle_button.font_size.sm.type has been added with the value: fontSizes
  • altinn.component.input.font_size.sm.value has been added with the value: {font_size.component-size.sm}
  • altinn.component.input.font_size.sm.type has been added with the value: fontSizes
  • altinn.component.input.font_size.md.value has been added with the value: {font_size.component-size.md}
  • altinn.component.input.font_size.md.type has been added with the value: fontSizes
  • altinn.font_size.400.breakpoint_sm.value has been added with the value: 1rem
  • altinn.font_size.400.breakpoint_sm.type has been added with the value: fontSizes
  • altinn.font_size.400.breakpoint_md.value has been added with the value: 1.125rem
  • altinn.font_size.400.breakpoint_md.type has been added with the value: fontSizes
  • altinn.font_size.500.breakpoint_sm.value has been added with the value: 1rem
  • altinn.font_size.500.breakpoint_sm.type has been added with the value: fontSizes
  • altinn.font_size.500.breakpoint_md.value has been added with the value: 1.125rem
  • altinn.font_size.500.breakpoint_md.type has been added with the value: fontSizes
  • altinn.font_size.500.breakpoint_lg.value has been added with the value: 1.25rem
  • altinn.font_size.500.breakpoint_lg.type has been added with the value: fontSizes
  • altinn.font_size.600.breakpoint_sm.value has been added with the value: 1.125rem
  • altinn.font_size.600.breakpoint_sm.type has been added with the value: fontSizes
  • altinn.font_size.600.breakpoint_sm.description has been added with the value: 18px
  • altinn.font_size.600.breakpoint_md.value has been added with the value: 1.25rem
  • altinn.font_size.600.breakpoint_md.type has been added with the value: fontSizes
  • altinn.font_size.600.breakpoint_md.description has been added with the value: 20px
  • altinn.font_size.600.breakpoint_lg.value has been added with the value: 1.5rem
  • altinn.font_size.600.breakpoint_lg.type has been added with the value: fontSizes
  • altinn.font_size.600.breakpoint_lg.description has been added with the value: 24px
  • altinn.font_size.700.breakpoint_sm.value has been added with the value: 1.25rem
  • altinn.font_size.700.breakpoint_sm.type has been added with the value: fontSizes
  • altinn.font_size.700.breakpoint_sm.description has been added with the value: 20px
  • altinn.font_size.700.breakpoint_md.value has been added with the value: 1.5rem
  • altinn.font_size.700.breakpoint_md.type has been added with the value: fontSizes
  • altinn.font_size.700.breakpoint_md.description has been added with the value: 24px
  • altinn.font_size.700.breakpoint_lg.value has been added with the value: 1.75rem
  • altinn.font_size.700.breakpoint_lg.type has been added with the value: fontSizes
  • altinn.font_size.700.breakpoint_lg.description has been added with the value: 28px
  • altinn.font_size.800.breakpoint_sm.value has been added with the value: 1.5rem
  • altinn.font_size.800.breakpoint_sm.type has been added with the value: fontSizes
  • altinn.font_size.800.breakpoint_sm.description has been added with the value: 24px
  • altinn.font_size.800.breakpoint_md.value has been added with the value: 1.75rem
  • altinn.font_size.800.breakpoint_md.type has been added with the value: fontSizes
  • altinn.font_size.800.breakpoint_md.description has been added with the value: 28px
  • altinn.font_size.800.breakpoint_lg.value has been added with the value: 2.25rem
  • altinn.font_size.800.breakpoint_lg.type has been added with the value: fontSizes
  • altinn.font_size.800.breakpoint_lg.description has been added with the value: 36px
  • altinn.font_size.900.breakpoint_sm.value has been added with the value: 1.75rem
  • altinn.font_size.900.breakpoint_sm.type has been added with the value: fontSizes
  • altinn.font_size.900.breakpoint_sm.description has been added with the value: 28px
  • altinn.font_size.900.breakpoint_md.value has been added with the value: 2.25rem
  • altinn.font_size.900.breakpoint_md.type has been added with the value: fontSizes
  • altinn.font_size.900.breakpoint_md.description has been added with the value: 36px
  • altinn.font_size.900.breakpoint_lg.value has been added with the value: 2.75rem
  • altinn.font_size.900.breakpoint_lg.type has been added with the value: fontSizes
  • altinn.font_size.900.breakpoint_lg.description has been added with the value: 44px
  • altinn.font_size.heading.h1.breakpoint_sm.value has been added with the value: {font_size.900.breakpoint_sm}
  • altinn.font_size.heading.h1.breakpoint_sm.type has been added with the value: fontSizes
  • altinn.font_size.heading.h1.breakpoint_md.value has been added with the value: {font_size.900.breakpoint_md}
  • altinn.font_size.heading.h1.breakpoint_md.type has been added with the value: fontSizes
  • altinn.font_size.heading.h1.breakpoint_lg.value has been added with the value: {font_size.900.breakpoint_lg}
  • altinn.font_size.heading.h1.breakpoint_lg.type has been added with the value: fontSizes
  • altinn.font_size.heading.h2.breakpoint_sm.value has been added with the value: {font_size.800.breakpoint_sm}
  • altinn.font_size.heading.h2.breakpoint_sm.type has been added with the value: fontSizes
  • altinn.font_size.heading.h2.breakpoint_md.value has been added with the value: {font_size.800.breakpoint_md}
  • altinn.font_size.heading.h2.breakpoint_md.type has been added with the value: fontSizes
  • altinn.font_size.heading.h2.breakpoint_lg.value has been added with the value: {font_size.800.breakpoint_lg}
  • altinn.font_size.heading.h2.breakpoint_lg.type has been added with the value: fontSizes
  • altinn.font_size.heading.h3.breakpoint_sm.value has been added with the value: {font_size.700.breakpoint_sm}
  • altinn.font_size.heading.h3.breakpoint_sm.type has been added with the value: fontSizes
  • altinn.font_size.heading.h3.breakpoint_md.value has been added with the value: {font_size.700.breakpoint_md}
  • altinn.font_size.heading.h3.breakpoint_md.type has been added with the value: fontSizes
  • altinn.font_size.heading.h3.breakpoint_lg.value has been added with the value: {font_size.700.breakpoint_lg}
  • altinn.font_size.heading.h3.breakpoint_lg.type has been added with the value: fontSizes
  • altinn.font_size.heading.h4.breakpoint_sm.value has been added with the value: {font_size.600.breakpoint_sm}
  • altinn.font_size.heading.h4.breakpoint_sm.type has been added with the value: fontSizes
  • altinn.font_size.heading.h4.breakpoint_md.value has been added with the value: {font_size.600.breakpoint_md}
  • altinn.font_size.heading.h4.breakpoint_md.type has been added with the value: fontSizes
  • altinn.font_size.heading.h4.breakpoint_lg.value has been added with the value: {font_size.600.breakpoint_lg}
  • altinn.font_size.heading.h4.breakpoint_lg.type has been added with the value: fontSizes
  • altinn.font_size.heading.h5.breakpoint_sm.value has been added with the value: {font_size.500.breakpoint_sm}
  • altinn.font_size.heading.h5.breakpoint_sm.type has been added with the value: fontSizes
  • `alti...
Read more

Release v4.3.0

04 Nov 09:59
Compare
Choose a tag to compare

✨ New features:

  • altinn.component.legend.font_weight.default.value has been added with the value: medium
  • altinn.component.legend.font_weight.default.type has been added with the value: fontWeights
  • altinn.component.label.font_weight.default.value has been added with the value: medium
  • altinn.component.label.font_weight.default.type has been added with the value: fontWeights
  • altinn.font_size.component-size.xs.value has been added with the value: {font_size.200}
  • altinn.font_size.component-size.xs.type has been added with the value: fontSizes
  • altinn.font_size.component-size.xs.description has been added with the value: 14px
  • altinn.font_size.component-size.sm.value has been added with the value: {font_size.300}
  • altinn.font_size.component-size.sm.type has been added with the value: fontSizes
  • altinn.font_size.component-size.sm.description has been added with the value: 16px
  • altinn.font_size.component-size.md.value has been added with the value: {font_size.400}
  • altinn.font_size.component-size.md.type has been added with the value: fontSizes
  • altinn.font_size.component-size.md.description has been added with the value: 18px
  • altinn.font_size.component-size.lg.value has been added with the value: {font_size.600}
  • altinn.font_size.component-size.lg.type has been added with the value: fontSizes
  • altinn.font_size.component-size.lg.description has been added with the value: 24px

Release v4.2.0

27 Oct 07:11
Compare
Choose a tag to compare

✨ New features:

  • altinn.component.fieldset.space.gap.y.xsmall.value has been added with the value: {space.base}rem
  • altinn.component.fieldset.space.gap.y.xsmall.type has been added with the value: spacing
  • altinn.component.fieldset.space.gap.y.small.value has been added with the value: 1.125rem
  • altinn.component.fieldset.space.gap.y.small.type has been added with the value: spacing
  • altinn.component.fieldset.space.gap.y.medium.value has been added with the value: {space.base}*2rem
  • altinn.component.fieldset.space.gap.y.medium.type has been added with the value: spacing
  • altinn.component.fieldset.space.gap.y.large.value has been added with the value: {space.base}*2rem
  • altinn.component.fieldset.space.gap.y.large.type has been added with the value: spacing

Release v4.1.0

18 Oct 12:52
Compare
Choose a tag to compare

✨ New features:

  • altinn.component.field_description.color.text.default.value has been added with the value: {colors.black}
  • altinn.component.field_description.color.text.default.type has been added with the value: color
  • altinn.component.field_description.space.top.xsmall.value has been added with the value: 0.375rem
  • altinn.component.field_description.space.top.xsmall.type has been added with the value: spacing

Release v4.0.0

13 Oct 08:41
Compare
Choose a tag to compare

✨ New features:

  • altinn.component.field_description.space.top.small.value has been added with the value: 0.5rem
  • altinn.component.field_description.space.top.small.type has been added with the value: spacing
  • altinn.component.checkbox.space.gap.xsmall.value has been added with the value: 0.5rem
  • altinn.component.checkbox.space.gap.xsmall.type has been added with the value: spacing
  • altinn.component.checkbox.space.gap.small.value has been added with the value: {space.base}rem
  • altinn.component.checkbox.space.gap.small.type has been added with the value: spacing
  • altinn.component.checkbox.size.width.xsmall.value has been added with the value: 1.125rem
  • altinn.component.checkbox.size.width.xsmall.type has been added with the value: sizing
  • altinn.component.checkbox.size.width.small.value has been added with the value: {size.x2}rem
  • altinn.component.checkbox.size.width.small.type has been added with the value: sizing
  • altinn.component.checkbox.size.height.xsmall.value has been added with the value: 1.125rem
  • altinn.component.checkbox.size.height.xsmall.type has been added with the value: sizing
  • altinn.component.checkbox.size.height.small.value has been added with the value: {size.x2}rem
  • altinn.component.checkbox.size.height.small.type has been added with the value: sizing
  • altinn.component.checkbox.border_width.xsmall.value has been added with the value: {border_width.standard}
  • altinn.component.checkbox.border_width.xsmall.type has been added with the value: borderWidth
  • altinn.component.checkbox.border_width.small.value has been added with the value: {border_width.standard}
  • altinn.component.checkbox.border_width.small.type has been added with the value: borderWidth
  • altinn.component.checkbox.font_size.xsmall.value has been added with the value: {font_size.200}
  • altinn.component.checkbox.font_size.xsmall.type has been added with the value: fontSizes
  • altinn.component.checkbox.font_size.small.value has been added with the value: {font_size.300}
  • altinn.component.checkbox.font_size.small.type has been added with the value: fontSizes
  • altinn.component.checkbox-group.space.gap.x.xsmall.value has been added with the value: {space.base}*2rem
  • altinn.component.checkbox-group.space.gap.x.xsmall.type has been added with the value: spacing
  • altinn.component.checkbox-group.space.gap.x.small.value has been added with the value: {space.base}*3rem
  • altinn.component.checkbox-group.space.gap.x.small.type has been added with the value: spacing
  • altinn.component.checkbox-group.space.gap.y.xsmall.value has been added with the value: 0.563rem
  • altinn.component.checkbox-group.space.gap.y.xsmall.type has been added with the value: spacing
  • altinn.component.checkbox-group.space.gap.y.small.value has been added with the value: 1.125rem
  • altinn.component.checkbox-group.space.gap.y.small.type has been added with the value: spacing

💣 Breaking changes:

  • altinn.component.checkbox.space.gap.normal has been removed
  • altinn.component.checkbox.space.gap.compact has been removed
  • altinn.component.checkbox.size.width.normal has been removed
  • altinn.component.checkbox.size.width.compact has been removed
  • altinn.component.checkbox.size.height.normal has been removed
  • altinn.component.checkbox.size.height.compact has been removed
  • altinn.component.checkbox.border_width.normal has been removed
  • altinn.component.checkbox.border_width.compact has been removed
  • altinn.component.checkbox.font_size.normal has been removed
  • altinn.component.checkbox.font_size.compact has been removed
  • altinn.component.checkbox-group.space.gap.x.normal has been removed
  • altinn.component.checkbox-group.space.gap.x.compact has been removed
  • altinn.component.checkbox-group.space.gap.y.normal has been removed
  • altinn.component.checkbox-group.space.gap.y.compact has been removed

Release v3.1.0

27 Sep 12:02
Compare
Choose a tag to compare

✨ New features:

  • altinn.interactive_components.colors.disabled.opacity.value has been added with the value: 30%
  • altinn.interactive_components.colors.disabled.opacity.type has been added with the value: color

Release v3.0.0

27 Sep 07:48
Compare
Choose a tag to compare

🐛 Fixes:

  • altinn.component.checkbox.color.border.default.value value has changed from {colors.interaction.button-default} to {colors.blue-900}
  • altinn.component.checkbox.color.border.hover.value value has changed from {colors.interaction.button-hover} to {colors.blue-700}
  • altinn.component.textarea.color.border.default.value value has changed from {colors.interaction.interaction-border-default} to {colors.blue-900}
  • altinn.component.textarea.color.border.hover.value value has changed from {colors.interaction.interaction-border-hover} to {colors.blue-700}
  • altinn.component.input.color.outline.focus.value value has changed from {colors.interaction.focus-outline} to {interactive_components.colors.focus_outline}
  • altinn.colors.green-800.value value has changed from #118849 to #0D6D3A
  • altinn.colors.green-900.value value has changed from #0D6D3A to #0C4D22
  • altinn.colors.purple-700.value value has changed from #3f3161 to #7E0C67

✨ New features:

  • altinn.interactive_components.colors.focus_outline.value has been added with the value: {colors.accessibility.tab-focus}
  • altinn.interactive_components.colors.focus_outline.type has been added with the value: color
  • altinn.interactive_components.border_radius.normal.value has been added with the value: 3px
  • altinn.interactive_components.border_radius.normal.type has been added with the value: borderRadius
  • altinn.interactive_components.border_width.normal.value has been added with the value: 2px
  • altinn.interactive_components.border_width.normal.type has been added with the value: borderWidth
  • altinn.component.checkbox.color.border.checked.value has been added with the value: {colors.blue-700}
  • altinn.component.checkbox.color.border.checked.type has been added with the value: color
  • altinn.component.checkbox.color.border.disabled.value has been added with the value: rgba({colors.blue-900}, 0.3)
  • altinn.component.checkbox.color.border.disabled.type has been added with the value: color
  • altinn.component.checkbox.color.background.checked.value has been added with the value: {colors.blue-700}
  • altinn.component.checkbox.color.background.checked.type has been added with the value: color
  • altinn.component.checkbox.color.text.checked.value has been added with the value: {colors.white}
  • altinn.component.checkbox.color.text.checked.type has been added with the value: color
  • altinn.component.checkbox.color.text.disabled.value has been added with the value: rgba({colors.black}, 0.3)
  • altinn.component.checkbox.color.text.disabled.type has been added with the value: color
  • altinn.component.textarea.size.min_height.xsmall.value has been added with the value: 6.25rem
  • altinn.component.textarea.size.min_height.xsmall.type has been added with the value: sizing
  • altinn.component.textarea.size.min_height.small.value has been added with the value: 9.375rem
  • altinn.component.textarea.size.min_height.small.type has been added with the value: sizing
  • altinn.component.textarea.size.min_height.medium.value has been added with the value: 12.5rem
  • altinn.component.textarea.size.min_height.medium.type has been added with the value: sizing
  • altinn.component.textarea.size.min_height.large.value has been added with the value: 18.75rem
  • altinn.component.textarea.size.min_height.large.type has been added with the value: sizing
  • altinn.component.textarea.size.min_height.xlarge.value has been added with the value: 25rem
  • altinn.component.textarea.size.min_height.xlarge.type has been added with the value: sizing
  • altinn.component.toggle_button.border_width.inactive.value has been added with the value: 2px
  • altinn.component.toggle_button.border_width.inactive.type has been added with the value: borderWidth
  • altinn.component.toggle_button.color.background.inactive.value has been added with the value: {colors.white}
  • altinn.component.toggle_button.color.background.inactive.type has been added with the value: color
  • altinn.component.toggle_button.color.text.inactive.value has been added with the value: {colors.black}
  • altinn.component.toggle_button.color.text.inactive.type has been added with the value: color
  • altinn.component.toggle_button.color.border.inactive.value has been added with the value: {colors.interaction.button-default}
  • altinn.component.toggle_button.color.border.inactive.type has been added with the value: color
  • altinn.component.button.filled.primary.color.background.default.value has been added with the value: {colors.interaction.button-default}
  • altinn.component.button.filled.primary.color.background.default.type has been added with the value: color
  • altinn.component.button.filled.primary.color.background.hover.value has been added with the value: {colors.interaction.button-hover}
  • altinn.component.button.filled.primary.color.background.hover.type has been added with the value: color
  • altinn.component.button.filled.primary.color.background.pressed.value has been added with the value: {colors.blue-900}
  • altinn.component.button.filled.primary.color.background.pressed.type has been added with the value: color
  • altinn.component.button.filled.primary.color.background.disabled.value has been added with the value: rgba({colors.blue-700}, 0.3)
  • altinn.component.button.filled.primary.color.background.disabled.type has been added with the value: color
  • altinn.component.button.filled.color.text.all.value has been added with the value: {colors.white}
  • altinn.component.button.filled.color.text.all.type has been added with the value: color
  • altinn.component.button.filled.success.color.background.default.value has been added with the value: {colors.green-700}
  • altinn.component.button.filled.success.color.background.default.type has been added with the value: color
  • altinn.component.button.filled.success.color.background.hover.value has been added with the value: {colors.green-800}
  • altinn.component.button.filled.success.color.background.hover.type has been added with the value: color
  • altinn.component.button.filled.success.color.background.pressed.value has been added with the value: {colors.green-900}
  • altinn.component.button.filled.success.color.background.pressed.type has been added with the value: color
  • altinn.component.button.filled.success.color.background.disabled.value has been added with the value: rgba({colors.green-700}, 0.3)
  • altinn.component.button.filled.success.color.background.disabled.type has been added with the value: color
  • altinn.component.button.filled.danger.color.background.default.value has been added with the value: {colors.red-500}
  • altinn.component.button.filled.danger.color.background.default.type has been added with the value: color
  • altinn.component.button.filled.danger.color.background.disabled.value has been added with the value: {colors.red-500}
  • altinn.component.button.filled.danger.color.background.disabled.type has been added with the value: color
  • altinn.component.button.filled.danger.color.background.hover.value has been added with the value: {colors.red-700}
  • altinn.component.button.filled.danger.color.background.hover.type has been added with the value: color
  • altinn.component.button.filled.danger.color.background.pressed.value has been added with the value: rgba({colors.red-500}, 0.3)
  • altinn.component.button.filled.danger.color.background.pressed.type has been added with the value: color
  • altinn.component.button.color.focus_outline.all.value has been added with the value: {colors.accessibility.tab-focus}
  • altinn.component.button.color.focus_outline.all.type has been added with the value: color
  • altinn.component.button.quiet.space.padding.x.small.value has been added with the value: 0.375rem
  • altinn.component.button.quiet.space.padding.x.small.type has been added with the value: spacing
  • altinn.component.button.quiet.space.padding.x.medium.value has been added with the value: 0.563rem
  • altinn.component.button.quiet.space.padding.x.medium.type has been added with the value: spacing
  • altinn.component.button.quiet.space.padding.x.large.value has been added with the value: 0.563rem
  • altinn.component.button.quiet.space.padding.x.large.type has been added with the value: spacing
  • altinn.component.button.quiet.primary.color.text.default.value has been added with the value: {colors.blue-700}
  • altinn.component.button.quiet.primary.color.text.default.type has been added with the value: color
  • altinn.component.button.quiet.primary.color.text.pressed.value has been added with the value: {colors.white}
  • altinn.component.button.quiet.primary.color.text.pressed.type has been added with the value: color
  • altinn.component.button.quiet.primary.color.text.disabled.value has been added with the value: rgba({colors.blue-700}, 0.3)
  • altinn.component.button.quiet.primary.color.text.disabled.type has been added with the value: color
  • altinn.component.button.quiet.primary.color.background.hover.value has been added with the value: {colors.blue-200}
  • altinn.component.button.quiet.primary.color.background.hover.type has been added with the value: color
  • altinn.component.button.quiet.primary.color.background.pressed.value has been added with the value: {colors.blue-700}
  • altinn.component.button.quiet.primary.color.background.pressed.type has been added with the value: color
  • altinn.component.button.outline.primary.color.text.default.value has been added with the value: {colors.blue-700}
  • altinn.component.button.outline.primary.color.text.default.type has been added with the value: color
  • altinn.component.button.outline.primary.color.text.pressed.value has been added with the value: {colors.white}
  • `altinn.component.button.outline.p...
Read more

Release v2.2.0

25 Aug 09:56
Compare
Choose a tag to compare

✨ New features:

  • altinn.component.icon_button.border_width.default.value has been added with the value: 1px
  • altinn.component.icon_button.border_width.default.type has been added with the value: borderWidth
  • altinn.component.icon_button.color.outline.focus.value has been added with the value: {colors.blue-900}
  • altinn.component.icon_button.color.outline.focus.type has been added with the value: color
  • altinn.component.icon_button.color.background.default.value has been added with the value: {colors.white}
  • altinn.component.icon_button.color.background.default.type has been added with the value: color
  • altinn.component.icon_button.color.background.hover.value has been added with the value: {colors.blue-900}
  • altinn.component.icon_button.color.background.hover.type has been added with the value: color
  • altinn.component.icon_button.color.icon.hover.value has been added with the value: {colors.white}
  • altinn.component.icon_button.color.icon.hover.type has been added with the value: color
  • altinn.component.icon_button.color.icon.disabled.value has been added with the value: rgba($colors.blue-900, 0.3)
  • altinn.component.icon_button.color.icon.disabled.type has been added with the value: color