From 1a3bfeed3185e0a5cfd4203f65c562b018030e87 Mon Sep 17 00:00:00 2001 From: Jory Tindall Date: Wed, 22 Jan 2025 16:08:05 -0800 Subject: [PATCH] Removed migration notes and consolidated some of the content --- .../components/CHANGELOG-FIGMA-COMPONENTS.md | 221 +----------------- .../partials/figma-library-components.md | 221 +----------------- 2 files changed, 14 insertions(+), 428 deletions(-) diff --git a/packages/components/CHANGELOG-FIGMA-COMPONENTS.md b/packages/components/CHANGELOG-FIGMA-COMPONENTS.md index 454e98ded5..cbe71baa23 100644 --- a/packages/components/CHANGELOG-FIGMA-COMPONENTS.md +++ b/packages/components/CHANGELOG-FIGMA-COMPONENTS.md @@ -10,6 +10,13 @@ Released HDS Components UI Kit v2.0. HDS Components UI Kit v1.0 is now deprecated and will no longer receive updates or support. +!!! Insight + +**Migration Note** + +Many of the changes in the Figma v2.0 Library will result in a breaking change when replacing the v1.0 library components. For a comprehensive list of how these changes will impact your designs, refer to the [changelog document](https://docs.google.com/document/d/1q9IGtrsVOf3KrSBGb8AdF3OhPUm3fYAwPdhSml7onMM/edit?tab=t.0#heading=h.15f60fqiivvr). +!!! + #### General changes - Improved consistency in component naming conventions @@ -36,14 +43,6 @@ Released HDS Components UI Kit v2.0. HDS Components UI Kit v1.0 is now deprecate - Content properties (including icon swapping, text, and actions) have been exposed in the properties panel. - To enable this, a nested local component has been created for alert content. This local component is shared with the Toast. -!!! Insight - -**Migration Note** - -- Instance swapping the Button nested component may result in the Alert having a `medium` Button rather than defaulting to the `small` Button. Consumers should update this to use the `Button` variant. -- Due to the consolidation of this component, all Alerts will need to be reset (AlertPage, AlertCompact, AlertInline) and re-mapped to the component. -!!! - `AppFooter` - Added local tokens for dark theme colors (these are hidden from publishing). @@ -67,26 +66,11 @@ Released HDS Components UI Kit v2.0. HDS Components UI Kit v1.0 is now deprecate - Exposed the nested properties for Breadcrumb::Item and Breadcrumb::Truncation on Breadcrumb. - Updated the naming conventions to match components in code. -!!! Insight - -**Migration Note** - -- Due to the new naming conventions and consolidated subcomponents, nearly all instances of the Breadcrumb will require relinking. -- Breadcrumb instances with type set to `text` will require repopulating the text. -!!! - `Button` - The "master" buttons for each size have been removed for easier maintenance. The properties of the "master" component have been moved to the main Button component. - `Disabled` is no longer an option within the state properties, it is now a separate boolean property to better align with code, and with the treatment of other components in the system. -!!! Insight - -**Migration Note** - -Due to the removal of the master nested component, all instances of Button will need to be relinked and the text repopulated. -!!! - `Card` - Changed `color` variant names to match the code API (from `neutral-0` to `neutral-primary` and `neutral-50` to `neutral-secondary`). @@ -94,13 +78,6 @@ Due to the removal of the master nested component, all instances of Button will - Removed the "Card-Container / Basic" component. Now that instance swap is common practice, the "basic" card is unnecessary. - Renamed this new single component to Card. -!!! Insight - -**Migration Note** - -With the removal of "Card-Container / Basic", all instances of that component should be replaced with Card and the contents be created as local components to be placed inside of the instance swap. -!!! - `CodeBlock` - Added local variables for custom color values (these are hidden from publishing). @@ -112,13 +89,6 @@ With the removal of "Card-Container / Basic", all instances of that component sh - Added `error` status to match the Ember component. - Code API includes a text argument that can be used to override the label, but since this component uses a nested Button that is not exposed in the properties panel (due to the number of settings that should not be overridden in the CopyButton), consumers will need to click into the text layer in order to change the text. -!!! Insight - -**Migration Note** - -Due to changes in the Button, consumers will need to reset each CopyButton and repopulate text. -!!! - `Copy / Snippet` - Added `focus` state for the `success` status. @@ -132,99 +102,42 @@ Due to changes in the Button, consumers will need to reset each CopyButton and r - `Disabled` is no longer an option within the state property, it is now a separate `isDisabled` boolean to better align with code and the treatment of other components in the system. - Simplified the layer structure and build of all ListItem components as well as Toggle components. -!!! Insight - -**Migration Note** - -Due to the number of changes within the layer structure of all Dropdown components, consumers will need to relink and likely repopulate all instances. -!!! - `Flyout` - Now uses Dialog Primitive as a base component - Now features max-width settings in Figma that match the property in code. - Added a [Template] component that combines the Flyout with the Overlay. -!!! Insight - -**Migration Note** - -Due to the new structure using the Dialog Primitive as a base, most instances of the Flyout will need to be relinked. -!!! - `Form / Primitives` - New ".Label" local component to account for repeated label elements. - Instead of using booleans for required and optional (which allowed consumers to accidentally enable both at once), these have been combined into an `indicator` property to better align with code. - Changed the name of ".baseText" to ".ValueText" to use a more semantic name. -!!! Insight - -**Migration Note** - -Due to the new component layer and naming conventions, each instance of Form::Fieldset will need to have text repopulated. -!!! - `Form / Checkbox` - Changed all naming to better match the component in code and subcomponent names. - Removed unnecessary variants with Checkbox::Field, migrated to use booleans, and exposed nested properties to simplify the component usability. - Created local nested instances for ".Checkmark" and ".Indeterminate" icons for easier maintenance. -!!! Insight - -**Migration Note** - -Due to the new component layer and naming structures, each instance of Checkbox::Base, Checkbox::Field, and Checkbox::Group will need to be relinked and repopulated. -!!! - `Form / File Input` Changed the structure fo FileInput::Field to expose nested properties rather than using additional variants for control state, labels, helper text, and error message. -!!! Insight - -**Migration Note** - -Due to the new component layer and naming conventions, each instance of FileInput::Base and FileInput::Field will need to be relinked and helper/error text be repopulated. -!!! - `Form / Masked Input` Simplified the construction of MaskedInput::Field by exposing nested component instances for label, character count, control, helper text, and error message. -!!! Insight - -**Migration Note** - -Due to the new nesting structure, all instances of MaskedInput will need to be repopulated with content once relinked. -!!! - `Form / Radio` - Changed the structure of Radio::Field to expose nested properties rather than using additional variants for radio settings, helper text, and error message. - Exposed nested instances on Radio::Group to make it easier to customize each line item within the group. -!!! Insight - -**Migration Note** - -Due to the removal of certain variants in favor of nested properties, all instances of Radio::Field and Radio::Group will need to be relinked and all text repopulated. -!!! - `Form / Radio Card` - Updated ".RadioCard::Item" to include text properties for all customizable text fields. - Updated RadioCard::Group to expose nested instances of helper text, error text, and card items. -!!! Insight - -**Migration Note** - -- Due to the restructuring of the component and addition of nested properties, all instances of RadioCard::Group will need to be relinked and all text repopulated. -- Please note that the intention of the layout in the card group is for the longest card to determine the overall height of the group. Once the longest card has been determined, set all other cards to "Fill Height" to ensure that all cards have the same height. -!!! - `Form / Select` - "OptionList / Item" and "OptionGroupLabel" have been hidden in favor of the use of "[Browser] OptionList" and/or "[Template] Select". @@ -233,14 +146,6 @@ Due to the removal of certain variants in favor of nested properties, all instan - Select::Field now exposes nested component properties from Select::Base for control state, text within the control, label text, and label indicator (required/optional). - Added a [Template] component for easier use of combined components in dropdown layouts. -!!! Insight - -**Migration Note** - -- Due to the restructuring of these components and the addition of nested properties, all instances of Select::Base and Select::Field will need to be relinked and all text repopulated. -- If designs are using the individual deprecated "OptionList / Item" components to create custom option lists, we recommend replacing the lists with the component options "[Browser] OptionList" and/or "[Template] Select." -!!! - `Form / Super Select` - Text is now customizable as part of the ".value" nested component rather than text layer. This allows the text value to be customized in the properties panel. @@ -256,58 +161,23 @@ Due to the removal of certain variants in favor of nested properties, all instan - SuperSelect::Single::Base now allows the control to use placeholder text or a filled style in addition to the generic instance. - SuperSelect::Single::Field has been simplified in structure using exposed nested components for the control, label, helper text, and error message. -!!! Insight - -**Migration Note** - -Due to the comprehensive restructuring, these components and their properties will need to be repopulated when relinked. -!!! - `Form / Text Input` - TextInput::Base now has a nested component called ".Value" that allows customization of the text in the control from the properties panel. - All Text Input components use TextInput::Base and local components for error messaging, indicators, character count, and labels with exposed nested properties in order to reduce the number of variants and streamline maintenance of the entire component set. -!!! Insight - -**Migration Note** - -Due to the comprehensive restructuring, these components and their properties will need to be repopulated when relinked. -!!! - `Form / Textarea` - Textarea::Base now has a nested component called ".Value" that allows customization of the text in the control from the properties panel. - Textarea::Field now uses nested components for the control, label, helper text, error messaging, and character count in order to reduce the number of variants needed and streamline the maintenance of the component. -!!! Insight - -**Maintenance Note** - -Due to the comprehensive restructuring, these components and their properties will need to be repopulated when relinked. -!!! - `Form / Toggle` - Toggle::Field has been simplified using nested components with exposed properties for label, control, helper text, and error messaging. - Toggle::Group now has a horizontal layout option. -!!! Insight - -**Migration Note** - -Due to the comprehensive restructuring, these components and their properties will need to be repopulated when relinked. -!!! - `Icon Tile` - Combined two components into a single component which better aligns to the component in code. -!!! Insight - -**Migration Note** - -Because of the consolidation into one component, all instances of the Icon Tile will need to be reset. -!!! - `Link / Standalone Link` - Small cleanup changes only. `Modal` @@ -316,13 +186,6 @@ Because of the consolidation into one component, all instances of the Icon Tile - Now features a max-width setting in Figma that match the code settings. - Created a [Template] component that combines the Modal with the Overlay. -!!! Insight - -**Migration Note** - -Due to the new structure using the Dialog Primitive component, all instances of the Modal will need to be relinked. -!!! - `Page Header` - No longer has a property for `iconTileType` since there is now only one Icon Tile. `Pagination` @@ -331,31 +194,10 @@ Due to the new structure using the Dialog Primitive component, all instances of - The truncation ellipsis has been moved from being contained within the "\_NavNumber" to it's own local component to better match the code component API. - Pagination::Compact and Pagination::Numbered are now separate components to better match the code component API and allow compact pagination with or without labels on the "NavArrow" elements. -!!! Insight - -**Migration Note** - -Due to the comprehensive restructuring, some overrides to the original component may need to be repopulated. -!!! - `Reveal` - Small cleanup changes only. -!!! Insight - -**Migration Note** - -If overrides were made to the nested Button in design files, this content may need to be repopulated due to breaking changes in the Button component. -!!! - `Rich Tooltip` - The pointer shape for both Tooltip types has been consolidated into one ".Pointer" component. -!!! Insight - -**Migration Note** - -This component had minor cleanup changes, but changes within the generic instance may require relinking to other components or variables. -!!! - `Segmented Group` - Expose nested instances of Button in "SegmentedButton" and "SegmentedDropdown" for easier customization. @@ -363,13 +205,6 @@ This component had minor cleanup changes, but changes within the generic instanc - Fixed issues with the border radius that caused issues with the focus state not adjusting for `leading` and `trailing` position variants. - Added several [Template] components for commonly used Segmented Group variant combinations. -!!! Insight - -**Migration Note** - -Due to the comprehensive restructuring, these components and their properties will need to be repopulated when relinked. -!!! - `Separator` - Small cleanup changes only. `Side Nav` @@ -377,13 +212,6 @@ Due to the comprehensive restructuring, these components and their properties wi - The ".ListItem" subcomponent now exposes nested component instances for the Badge and Badge Count. - All ".Body" content exposes nested components of ".ListItem" components, revealing all custom options for subcomponents in the properties panel. -!!! Insight - -**Migration Note** - -Due to the comprehensive restructuring and layer reorganization, these components and their properties will need to be repopulated when relinked. -!!! - `Stepper Indicator` - Small cleanup changes only. `Table` @@ -392,56 +220,21 @@ Due to the comprehensive restructuring and layer reorganization, these component - Reduced the number of variants in the Cell::Base using boolean and instance properties. - Added several [Template] components for easier assembly of tables by row or with a simple starting point. -!!! Insight - -**Migration Note** - -Due to the comprehensive restructuring and layer reorganization, these components and their properties will need to be repopulated when relinked. -!!! - `Tabs` - Exposed nested properties for all ".Tab" subcomponents. - Added a max-height for each ".Tab" to match code. -!!! Insight - -**Migration Note** - -Due to the new nesting structure and layer reorganization, this component will need to be relinked and content repopulated. -!!! - `Tags` - Corrected an error where Figma would default certain variants to their focus state. -!!! Insight - -**Migration Note** - -Text should persist when relinking this component but some settings may need to be reselected for proper styling of dismiss buttons and links. -!!! - `Toast` - This component now shares a local component (".Content") with the Alert. - Added a boolean property allowing the dismiss button to be toggled on and off. - All content is now editable in the properties panel. -!!! Insight - -**Migration Note** - -Due to the new nested component structure, all content will need to be repopulated in each instance of this component. -!!! - `Tooltip` - The pointer shape for both Tooltip types has been consolidated into one ".Pointer" component. -!!! Insight - -**Migration Note** - -Content for the Tooltip text should persist but the pointer direction may need to be reset due to the new nested component structure. -!!! - ## September 11th, 2024 `Text Input` - Added support for types `Tel`, `Week` and `Month`. diff --git a/website/docs/whats-new/release-notes/partials/figma-library-components.md b/website/docs/whats-new/release-notes/partials/figma-library-components.md index a467a40a0d..93ecce5ce2 100644 --- a/website/docs/whats-new/release-notes/partials/figma-library-components.md +++ b/website/docs/whats-new/release-notes/partials/figma-library-components.md @@ -40,6 +40,13 @@ Released HDS Components UI Kit v2.0. HDS Components UI Kit v1.0 is now deprecate ##### Component changes +!!! Insight + +**Migration Note** + +Many of the changes in the Figma v2.0 Library will result in a breaking change when replacing the v1.0 library components. For a comprehensive list of how these changes will impact your designs, refer to the [changelog document](https://docs.google.com/document/d/1q9IGtrsVOf3KrSBGb8AdF3OhPUm3fYAwPdhSml7onMM/edit?tab=t.0#heading=h.15f60fqiivvr). +!!! + `Accordion` - Exposed nested instances for individual Accordion Items in the properties panel. `Alert` @@ -48,14 +55,6 @@ Released HDS Components UI Kit v2.0. HDS Components UI Kit v1.0 is now deprecate - Content properties (including icon swapping, text, and actions) have been exposed in the properties panel. - To enable this, a nested local component has been created for alert content. This local component is shared with the Toast. -!!! Insight - -**Migration Note** - -- Instance swapping the Button nested component may result in the Alert having a `medium` Button rather than defaulting to the `small` Button. Consumers should update this to use the `Button` variant. -- Due to the consolidation of this component, all Alerts will need to be reset (AlertPage, AlertCompact, AlertInline) and re-mapped to the component. -!!! - `AppFooter` - Added local tokens for dark theme colors (these are hidden from publishing). @@ -79,26 +78,11 @@ Released HDS Components UI Kit v2.0. HDS Components UI Kit v1.0 is now deprecate - Exposed the nested properties for Breadcrumb::Item and Breadcrumb::Truncation on Breadcrumb. - Updated the naming conventions to match components in code. -!!! Insight - -**Migration Note** - -- Due to the new naming conventions and consolidated subcomponents, nearly all instances of the Breadcrumb will require relinking. -- Breadcrumb instances with type set to `text` will require repopulating the text. -!!! - `Button` - The "master" buttons for each size have been removed for easier maintenance. The properties of the "master" component have been moved to the main Button component. - `Disabled` is no longer an option within the state properties, it is now a separate boolean property to better align with code, and with the treatment of other components in the system. -!!! Insight - -**Migration Note** - -Due to the removal of the master nested component, all instances of Button will need to be relinked and the text repopulated. -!!! - `Card` - Changed `color` variant names to match the code API (from `neutral-0` to `neutral-primary` and `neutral-50` to `neutral-secondary`). @@ -106,13 +90,6 @@ Due to the removal of the master nested component, all instances of Button will - Removed the "Card-Container / Basic" component. Now that instance swap is common practice, the "basic" card is unnecessary. - Renamed this new single component to Card. -!!! Insight - -**Migration Note** - -With the removal of "Card-Container / Basic", all instances of that component should be replaced with Card and the contents be created as local components to be placed inside of the instance swap. -!!! - `CodeBlock` - Added local variables for custom color values (these are hidden from publishing). @@ -124,13 +101,6 @@ With the removal of "Card-Container / Basic", all instances of that component sh - Added `error` status to match the Ember component. - Code API includes a text argument that can be used to override the label, but since this component uses a nested Button that is not exposed in the properties panel (due to the number of settings that should not be overridden in the CopyButton), consumers will need to click into the text layer in order to change the text. -!!! Insight - -**Migration Note** - -Due to changes in the Button, consumers will need to reset each CopyButton and repopulate text. -!!! - `Copy / Snippet` - Added `focus` state for the `success` status. @@ -144,99 +114,42 @@ Due to changes in the Button, consumers will need to reset each CopyButton and r - `Disabled` is no longer an option within the state property, it is now a separate `isDisabled` boolean to better align with code and the treatment of other components in the system. - Simplified the layer structure and build of all ListItem components as well as Toggle components. -!!! Insight - -**Migration Note** - -Due to the number of changes within the layer structure of all Dropdown components, consumers will need to relink and likely repopulate all instances. -!!! - `Flyout` - Now uses Dialog Primitive as a base component - Now features max-width settings in Figma that match the property in code. - Added a [Template] component that combines the Flyout with the Overlay. -!!! Insight - -**Migration Note** - -Due to the new structure using the Dialog Primitive as a base, most instances of the Flyout will need to be relinked. -!!! - `Form / Primitives` - New ".Label" local component to account for repeated label elements. - Instead of using booleans for required and optional (which allowed consumers to accidentally enable both at once), these have been combined into an `indicator` property to better align with code. - Changed the name of ".baseText" to ".ValueText" to use a more semantic name. -!!! Insight - -**Migration Note** - -Due to the new component layer and naming conventions, each instance of Form::Fieldset will need to have text repopulated. -!!! - `Form / Checkbox` - Changed all naming to better match the component in code and subcomponent names. - Removed unnecessary variants with Checkbox::Field, migrated to use booleans, and exposed nested properties to simplify the component usability. - Created local nested instances for ".Checkmark" and ".Indeterminate" icons for easier maintenance. -!!! Insight - -**Migration Note** - -Due to the new component layer and naming structures, each instance of Checkbox::Base, Checkbox::Field, and Checkbox::Group will need to be relinked and repopulated. -!!! - `Form / File Input` Changed the structure fo FileInput::Field to expose nested properties rather than using additional variants for control state, labels, helper text, and error message. -!!! Insight - -**Migration Note** - -Due to the new component layer and naming conventions, each instance of FileInput::Base and FileInput::Field will need to be relinked and helper/error text be repopulated. -!!! - `Form / Masked Input` Simplified the construction of MaskedInput::Field by exposing nested component instances for label, character count, control, helper text, and error message. -!!! Insight - -**Migration Note** - -Due to the new nesting structure, all instances of MaskedInput will need to be repopulated with content once relinked. -!!! - `Form / Radio` - Changed the structure of Radio::Field to expose nested properties rather than using additional variants for radio settings, helper text, and error message. - Exposed nested instances on Radio::Group to make it easier to customize each line item within the group. -!!! Insight - -**Migration Note** - -Due to the removal of certain variants in favor of nested properties, all instances of Radio::Field and Radio::Group will need to be relinked and all text repopulated. -!!! - `Form / Radio Card` - Updated ".RadioCard::Item" to include text properties for all customizable text fields. - Updated RadioCard::Group to expose nested instances of helper text, error text, and card items. -!!! Insight - -**Migration Note** - -- Due to the restructuring of the component and addition of nested properties, all instances of RadioCard::Group will need to be relinked and all text repopulated. -- Please note that the intention of the layout in the card group is for the longest card to determine the overall height of the group. Once the longest card has been determined, set all other cards to "Fill Height" to ensure that all cards have the same height. -!!! - `Form / Select` - "OptionList / Item" and "OptionGroupLabel" have been hidden in favor of the use of "[Browser] OptionList" and/or "[Template] Select". @@ -245,14 +158,6 @@ Due to the removal of certain variants in favor of nested properties, all instan - Select::Field now exposes nested component properties from Select::Base for control state, text within the control, label text, and label indicator (required/optional). - Added a [Template] component for easier use of combined components in dropdown layouts. -!!! Insight - -**Migration Note** - -- Due to the restructuring of these components and the addition of nested properties, all instances of Select::Base and Select::Field will need to be relinked and all text repopulated. -- If designs are using the individual deprecated "OptionList / Item" components to create custom option lists, we recommend replacing the lists with the component options "[Browser] OptionList" and/or "[Template] Select." -!!! - `Form / Super Select` - Text is now customizable as part of the ".value" nested component rather than text layer. This allows the text value to be customized in the properties panel. @@ -268,58 +173,23 @@ Due to the removal of certain variants in favor of nested properties, all instan - SuperSelect::Single::Base now allows the control to use placeholder text or a filled style in addition to the generic instance. - SuperSelect::Single::Field has been simplified in structure using exposed nested components for the control, label, helper text, and error message. -!!! Insight - -**Migration Note** - -Due to the comprehensive restructuring, these components and their properties will need to be repopulated when relinked. -!!! - `Form / Text Input` - TextInput::Base now has a nested component called ".Value" that allows customization of the text in the control from the properties panel. - All Text Input components use TextInput::Base and local components for error messaging, indicators, character count, and labels with exposed nested properties in order to reduce the number of variants and streamline maintenance of the entire component set. -!!! Insight - -**Migration Note** - -Due to the comprehensive restructuring, these components and their properties will need to be repopulated when relinked. -!!! - `Form / Textarea` - Textarea::Base now has a nested component called ".Value" that allows customization of the text in the control from the properties panel. - Textarea::Field now uses nested components for the control, label, helper text, error messaging, and character count in order to reduce the number of variants needed and streamline the maintenance of the component. -!!! Insight - -**Maintenance Note** - -Due to the comprehensive restructuring, these components and their properties will need to be repopulated when relinked. -!!! - `Form / Toggle` - Toggle::Field has been simplified using nested components with exposed properties for label, control, helper text, and error messaging. - Toggle::Group now has a horizontal layout option. -!!! Insight - -**Migration Note** - -Due to the comprehensive restructuring, these components and their properties will need to be repopulated when relinked. -!!! - `Icon Tile` - Combined two components into a single component which better aligns to the component in code. -!!! Insight - -**Migration Note** - -Because of the consolidation into one component, all instances of the Icon Tile will need to be reset. -!!! - `Link / Standalone Link` - Small cleanup changes only. `Modal` @@ -328,13 +198,6 @@ Because of the consolidation into one component, all instances of the Icon Tile - Now features a max-width setting in Figma that match the code settings. - Created a [Template] component that combines the Modal with the Overlay. -!!! Insight - -**Migration Note** - -Due to the new structure using the Dialog Primitive component, all instances of the Modal will need to be relinked. -!!! - `Page Header` - No longer has a property for `iconTileType` since there is now only one Icon Tile. `Pagination` @@ -343,31 +206,10 @@ Due to the new structure using the Dialog Primitive component, all instances of - The truncation ellipsis has been moved from being contained within the "\_NavNumber" to it's own local component to better match the code component API. - Pagination::Compact and Pagination::Numbered are now separate components to better match the code component API and allow compact pagination with or without labels on the "NavArrow" elements. -!!! Insight - -**Migration Note** - -Due to the comprehensive restructuring, some overrides to the original component may need to be repopulated. -!!! - `Reveal` - Small cleanup changes only. -!!! Insight - -**Migration Note** - -If overrides were made to the nested Button in design files, this content may need to be repopulated due to breaking changes in the Button component. -!!! - `Rich Tooltip` - The pointer shape for both Tooltip types has been consolidated into one ".Pointer" component. -!!! Insight - -**Migration Note** - -This component had minor cleanup changes, but changes within the generic instance may require relinking to other components or variables. -!!! - `Segmented Group` - Expose nested instances of Button in "SegmentedButton" and "SegmentedDropdown" for easier customization. @@ -375,13 +217,6 @@ This component had minor cleanup changes, but changes within the generic instanc - Fixed issues with the border radius that caused issues with the focus state not adjusting for `leading` and `trailing` position variants. - Added several [Template] components for commonly used Segmented Group variant combinations. -!!! Insight - -**Migration Note** - -Due to the comprehensive restructuring, these components and their properties will need to be repopulated when relinked. -!!! - `Separator` - Small cleanup changes only. `Side Nav` @@ -389,13 +224,6 @@ Due to the comprehensive restructuring, these components and their properties wi - The ".ListItem" subcomponent now exposes nested component instances for the Badge and Badge Count. - All ".Body" content exposes nested components of ".ListItem" components, revealing all custom options for subcomponents in the properties panel. -!!! Insight - -**Migration Note** - -Due to the comprehensive restructuring and layer reorganization, these components and their properties will need to be repopulated when relinked. -!!! - `Stepper Indicator` - Small cleanup changes only. `Table` @@ -404,56 +232,21 @@ Due to the comprehensive restructuring and layer reorganization, these component - Reduced the number of variants in the Cell::Base using boolean and instance properties. - Added several [Template] components for easier assembly of tables by row or with a simple starting point. -!!! Insight - -**Migration Note** - -Due to the comprehensive restructuring and layer reorganization, these components and their properties will need to be repopulated when relinked. -!!! - `Tabs` - Exposed nested properties for all ".Tab" subcomponents. - Added a max-height for each ".Tab" to match code. -!!! Insight - -**Migration Note** - -Due to the new nesting structure and layer reorganization, this component will need to be relinked and content repopulated. -!!! - `Tags` - Corrected an error where Figma would default certain variants to their focus state. -!!! Insight - -**Migration Note** - -Text should persist when relinking this component but some settings may need to be reselected for proper styling of dismiss buttons and links. -!!! - `Toast` - This component now shares a local component (".Content") with the Alert. - Added a boolean property allowing the dismiss button to be toggled on and off. - All content is now editable in the properties panel. -!!! Insight - -**Migration Note** - -Due to the new nested component structure, all content will need to be repopulated in each instance of this component. -!!! - `Tooltip` - The pointer shape for both Tooltip types has been consolidated into one ".Pointer" component. -!!! Insight - -**Migration Note** - -Content for the Tooltip text should persist but the pointer direction may need to be reset due to the new nested component structure. -!!! - ### September 11th, 2024 `Text Input` - Added support for types `Tel`, `Week` and `Month`.