diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz index b4dec898986..17fc32cf1ca 100644 Binary files a/.yarn/install-state.gz and b/.yarn/install-state.gz differ diff --git a/src/pages/components/checkbox/code.mdx b/src/pages/components/checkbox/code.mdx index 5c6d51cb253..be74637d77d 100755 --- a/src/pages/components/checkbox/code.mdx +++ b/src/pages/components/checkbox/code.mdx @@ -68,5 +68,9 @@ documentation, see the Storybooks for each framework below. label: 'Default', variant: 'components-checkbox--default', }, + { + label: 'With AI slug', + variant: 'experimental-unstable-slug-examples--checkbox', + }, ]} /> diff --git a/src/pages/components/checkbox/usage.mdx b/src/pages/components/checkbox/usage.mdx index 1914bf6aada..a343562d749 100755 --- a/src/pages/components/checkbox/usage.mdx +++ b/src/pages/components/checkbox/usage.mdx @@ -48,6 +48,10 @@ AI explainability feature when AI is present in the component. label: 'Default', variant: 'components-checkbox--default', }, + { + label: 'With AI slug', + variant: 'experimental-unstable-slug-examples--checkbox', + }, ]} /> diff --git a/src/pages/components/data-table/code.mdx b/src/pages/components/data-table/code.mdx index b6cc217250d..649064a2353 100644 --- a/src/pages/components/data-table/code.mdx +++ b/src/pages/components/data-table/code.mdx @@ -125,6 +125,15 @@ usage documentation, see the Storybooks for each framework below. label: 'With Overflow Menu', variant: 'components-datatable-toolbar--with-overflow-menu', }, + { + label: 'Sorting (with AI slug)', + variant: 'experimental-unstable-slug-datatable--column-slug-sort', + }, + { + label: 'Selection and Expansion (with AI slug)', + variant: + 'experimental-unstable-slug-datatable--slug-with-selection-and-expansion', + }, ]} /> diff --git a/src/pages/components/data-table/usage.mdx b/src/pages/components/data-table/usage.mdx index 9a8b507ab30..9486da88fab 100755 --- a/src/pages/components/data-table/usage.mdx +++ b/src/pages/components/data-table/usage.mdx @@ -94,6 +94,15 @@ your product's users. label: 'With Overflow Menu', variant: 'components-datatable-toolbar--with-overflow-menu', }, + { + label: 'Sorting (with AI slug)', + variant: 'experimental-unstable-slug-datatable--column-slug-sort', + }, + { + label: 'Selection and Expansion (with AI slug)', + variant: + 'experimental-unstable-slug-datatable--slug-with-selection-and-expansion', + }, ]} /> diff --git a/src/pages/components/date-picker/code.mdx b/src/pages/components/date-picker/code.mdx index c3bc1d96e92..55fe2af5c60 100755 --- a/src/pages/components/date-picker/code.mdx +++ b/src/pages/components/date-picker/code.mdx @@ -89,5 +89,9 @@ usage documentation, see the Storybooks for each framework below. label: 'Fluid Single (unstable)', variant: 'experimental-unstable-fluiddatepicker--single', }, + { + label: 'Single with AI slug', + variant: 'experimental-unstable-slug-examples--date-picker', + }, ]} /> diff --git a/src/pages/components/date-picker/usage.mdx b/src/pages/components/date-picker/usage.mdx index 0227021de5b..a6e81d59284 100755 --- a/src/pages/components/date-picker/usage.mdx +++ b/src/pages/components/date-picker/usage.mdx @@ -71,6 +71,10 @@ AI explainability feature when AI is present in the component. label: 'Fluid Single (unstable)', variant: 'experimental-unstable-fluiddatepicker--single', }, + { + label: 'Single with AI slug', + variant: 'experimental-unstable-slug-examples--date-picker', + }, ]} /> diff --git a/src/pages/components/dropdown/code.mdx b/src/pages/components/dropdown/code.mdx index 4d74d666722..67ea7436a89 100755 --- a/src/pages/components/dropdown/code.mdx +++ b/src/pages/components/dropdown/code.mdx @@ -86,14 +86,26 @@ documentation, see the Storybooks for each framework below. variant: 'experimental-fluid-components-unstable-fluiddropdown--condensed', }, + { + label: 'Dropdown with AI slug', + variant: 'experimental-unstable-slug-examples--dropdown', + }, { label: 'Multiselect', variant: 'components-multiselect--default', }, + { + label: 'Multiselect with AI slug', + variant: 'experimental-unstable-slug-examples--multiselect', + }, { label: 'Filterable multiselect', variant: 'components-multiselect--filterable', }, + { + label: 'Filterable multiselect with AI slug', + variant: 'experimental-unstable-slug-examples--filterable-multiselect', + }, { label: 'Fluid multiselect (unstable)', variant: @@ -117,5 +129,9 @@ documentation, see the Storybooks for each framework below. variant: 'experimental-fluid-components-unstable-fluidcombobox--condensed', }, + { + label: 'Combobox with AI slug', + variant: 'experimental-unstable-slug-examples--combobox', + }, ]} /> diff --git a/src/pages/components/dropdown/usage.mdx b/src/pages/components/dropdown/usage.mdx index 979a7189e1c..0ce9374ef58 100755 --- a/src/pages/components/dropdown/usage.mdx +++ b/src/pages/components/dropdown/usage.mdx @@ -71,14 +71,26 @@ AI explainability feature when AI is present in the component. variant: 'experimental-fluid-components-unstable-fluiddropdown--condensed', }, + { + label: 'Dropdown with AI slug', + variant: 'experimental-unstable-slug-examples--dropdown', + }, { label: 'Multiselect', variant: 'components-multiselect--default', }, + { + label: 'Multiselect with AI slug', + variant: 'experimental-unstable-slug-examples--multiselect', + }, { label: 'Filterable multiselect', variant: 'components-multiselect--filterable', }, + { + label: 'Filterable multiselect with AI slug', + variant: 'experimental-unstable-slug-examples--filterable-multiselect', + }, { label: 'Fluid multiselect (unstable)', variant: @@ -102,6 +114,10 @@ AI explainability feature when AI is present in the component. variant: 'experimental-fluid-components-unstable-fluidcombobox--condensed', }, + { + label: 'Combobox with AI slug', + variant: 'experimental-unstable-slug-examples--combobox', + }, ]} /> diff --git a/src/pages/components/modal/code.mdx b/src/pages/components/modal/code.mdx index 6df9df1b6aa..34038ea3f35 100755 --- a/src/pages/components/modal/code.mdx +++ b/src/pages/components/modal/code.mdx @@ -85,5 +85,9 @@ documentation, see the Storybooks for each framework below. label: 'With State Manager', variant: 'components-modal--with-state-manager', }, + { + label: 'With AI slug', + variant: 'experimental-unstable-slug-examples--modal', + }, ]} /> diff --git a/src/pages/components/modal/usage.mdx b/src/pages/components/modal/usage.mdx index 8d86b186466..552cc092df8 100755 --- a/src/pages/components/modal/usage.mdx +++ b/src/pages/components/modal/usage.mdx @@ -65,6 +65,10 @@ AI explainability feature when AI is present in the component. label: 'With State Manager', variant: 'components-modal--with-state-manager', }, + { + label: 'With AI slug', + variant: 'experimental-unstable-slug-examples--modal', + }, ]} /> diff --git a/src/pages/components/number-input/code.mdx b/src/pages/components/number-input/code.mdx index 922e49a65c1..93840152a9d 100755 --- a/src/pages/components/number-input/code.mdx +++ b/src/pages/components/number-input/code.mdx @@ -72,5 +72,9 @@ usage documentation, see the Storybooks for each framework below. label: 'Fluid (unstable)', variant: 'experimental-unstable-fluidnumberinput--default', }, + { + label: 'With AI slug', + variant: 'experimental-unstable-slug-examples--number-input', + }, ]} /> diff --git a/src/pages/components/number-input/usage.mdx b/src/pages/components/number-input/usage.mdx index 35cd8c08d54..710024cdb5c 100755 --- a/src/pages/components/number-input/usage.mdx +++ b/src/pages/components/number-input/usage.mdx @@ -52,6 +52,10 @@ AI explainability feature when AI is present in the component. label: 'Fluid (unstable)', variant: 'experimental-unstable-fluidnumberinput--default', }, + { + label: 'With AI slug', + variant: 'experimental-unstable-slug-examples--number-input', + }, ]} /> diff --git a/src/pages/components/radio-button/code.mdx b/src/pages/components/radio-button/code.mdx index 1c19100cb83..19025d9b187 100755 --- a/src/pages/components/radio-button/code.mdx +++ b/src/pages/components/radio-button/code.mdx @@ -68,5 +68,9 @@ usage documentation, see the Storybooks for each framework below. label: 'Default', variant: 'components-radiobutton--default', }, + { + label: 'With AI slug', + variant: 'experimental-unstable-slug-examples--radio-button', + }, ]} /> diff --git a/src/pages/components/radio-button/usage.mdx b/src/pages/components/radio-button/usage.mdx index a9615189203..b75530c0a68 100755 --- a/src/pages/components/radio-button/usage.mdx +++ b/src/pages/components/radio-button/usage.mdx @@ -48,6 +48,10 @@ AI explainability feature when AI is present in the component. label: 'Default', variant: 'components-radiobutton--default', }, + { + label: 'With AI slug', + variant: 'experimental-unstable-slug-examples--radio-button', + }, ]} /> diff --git a/src/pages/components/select/code.mdx b/src/pages/components/select/code.mdx index 6ec834a2dfa..2ca1091a71b 100755 --- a/src/pages/components/select/code.mdx +++ b/src/pages/components/select/code.mdx @@ -76,5 +76,9 @@ documentation, see the Storybooks for each framework below. label: 'Fluid (unstable)', variant: 'experimental-unstable-fluidselect--default', }, + { + label: 'With AI slug', + variant: 'experimental-unstable-slug-examples--select', + }, ]} /> diff --git a/src/pages/components/select/usage.mdx b/src/pages/components/select/usage.mdx index 3d46d22ba7a..95a9ac737ec 100755 --- a/src/pages/components/select/usage.mdx +++ b/src/pages/components/select/usage.mdx @@ -54,6 +54,10 @@ AI explainability feature when AI is present in the component. label: 'Fluid (unstable)', variant: 'experimental-unstable-fluidselect--default', }, + { + label: 'With AI slug', + variant: 'experimental-unstable-slug-examples--select', + }, ]} /> diff --git a/src/pages/components/tag/code.mdx b/src/pages/components/tag/code.mdx index ed3b9ecd016..0c6bd933653 100755 --- a/src/pages/components/tag/code.mdx +++ b/src/pages/components/tag/code.mdx @@ -68,5 +68,9 @@ documentation, see the Storybooks for each framework below. label: 'Default', variant: 'components-tag--default', }, + { + label: 'With AI slug', + variant: 'experimental-unstable-slug-examples--tag', + }, ]} /> diff --git a/src/pages/components/tag/usage.mdx b/src/pages/components/tag/usage.mdx index 7bba3a6c2f7..835b3c10713 100755 --- a/src/pages/components/tag/usage.mdx +++ b/src/pages/components/tag/usage.mdx @@ -50,6 +50,10 @@ to the filter prop and will eventually replace the prop in v12. label: 'ReadOnly', variant: 'components-tag--read-only', }, + { + label: 'With AI slug', + variant: 'experimental-unstable-slug-examples--tag', + }, ]} /> diff --git a/src/pages/components/text-input/code.mdx b/src/pages/components/text-input/code.mdx index ed26ee3b59b..4f14f8eca8d 100755 --- a/src/pages/components/text-input/code.mdx +++ b/src/pages/components/text-input/code.mdx @@ -82,15 +82,25 @@ usage documentation, see the Storybooks for each framework below. }, { label: 'Fluid (unstable)', - variant: 'experimental-unstable-fluidtextinput--default', + variant: 'experimental-fluid-components-unstable-fluidtextinput--default', }, { label: 'Fluid with Tooltip (unstable)', - variant: 'experimental-unstable-fluidtextinput--default-with-tooltip', + variant: + 'experimental-fluid-components-unstable-fluidtextinput--default-with-tooltip', }, { label: 'Fluid with Password Input (unstable)', - variant: 'experimental-unstable-fluidtextinput--password-input', + variant: + 'experimental-fluid-components-unstable-fluidpasswordinput--default', + }, + { + label: 'Text Area with AI slug', + variant: 'experimental-unstable-slug-examples--text-area', + }, + { + label: 'Text Input with AI slug', + variant: 'experimental-unstable-slug-examples--text-input', }, ]} /> diff --git a/src/pages/components/text-input/usage.mdx b/src/pages/components/text-input/usage.mdx index 09e3213d8a3..cbe92890ce7 100755 --- a/src/pages/components/text-input/usage.mdx +++ b/src/pages/components/text-input/usage.mdx @@ -66,15 +66,25 @@ AI explainability feature when AI is present in the component. }, { label: 'Fluid (unstable)', - variant: 'experimental-unstable-fluidtextinput--default', + variant: 'experimental-fluid-components-unstable-fluidtextinput--default', }, { label: 'Fluid with Tooltip (unstable)', - variant: 'experimental-unstable-fluidtextinput--default-with-tooltip', + variant: + 'experimental-fluid-components-unstable-fluidtextinput--default-with-tooltip', }, { label: 'Fluid with Password Input (unstable)', - variant: 'experimental-unstable-fluidtextinput--password-input', + variant: + 'experimental-fluid-components-unstable-fluidpasswordinput--default', + }, + { + label: 'Text Area with AI slug', + variant: 'experimental-unstable-slug-examples--text-area', + }, + { + label: 'Text Input with AI slug', + variant: 'experimental-unstable-slug-examples--text-input', }, ]} /> diff --git a/src/pages/components/tile/code.mdx b/src/pages/components/tile/code.mdx index c0fbdf4fb03..b3d93f7c0b1 100755 --- a/src/pages/components/tile/code.mdx +++ b/src/pages/components/tile/code.mdx @@ -112,5 +112,9 @@ documentation, see the Storybooks for each framework below. label: 'Selectable with Improved Contrast (unstable)', variant: 'experimental-feature-flags-tile--selectable', }, + { + label: 'With AI slug', + variant: 'experimental-unstable-slug-examples--tile', + }, ]} /> diff --git a/src/pages/components/tile/usage.mdx b/src/pages/components/tile/usage.mdx index 13381b940ef..2fb05cdc28b 100755 --- a/src/pages/components/tile/usage.mdx +++ b/src/pages/components/tile/usage.mdx @@ -99,6 +99,10 @@ supported. label: 'Selectable with Improved Contrast (unstable)', variant: 'experimental-feature-flags-tile--selectable', }, + { + label: 'With AI slug', + variant: 'experimental-unstable-slug-examples--tile', + }, ]} />