@iress-oss/ids-mcp-server 5.15.0 → 5.20.2

package/generated/docs/{components-inline-docs.md → components_components-inline-docs.md}

@@ -1,14 +1,14 @@
-[](#inline)Inline
-=================
+Inline
+======
 
 Overview
 --------
 
 `IressInline` renders a set of components in a row with equal spacing around them, wrapping onto multiple lines when necessary.
 
-Hide code
+[](./iframe.html?id=components-inline--default)
 
-\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
+Hide codedrawOpen in CodeSandbox
 
 <IressInline gutter\="md"\>
   <IressPlaceholder
@@ -43,17 +43,89 @@ Hide code
   />
 </IressInline\>
 
-Copy
+```
 
-[](#examples)Examples
----------------------
+Props
+-----
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| children | 
+Content to be displayed inline.
+
+ReactNode
+
+
+
+ | \- | childrenChoose option...evenunevenstory |
+| gutter | 
+
+Sets the spacing between inline content.
+
+union
+
+
+
+ | 
+
+'none'
+
+ | 
+
+"md"
+
+ |
+| horizontalAlign | 
+
+Sets the horizontal alignment of the inline content.
+
+union
+
+
+
+ | 
+
+'left'
+
+ | Set object |
+| noWrap | 
+
+Wraps content when stretches beyond container.
+
+boolean
+
+
+
+ | 
+
+false
+
+ | Set boolean |
+| verticalAlign | 
+
+Sets the vertical alignment of the inline content.
 
-### [](#gutter)Gutter
+union
+
+
+
+ | 
+
+'top'
+
+ | Set object |
+
+Examples
+--------
+
+### Gutter
 
 Inline spacing is applied to the direct children of the `IressInline` component.
 
 The amount of spacing is controlled by the `gutter` prop and can be set to: `none`, `xs`, `sm`, `md`, `lg` or `xl`.
 
+[](./iframe.html?id=components-inline--gutter)
+
 none
 ----
 
@@ -72,9 +144,7 @@ lg
 xl
 --
 
-Hide code
-
-\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gutter\="xl"\>
   <IressText\>
@@ -295,25 +365,90 @@ Hide code
   </IressText\>
 </IressStack\>
 
-Copy
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| children | 
+Content to be displayed inline.
+
+ReactNode
+
+
+
+ | \- | childrenChoose option...evenunevenstory |
+| gutter | 
+
+Sets the spacing between inline content.
+
+union
+
+
+
+ | 
+
+'none'
+
+ | \- |
+| horizontalAlign | 
+
+Sets the horizontal alignment of the inline content.
+
+union
+
+
+
+ | 
+
+'left'
 
-### [](#responsive-gutter)Responsive gutter
+ | Set object |
+| noWrap | 
+
+Wraps content when stretches beyond container.
+
+boolean
+
+
+
+ | 
+
+false
+
+ | Set boolean |
+| verticalAlign | 
+
+Sets the vertical alignment of the inline content.
+
+union
+
+
+
+ | 
+
+'top'
+
+ | Set object |
+
+### Responsive gutter
 
 The `gutter` prop can take an object that takes five key/value pairs that correlate with the IDS breakpoints.
 
+[](./iframe.html?id=components-inline--responsive-gutter)
+
 Current breakpoint: **xl** breakpoint (1200px - 1499px).
 
 `gutter={{"xs":"xs","sm":"sm","md":"md"}}`
 
-Hide code
-
-\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gutter\="md"\>
   <IressPanel\>
     <p\>
       Current breakpoint:{' '}
-      <CurrentBreakpoint />
+      <Ln />
       .    </p\>
     <p\>
       <code\>
@@ -361,9 +496,94 @@ Hide code
   </IressInline\>
 </IressStack\>
 
-Copy
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| children | 
+Content to be displayed inline.
+
+ReactNode
+
+
+
+ | \- | childrenChoose option...evenunevenstory |
+| gutter | 
+
+Sets the spacing between inline content.
+
+union
+
+
+
+ | 
+
+'none'
+
+ | 
+
+Edit JSON
+
+gutter :
+
+{
+
+*   xs : "xs"
+*   sm : "sm"
+*   md : "md"
+
+}
+
+
+
+
+
+
+
+ |
+| horizontalAlign | 
+
+Sets the horizontal alignment of the inline content.
+
+union
+
+
+
+ | 
+
+'left'
+
+ | Set object |
+| noWrap | 
+
+Wraps content when stretches beyond container.
+
+boolean
+
+
+
+ | 
+
+false
+
+ | Set boolean |
+| verticalAlign | 
+
+Sets the vertical alignment of the inline content.
+
+union
+
 
-### [](#horizontal-align)Horizontal align
+
+ | 
+
+'top'
+
+ | Set object |
+
+### Horizontal align
 
 Horizontal alignment of the children is controlled by the `horizontalAlign` prop. It defaults to left and can be set to the following:
 
@@ -374,6 +594,8 @@ Horizontal alignment of the children is controlled by the `horizontalAlign` prop
 *   `left` - children are aligned left, similar to `text-align: left`.
 *   `right` - children are aligned right, similar to `text-align: right`.
 
+[](./iframe.html?id=components-inline--horizontal-align)
+
 around
 ------
 
@@ -392,9 +614,7 @@ left
 right
 -----
 
-Hide code
-
-\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
+Hide codedrawOpen in CodeSandbox
 
 <IressContainer\>
   <IressStack gutter\="xl"\>
@@ -635,9 +855,78 @@ Hide code
   </IressStack\>
 </IressContainer\>
 
-Copy
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| children | 
+Content to be displayed inline.
+
+ReactNode
+
+
+
+ | \- | childrenChoose option...evenunevenstory |
+| gutter | 
+
+Sets the spacing between inline content.
+
+union
+
+
+
+ | 
+
+'none'
+
+ | 
+
+"sm"
+
+ |
+| horizontalAlign | 
+
+Sets the horizontal alignment of the inline content.
+
+union
+
+
+
+ | 
+
+'left'
+
+ | \- |
+| noWrap | 
+
+Wraps content when stretches beyond container.
+
+boolean
 
-### [](#vertical-align)Vertical align
+
+
+ | 
+
+false
+
+ | Set boolean |
+| verticalAlign | 
+
+Sets the vertical alignment of the inline content.
+
+union
+
+
+
+ | 
+
+'top'
+
+ | Set object |
+
+### Vertical align
 
 Vertical alignment of the children is controlled by the `verticalAlign` prop. It defaults to top and can be set to the following:
 
@@ -646,6 +935,8 @@ Vertical alignment of the children is controlled by the `verticalAlign` prop. It
 *   `stretch` - each direct child stretches to the full height of the inline container.
 *   `top` - children are aligned to the top of the container.
 
+[](./iframe.html?id=components-inline--vertical-align)
+
 top
 ---
 
@@ -658,9 +949,7 @@ bottom
 stretch
 -------
 
-Hide code
-
-\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
+Hide codedrawOpen in CodeSandbox
 
 <IressContainer\>
   <IressStack gutter\="xl"\>
@@ -827,17 +1116,90 @@ Hide code
   </IressStack\>
 </IressContainer\>
 
-Copy
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| children | 
+Content to be displayed inline.
+
+ReactNode
+
+
+
+ | \- | childrenChoose option...evenunevenstory |
+| gutter | 
+
+Sets the spacing between inline content.
+
+union
+
+
+
+ | 
+
+'none'
+
+ | 
+
+"sm"
+
+ |
+| horizontalAlign | 
 
-### [](#no-wrap)No wrap
+Sets the horizontal alignment of the inline content.
+
+union
+
+
+
+ | 
+
+'left'
+
+ | 
+
+"center"
+
+ |
+| noWrap | 
+
+Wraps content when stretches beyond container.
+
+boolean
+
+
+
+ | 
+
+false
+
+ | Set boolean |
+| verticalAlign | 
+
+Sets the vertical alignment of the inline content.
+
+union
+
+
+
+ | 
+
+'top'
+
+ | \- |
+
+### No wrap
 
 The `IressInline` component automatically wraps children. There may be some scenarios where you do not require children to be wrapped. For this you can use the `noWrap` prop.
 
-His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
+[](./iframe.html?id=components-inline--no-wrap)
 
-Hide code
+His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
 
-\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
+Hide codedrawOpen in CodeSandbox
 
 <IressInline
   gutter\="lg"
@@ -854,15 +1216,73 @@ Hide code
     His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.  </IressText\>
 </IressInline\>
 
-Copy
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| children | 
+Content to be displayed inline.
+
+ReactNode
+
+
+
+ | \- | childrenChoose option...evenunevenstory |
+| gutter | 
+
+Sets the spacing between inline content.
+
+union
+
+
+
+ | 
+
+'none'
+
+ | 
+
+"lg"
+
+ |
+| horizontalAlign | 
+
+Sets the horizontal alignment of the inline content.
+
+union
+
+
+
+ | 
+
+'left'
+
+ | Set object |
+| noWrap | 
+
+Wraps content when stretches beyond container.
+
+boolean
+
+
+
+ | 
+
+false
+
+ | FalseTrue |
+| verticalAlign | 
+
+Sets the vertical alignment of the inline content.
+
+union
+
+
+
+ | 
 
-On this page
+'top'
 
-*   [Overview](#overview)
-*   [Props](#props)
-*   [Examples](#examples)
-    *   [Gutter](#gutter)
-    *   [Responsive gutter](#responsive-gutter)
-    *   [Horizontal align](#horizontal-align)
-    *   [Vertical align](#vertical-align)
-    *   [No wrap](#no-wrap)
+ | Set object |