Rename 'inline styling' to 'styles'

Author: madsrasmussen

packages/uui-avatar-group/lib/uui-avatar-group.story.ts

@@ -26,7 +26,7 @@ export const AAAOverview: Story = props => html`
 `;
 AAAOverview.args = { fontSize: 2, '--uui-avatar-border-color': 'white' };
 AAAOverview.argTypes = {
-  fontSize: { table: { category: 'inline styling' } },
+  fontSize: { table: { category: 'Styles' } },
   '--uui-avatar-border-color': { control: { type: 'color' } },
 };
 AAAOverview.parameters = {};

packages/uui-avatar/lib/uui-avatar.story.ts

@@ -44,9 +44,9 @@ export const AAAOverview = Template.bind({});
 AAAOverview.storyName = 'Overview';
 AAAOverview.args = { color: '#1b264f', backgroundColor: '#f5c1bc' };
 AAAOverview.argTypes = {
-  color: { table: { category: 'inline styling' } },
-  backgroundColor: { table: { category: 'inline styling' } },
-  fontSize: { table: { category: 'inline styling' } },
+  color: { table: { category: 'Styles' } },
+  backgroundColor: { table: { category: 'Styles' } },
+  fontSize: { table: { category: 'Styles' } },
 };
 AAAOverview.parameters = {
   docs: {
@@ -69,7 +69,7 @@ Picture.parameters = {
 
 export const Sizes = Template.bind({});
 Sizes.argTypes = {
-  fontSize: { table: { category: 'inline styling' } },
+  fontSize: { table: { category: 'Styles' } },
 };
 Sizes.parameters = {
   controls: { include: ['fontSize', 'name'] },
@@ -83,8 +83,8 @@ Sizes.parameters = {
 export const Colors = Template.bind({});
 Colors.args = { color: 'white', backgroundColor: 'blue' };
 Colors.argTypes = {
-  color: { table: { category: 'inline styling' } },
-  backgroundColor: { table: { category: 'inline styling' } },
+  color: { table: { category: 'Styles' } },
+  backgroundColor: { table: { category: 'Styles' } },
 };
 Colors.parameters = {
   controls: { include: ['backgroundColor', 'color', 'name'] },

packages/uui-loader-bar/lib/uui-loader-bar.story.ts

@@ -34,7 +34,7 @@ export const AAAOverview = Template.bind({});
 AAAOverview.storyName = 'Overview';
 AAAOverview.args = { color: '' };
 AAAOverview.argTypes = {
-  color: { table: { category: 'inline styling' } },
+  color: { table: { category: 'Styles' } },
 };
 AAAOverview.parameters = {
   docs: {
@@ -47,7 +47,7 @@ AAAOverview.parameters = {
 export const Color = Template.bind({});
 Color.args = { color: 'blue' };
 Color.argTypes = {
-  color: { table: { category: 'inline styling' } },
+  color: { table: { category: 'Styles' } },
 };
 Color.parameters = {
   docs: {

packages/uui-loader-circle/lib/uui-loader-circle.story.ts

@@ -34,7 +34,7 @@ AAAOverview.storyName = 'Overview';
 
 AAAOverview.args = { color: '' };
 AAAOverview.argTypes = {
-  color: { table: { category: 'inline styling' } },
+  color: { table: { category: 'Styles' } },
 };
 AAAOverview.parameters = {
   docs: {
@@ -47,7 +47,7 @@ AAAOverview.parameters = {
 export const Color = Template.bind({});
 Color.args = { color: 'blue' };
 Color.argTypes = {
-  color: { table: { category: 'inline styling' } },
+  color: { table: { category: 'Styles' } },
 };
 Color.parameters = {
   controls: { include: ['color', 'progress'] },

packages/uui-loader/lib/uui-loader.story.ts

@@ -22,5 +22,5 @@ export const Overview: Story = props =>
     style=${props.color ? 'color: ' + props.color : ''}></uui-loader>`;
 Overview.args = { color: '' };
 Overview.argTypes = {
-  color: { table: { category: 'inline styling' } },
+  color: { table: { category: 'Styles' } },
 };