Release v3.0.0

🐛 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.primary.color.text.pressed.type has been added with the value: color
• altinn.component.button.outline.primary.color.border.default.value has been added with the value: {colors.blue-700}
• altinn.component.button.outline.primary.color.border.default.type has been added with the value: color
• altinn.component.button.outline.primary.color.border.hover.value has been added with the value: {colors.blue-800}
• altinn.component.button.outline.primary.color.border.hover.type has been added with the value: color
• altinn.component.button.outline.primary.color.background.default.value has been added with the value: {colors.white}
• altinn.component.button.outline.primary.color.background.default.type has been added with the value: color
• altinn.component.button.outline.primary.color.background.hover.value has been added with the value: {colors.blue-200}
• altinn.component.button.outline.primary.color.background.hover.type has been added with the value: color
• altinn.component.button.outline.primary.color.background.pressed.value has been added with the value: {colors.blue-800}
• altinn.component.button.outline.primary.color.background.pressed.type has been added with the value: color
• altinn.component.button.space.gap.small.value has been added with the value: 0.5rem
• altinn.component.button.space.gap.small.type has been added with the value: spacing
• altinn.component.button.space.gap.medium.value has been added with the value: 0.5rem
• altinn.component.button.space.gap.medium.type has been added with the value: spacing
• altinn.component.button.space.gap.large.value has been added with the value: 0.5rem
• altinn.component.button.space.gap.large.type has been added with the value: spacing
• altinn.component.button.space.padding.x.small.value has been added with the value: 1.125rem
• altinn.component.button.space.padding.x.small.type has been added with the value: spacing
• altinn.component.button.space.padding.x.medium.value has been added with the value: {space.x3}rem
• altinn.component.button.space.padding.x.medium.type has been added with the value: spacing
• altinn.component.button.space.padding.x.large.value has been added with the value: {space.x4}rem
• altinn.component.button.space.padding.x.large.type has been added with the value: spacing
• altinn.component.button.size.height.small.value has been added with the value: {size.x3}rem
• altinn.component.button.size.height.small.type has been added with the value: sizing
• altinn.component.button.size.height.medium.value has been added with the value: {size.x4}rem
• altinn.component.button.size.height.medium.type has been added with the value: sizing
• altinn.component.button.size.height.large.value has been added with the value: {size.x5}rem
• altinn.component.button.size.height.large.type has been added with the value: sizing
• altinn.component.button.size.icon.small.value has been added with the value: {size.x2}rem
• altinn.component.button.size.icon.small.type has been added with the value: sizing
• altinn.component.button.size.icon.medium.value has been added with the value: 1.875rem
• altinn.component.button.size.icon.medium.type has been added with the value: sizing
• altinn.component.button.size.icon.large.value has been added with the value: 2.5rem
• altinn.component.button.size.icon.large.type has been added with the value: sizing
• altinn.colors.blue-950.value has been added with the value: #011728
• altinn.colors.blue-950.type has been added with the value: color
• altinn.colors.red-500.value has been added with the value: #E02E49
• altinn.colors.red-500.type has been added with the value: color
• altinn.colors.green-700.value has been added with the value: #118849
• altinn.colors.green-700.type has been added with the value: color
• altinn.colors.green-600.value has been added with the value: #15A859
• altinn.colors.green-600.type has been added with the value: color
• altinn.colors.purple-600.value has been added with the value: #98177E
• altinn.colors.purple-600.type has been added with the value: color
• altinn.colors.brand.altinn.second.purple-300.value has been added with the value: #e0daf7
• altinn.colors.brand.altinn.second.purple-300.type has been added with the value: color
• altinn.colors.brand.altinn.second.purple-700.value has been added with the value: #3f3161
• altinn.colors.brand.altinn.second.purple-700.type has been added with the value: color
• altinn.colors.brand.altinn.first.200.value has been added with the value: {colors.blue-200}
• altinn.colors.brand.altinn.first.200.type has been added with the value: color
• altinn.colors.brand.altinn.first.300.value has been added with the value: {colors.blue-300}
• altinn.colors.brand.altinn.first.300.type has been added with the value: color
• altinn.colors.brand.altinn.first.500.value has been added with the value: {colors.blue-500}
• altinn.colors.brand.altinn.first.500.type has been added with the value: color
• altinn.colors.brand.altinn.first.700.value has been added with the value: {colors.blue-700}
• altinn.colors.brand.altinn.first.700.type has been added with the value: color
• altinn.colors.brand.altinn.first.800.value has been added with the value: {colors.blue-800}
• altinn.colors.brand.altinn.first.800.type has been added with the value: color
• altinn.colors.brand.altinn.first.900.value has been added with the value: {colors.blue-900}
• altinn.colors.brand.altinn.first.900.type has been added with the value: color
• altinn.colors.accessibility.tab-focus.value has been added with the value: {colors.purple-600}
• altinn.colors.accessibility.tab-focus.type has been added with the value: color
• altinn.colors.accessibility.visited.value has been added with the value: {colors.purple-700}
• altinn.colors.accessibility.visited.type has been added with the value: color

💣 Breaking changes:

• altinn.component.checkbox.color.border.focus has been removed
• altinn.component.checkbox.color.background.focus has been removed
• altinn.component.checkbox.color.text.focus has been removed
• altinn.component.textarea.color.outline has been removed
• altinn.component.textarea.size.min_height.normal has been removed
• altinn.component.textarea.size.min_height.compact has been removed
• altinn.component.toggle_button.border_width.deactive has been removed
• altinn.component.toggle_button.color.background.deactive has been removed
• altinn.component.toggle_button.color.text.deactive has been removed
• altinn.component.toggle_button.color.border.deactive has been removed
• altinn.component.button.primary has been removed
• altinn.component.button.submit has been removed
• altinn.component.button.cancel has been removed
• altinn.component.button.secondary has been removed
• altinn.component.button.space.padding.top has been removed
• altinn.component.button.space.padding.bottom has been removed
• altinn.component.button.space.padding.x.value has been removed
• altinn.component.button.space.padding.x.type has been removed
• altinn.component.button.size.min_height has been removed
• altinn.colors.purple-300 has been removed
• altinn.colors.primary has been removed
• altinn.colors.interaction.focus-outline has been removed