tide-design-system 2.5.8 → 2.5.9

package/src/stories/TideChipInput.stories.ts

@@ -35,7 +35,6 @@ export default {
     dataTrack,
     label: {
       control: 'text',
-      description: 'Chip text',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },

package/src/stories/TideColumns.stories.ts

@@ -31,7 +31,6 @@ export default {
   argTypes: {
     heading: {
       control: 'text',
-      description: 'Determines label',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },

package/src/stories/TideDivider.stories.ts

@@ -32,7 +32,6 @@ export default {
     disabledArgType: disabledArgType, // Force updated() trigger when orientation is set to undefined.
     orientation: {
       ...formatArgType({ ORIENTATION }),
-      description: 'Determines whether Divider is horizontal or vertical',
     },
   },
   args: {

package/src/stories/TideIcon.stories.ts

@@ -13,11 +13,9 @@ export default {
   argTypes: {
     icon: {
       ...formatArgType({ ICON }),
-      description: 'Icon',
     },
     size: {
       ...formatArgType({ SIZE }),
-      description: 'Determines icon dimensions',
     },
   },
   args: {

package/src/stories/TideImage.stories.ts

@@ -64,7 +64,6 @@ export default {
   argTypes: {
     alt: {
       control: 'text',
-      description: `Text display when image can't be loaded.`,
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -72,27 +71,20 @@ export default {
     },
     height: {
       control: 'text',
-      description: 'Apply a "height" attribute to the internal image tag (including unit).',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
       },
     },
-    isLazy: {
-      ...argTypeBooleanUnrequired,
-      description: `Determines whether to delay loading until image is in viewport.`,
-    },
+    isLazy: argTypeBooleanUnrequired,
     objectFit: {
       ...formatArgType({ OBJECT_FIT_OPTIONS }),
-      description:
-        'Controls how the image scales within its box, effective only when image size differs from its intrinsic dimensions.',
       table: {
         defaultValue: { summary: 'None' },
       },
     },
     sources: {
       control: 'object',
-      description: `Determines image sources by breakpoint.`,
       isCustom: true,
       table: {
         defaultValue: { summary: 'None' },
@@ -101,7 +93,6 @@ export default {
     },
     src: {
       control: 'text',
-      description: `Image URL.`,
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -109,7 +100,6 @@ export default {
     },
     width: {
       control: 'text',
-      description: 'Apply a "width" attribute to the internal image tag (including unit).',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },

package/src/stories/TideImageBackground.stories.ts

@@ -68,7 +68,6 @@ export default {
   argTypes: {
     alt: {
       control: 'text',
-      description: `Text display when image can't be loaded.`,
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -82,13 +81,9 @@ export default {
         type: { summary: 'HTML' },
       },
     },
-    isLazy: {
-      ...argTypeBooleanUnrequired,
-      description: `Determines whether to delay loading until image is in viewport.`,
-    },
+    isLazy: argTypeBooleanUnrequired,
     sources: {
       control: 'object',
-      description: `Determines image sources by breakpoint.`,
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'Source[]' },
@@ -96,7 +91,6 @@ export default {
     },
     src: {
       control: 'text',
-      description: `Image URL.`,
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },

package/src/stories/TideIndicator.stories.ts

@@ -13,7 +13,6 @@ export default {
   argTypes: {
     label: {
       control: 'text',
-      description: 'Indicator text',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'text' },

package/src/stories/TideInputCheckbox.stories.ts

@@ -52,13 +52,9 @@ const render = (args: Args) => ({
 export default {
   argTypes: {
     dataTrack,
-    disabled: {
-      ...argTypeBooleanUnrequired,
-      description: 'Determines whether Checkbox state is interactable',
-    },
+    disabled: argTypeBooleanUnrequired,
     error: {
       control: 'text',
-      description: 'Overrides the default error message and valid state',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -77,12 +73,10 @@ export default {
     },
     indeterminate: {
       ...argTypeBooleanUnrequired,
-      description: 'Determines whether Checkbox is indeterminate',
       if: { arg: 'checked', eq: true },
     },
     inputId: {
       control: 'text',
-      description: 'Unique ID attribute<br />(to bind Checkbox label to input)',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -90,7 +84,6 @@ export default {
     },
     label: {
       control: 'text',
-      description: 'Label content',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -98,7 +91,6 @@ export default {
     },
     name: {
       control: 'text',
-      description: 'Name attribute',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -106,16 +98,12 @@ export default {
     },
     number: {
       control: 'text',
-      description: 'Parenthetical response count',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'number' },
       },
     },
-    required: {
-      ...argTypeBooleanUnrequired,
-      description: 'Determines whether input is required',
-    },
+    required: argTypeBooleanUnrequired,
     vModel: {
       control: 'boolean',
       description: 'Data binding to Vue ref',

package/src/stories/TideInputRadio.stories.ts

@@ -34,13 +34,9 @@ const render = (args: Args, context: StoryContext) => ({
 export default {
   argTypes: {
     dataTrack,
-    disabled: {
-      ...argTypeBooleanUnrequired,
-      description: 'Determines whether input is interactable',
-    },
+    disabled: argTypeBooleanUnrequired,
     inputId: {
       control: 'text',
-      description: 'Unique ID attribute<br />(to bind input label to input)',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -48,7 +44,6 @@ export default {
     },
     label: {
       control: 'text',
-      description: 'Label content',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -56,7 +51,6 @@ export default {
     },
     name: {
       control: 'text',
-      description: 'Name attribute',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -64,7 +58,6 @@ export default {
     },
     number: {
       control: 'text',
-      description: 'Parenthetical response count',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'number' },
@@ -81,7 +74,6 @@ export default {
     },
     value: {
       control: 'text',
-      description: 'Value attribute',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },

package/src/stories/TideInputSelect.stories.ts

@@ -121,10 +121,7 @@ export default {
   argTypes: {
     change,
     dataTrack,
-    disabled: {
-      ...argTypeBooleanUnrequired,
-      description: 'Determines whether Select is interactable',
-    },
+    disabled: argTypeBooleanUnrequired,
     error: {
       control: 'text',
       table: {
@@ -193,10 +190,7 @@ export default {
         type: { summary: 'string' },
       },
     },
-    required: {
-      ...argTypeBooleanUnrequired,
-      description: 'Determines whether Select is required',
-    },
+    required: argTypeBooleanUnrequired,
     suffix: {
       control: 'text',
       table: {

package/src/stories/TideInputText.stories.ts

@@ -52,14 +52,10 @@ const render = (args: Args) => ({
 
 export default {
   argTypes: {
-    autocomplete: {
-      ...argTypeBooleanUnrequired,
-      description: 'Determines whether browser attempts to autocomplete',
-    },
+    autocomplete: argTypeBooleanUnrequired,
     dataTrack,
     disabled: {
       ...argTypeBooleanUnrequired,
-      description: 'Determines whether input is interactable',
       table: {
         ...argTypeBooleanUnrequired.table,
         category: 'Native',
@@ -67,7 +63,6 @@ export default {
     },
     error: {
       control: 'text',
-      description: 'Overrides the default error message and valid state',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -75,7 +70,6 @@ export default {
     },
     errorDisplay: {
       ...formatArgType({ ERROR_DISPLAY }),
-      description: 'Determines whether errors display prior to blur',
     },
     handleValid: {
       control: 'text',
@@ -90,16 +84,13 @@ export default {
     },
     hasClear: {
       ...argTypeBooleanUnrequired,
-      description: 'Determines whether browser attempts to autocomplete',
       if: { arg: 'type', neq: TEXT_INPUT_TYPE.PASSWORD },
     },
     iconLeading: {
       ...formatArgType({ ICON }),
-      description: 'Icon at left of input value',
     },
     inputId: {
       control: 'text',
-      description: 'Unique ID attribute<br />(to bind input label to input)',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -107,7 +98,6 @@ export default {
     },
     inputmode: {
       ...formatArgType({ INPUT_MODE }),
-      description: 'Determines the input editing features offered by the browser',
       table: {
         category: 'Native',
         defaultValue: { summary: 'None' },
@@ -116,7 +106,6 @@ export default {
     },
     label: {
       control: 'text',
-      description: 'Label content',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -124,7 +113,6 @@ export default {
     },
     maxlength: {
       control: 'text',
-      description: 'Applies a maximum character count to the input',
       table: {
         category: 'Native',
         defaultValue: { summary: 'None' },
@@ -133,7 +121,6 @@ export default {
     },
     minlength: {
       control: 'text',
-      description: 'Applies a minimum character count to the input',
       table: {
         category: 'Native',
         defaultValue: { summary: 'None' },
@@ -142,7 +129,6 @@ export default {
     },
     name: {
       control: 'text',
-      description: 'Name attribute',
       table: {
         category: 'Native',
         defaultValue: { summary: 'None' },
@@ -151,7 +137,6 @@ export default {
     },
     prefix: {
       control: 'text',
-      description: 'input prefix',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -159,7 +144,6 @@ export default {
     },
     required: {
       ...argTypeBooleanUnrequired,
-      description: 'Determines whether input is required',
       table: {
         ...argTypeBooleanUnrequired.table,
         category: 'Native',
@@ -167,7 +151,6 @@ export default {
     },
     suffix: {
       control: 'text',
-      description: 'input suffix<br />(i.e. units)',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -175,7 +158,6 @@ export default {
     },
     supportingText: {
       control: 'text',
-      description: 'Explainer text beneath input',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -183,11 +165,9 @@ export default {
     },
     transformValue: {
       ...formatArgType({ FORMAT }),
-      description: 'Determines text formatting applied to input value upon invoking relevant listener event(s)',
     },
     type: {
       ...formatArgType({ TEXT_INPUT_TYPE }),
-      description: 'Determines the type(s) of values expected by the input',
       table: {
         ...formatArgType({ TEXT_INPUT_TYPE }).table,
         category: 'Native',
@@ -205,7 +185,6 @@ export default {
     valid: disabledArgType,
     validators: {
       ...formatArgTypeCheck({ VALIDATOR }),
-      description: 'Determines method(s) used to check for valid input value upon invoking relevant listener event(s)',
     },
   },
   args: {

package/src/stories/TideInputTextarea.stories.ts

@@ -48,7 +48,6 @@ export default {
     dataTrack,
     error: {
       control: 'text',
-      description: 'Overrides the default error message and valid state',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -56,7 +55,6 @@ export default {
     },
     errorDisplay: {
       ...formatArgType({ ERROR_DISPLAY }),
-      description: 'Determines whether errors display prior to blur',
     },
     handleValid: {
       control: 'text',
@@ -71,7 +69,6 @@ export default {
     },
     inputId: {
       control: 'text',
-      description: 'Unique ID attribute<br />(to bind input label to input)',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -79,7 +76,6 @@ export default {
     },
     label: {
       control: 'text',
-      description: 'Label content',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -87,7 +83,6 @@ export default {
     },
     maxlength: {
       control: 'text',
-      description: 'Applies a maximum character count to the input',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'number' },
@@ -95,7 +90,6 @@ export default {
     },
     minlength: {
       control: 'text',
-      description: 'Applies a minimum character count to the input',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'number' },
@@ -103,19 +97,14 @@ export default {
     },
     name: {
       control: 'text',
-      description: 'Name attribute',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
       },
     },
-    required: {
-      ...argTypeBooleanUnrequired,
-      description: 'Determines whether input is required',
-    },
+    required: argTypeBooleanUnrequired,
     rows: {
       control: 'text',
-      description: 'Determines the height of the input',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'number' },
@@ -123,7 +112,6 @@ export default {
     },
     supportingText: {
       control: 'text',
-      description: 'Explainer text beneath input',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -141,7 +129,6 @@ export default {
     valid: disabledArgType,
     validators: {
       ...formatArgTypeCheck({ VALIDATOR }),
-      description: 'Determines method(s) used to check for valid input value upon invoking relevant listener event(s)',
     },
   },
   args: {

package/src/stories/TideLink.stories.ts

@@ -75,14 +75,12 @@ export default {
     dataTrack,
     element: {
       ...formatArgType({ ELEMENT }),
-      description: 'HTML tag type',
       table: {
         defaultValue: { summary: 'LINK' },
         type: { summary: 'Element' },
       },
     },
     href: {
-      description: 'URL to open<br />(Link only)',
       if: { arg: 'element', eq: ELEMENT.LINK },
       table: {
         defaultValue: { summary: 'None' },
@@ -91,29 +89,22 @@ export default {
     },
     iconLeading: {
       ...formatArgType({ ICON }),
-      description: 'Icon to left of label',
     },
     iconTrailing: {
       ...formatArgType({ ICON }),
-      description: 'Icon to right of label',
     },
     isNewTab: {
       ...argTypeBooleanUnrequired,
-      description: 'Determines whether to target a new browser tab<br />(Link only)',
       if: { arg: 'element', eq: ELEMENT.LINK },
     },
     label: {
       control: 'text',
-      description: 'Link text',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
       },
     },
-    subtle: {
-      ...argTypeBooleanUnrequired,
-      description: 'Hides the underline until hovered, de-emphasizing the link',
-    },
+    subtle: argTypeBooleanUnrequired,
   },
   args: {
     click: 'doSomething',

package/src/stories/TidePopover.stories.ts

@@ -65,7 +65,6 @@ export default {
   argTypes: {
     anchorId: {
       control: 'text',
-      description: 'Determines the HTML node over which the Popover will appear',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -81,7 +80,6 @@ export default {
     },
     offset: {
       control: 'text',
-      description: 'Determines spacing between Popover and anchor node',
       table: {
         defaultValue: { summary: '16' },
         type: { summary: 'number' },

package/src/stories/TideRating.stories.ts

@@ -51,7 +51,6 @@ export default {
   argTypes: {
     description: {
       control: 'text',
-      description: 'Determines the text displayed below the title',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -70,19 +69,14 @@ export default {
     },
     maxRating: {
       control: 'text',
-      description: 'Maximum rating value / Number of segments',
       table: {
         defaultValue: { summary: 10 },
         type: { summary: 'number' },
       },
     },
-    showRating: {
-      ...argTypeBooleanUnrequired,
-      description: 'Determines whether to display the current rating value',
-    },
+    showRating: argTypeBooleanUnrequired,
     title: {
       control: 'text',
-      description: 'Determines the title text displayed above the rating component',
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },

package/src/stories/TideSwitch.stories.ts

@@ -42,10 +42,7 @@ const render = (args: Args, context: StoryContext) => ({
 export default {
   argTypes: {
     dataTrack,
-    disabled: {
-      ...argTypeBooleanUnrequired,
-      description: 'Determines clickability',
-    },
+    disabled: argTypeBooleanUnrequired,
     isActive: {
       ...argTypeBooleanUnrequired,
       description: 'Determines whether toggle is active',

package/src/stories/TideTabs.stories.ts

@@ -79,7 +79,6 @@ export default {
     },
     tabs: {
       control: 'object',
-      description: 'Sets labels and callback for each tab',
       isCustom: true,
       table: {
         defaultValue: { summary: 'None' },

package/src/types/Icon.ts

@@ -20,6 +20,7 @@ export const ICON = {
   BOLT: 'bolt',
   BOOKMARK: 'bookmark',
   BUNKHOUSE: 'bunkhouse',
+  CALCULATE: 'calculate',
   CALENDAR_MONTH: 'calendar-month',
   CALL: 'call',
   CALL_QUALITY: 'call-quality',

package/src/utilities/storybook.ts

@@ -24,7 +24,6 @@ export const tab = '  ';
 
 export const argTypeBoolean = {
   control: 'select',
-  description: 'Determines whether CSS utility is present',
   options: BOOLEAN,
   table: {
     defaultValue: { summary: 'False' },
@@ -34,7 +33,6 @@ export const argTypeBoolean = {
 
 export const argTypeBooleanUnrequired = {
   control: 'select',
-  description: 'True, False, or undefined<br />(for demonstration purposes)',
   options: BOOLEAN_UNREQUIRED,
   table: {
     defaultValue: { summary: 'None' },