docs: bump fresh docs

Author: jsamr

packages/react-native-li/docs/react-native-li.markedlistitemprops.md

@@ -11,7 +11,7 @@ Props for the [MarkedListItem()](./react-native-li.markedlistitem.md) component.
 ```typescript
 export declare type MarkedListItemProps = Required<Pick<MarkedListProps, 'counterRenderer' | 'renderMarker' | 'markerTextStyle' | 'markerBoxStyle' | 'rtlLineReversed' | 'rtlMarkerReversed' | 'startIndex'>> & {
     index: number;
-    markerTextWidth: number;
+    markerTextWidth: number | false;
     maxNumOfCodepoints: number;
     style: StyleProp<ViewStyle>;
 };

packages/react-native-li/docs/react-native-li.markedlistprops.computemarkerboxwidth.md

@@ -14,5 +14,5 @@ computeMarkerBoxWidth?: (maxCodepointsLengthInRange: number, fontSize: number) =
 
 ## Remarks
 
-Font size is derived from `markerStyle` prop.
+- Font size is derived from `markerStyle` prop. - Will be ignored when [MarkedListProps.dynamicMarkerBoxWidth](./react-native-li.markedlistprops.dynamicmarkerboxwidth.md) is set to `false`<!-- -->.
 

packages/react-native-li/docs/react-native-li.markedlistprops.dynamicmarkerboxwidth.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@jsamr/react-native-li](./react-native-li.md) &gt; [MarkedListProps](./react-native-li.markedlistprops.md) &gt; [dynamicMarkerBoxWidth](./react-native-li.markedlistprops.dynamicmarkerboxwidth.md)
+
+## MarkedListProps.dynamicMarkerBoxWidth property
+
+Should the width of the marker box be computed dynamically, e.g. depend on the longest marker in the list?
+
+<b>Signature:</b>
+
+```typescript
+dynamicMarkerBoxWidth?: boolean;
+```

packages/react-native-li/docs/react-native-li.markedlistprops.markerboxstyle.md

@@ -4,10 +4,15 @@
 
 ## MarkedListProps.markerBoxStyle property
 
-Style for the marker box container. It is discouraged to set `(min,max)width` that way. Use [MarkedListProps.computeMarkerBoxWidth](./react-native-li.markedlistprops.computemarkerboxwidth.md) instead.
+Style for the marker box container.
 
 <b>Signature:</b>
 
 ```typescript
 markerBoxStyle?: StyleProp<ViewStyle>;
 ```
+
+## Remarks
+
+It is discouraged to set `(min,max)width` when [MarkedListProps.dynamicMarkerBoxWidth](./react-native-li.markedlistprops.dynamicmarkerboxwidth.md) is set to `true`<!-- -->. In that case, use [MarkedListProps.computeMarkerBoxWidth](./react-native-li.markedlistprops.computemarkerboxwidth.md) instead.
+

packages/react-native-li/docs/react-native-li.markedlistprops.md

@@ -19,8 +19,9 @@ export interface MarkedListProps
 |  [computeMarkerBoxWidth?](./react-native-li.markedlistprops.computemarkerboxwidth.md) | (maxCodepointsLengthInRange: number, fontSize: number) =&gt; number | <i>(Optional)</i> A function to compute marker box width depending on the maximum length of the marker string in range. |
 |  [Container?](./react-native-li.markedlistprops.container.md) | ComponentType&lt;any&gt; | <i>(Optional)</i> The component used to wrap list elements. |
 |  [counterRenderer](./react-native-li.markedlistprops.counterrenderer.md) | CounterStyleRenderer | The counter renderer for this list. |
+|  [dynamicMarkerBoxWidth?](./react-native-li.markedlistprops.dynamicmarkerboxwidth.md) | boolean | <i>(Optional)</i> Should the width of the marker box be computed dynamically, e.g. depend on the longest marker in the list? |
 |  [lineStyle?](./react-native-li.markedlistprops.linestyle.md) | StyleProp&lt;ViewStyle&gt; | <i>(Optional)</i> Style for the line wrapper. |
-|  [markerBoxStyle?](./react-native-li.markedlistprops.markerboxstyle.md) | StyleProp&lt;ViewStyle&gt; | <i>(Optional)</i> Style for the marker box container. It is discouraged to set <code>(min,max)width</code> that way. Use [MarkedListProps.computeMarkerBoxWidth](./react-native-li.markedlistprops.computemarkerboxwidth.md) instead. |
+|  [markerBoxStyle?](./react-native-li.markedlistprops.markerboxstyle.md) | StyleProp&lt;ViewStyle&gt; | <i>(Optional)</i> Style for the marker box container. |
 |  [markerTextStyle?](./react-native-li.markedlistprops.markertextstyle.md) | TextStyle | <i>(Optional)</i> A plain JavaScript object text style for the marker string. It is advised to pass the same <code>fontSize</code> and <code>lineHeight</code> as the list content for perfect horizontal alignment. |
 |  [renderMarker?](./react-native-li.markedlistprops.rendermarker.md) | (props: [MarkerBoxProps](./react-native-li.markerboxprops.md)<!-- -->) =&gt; ReactNode | <i>(Optional)</i> A custom Marker render function. |
 |  [rtlLineReversed?](./react-native-li.markedlistprops.rtllinereversed.md) | boolean | <i>(Optional)</i> Set the line layout in <code>flexDirection: 'row-reverse'</code> and left-align the marker box. |

packages/react-native-li/docs/react-native-li.markerboxprops.markertextwidth.md

@@ -9,5 +9,5 @@ The width for the marker text element.
 <b>Signature:</b>
 
 ```typescript
-markerTextWidth: number;
+markerTextWidth: number | false;
 ```

packages/react-native-li/docs/react-native-li.markerboxprops.md

@@ -19,7 +19,7 @@ export interface MarkerBoxProps
 |  [counterIndex](./react-native-li.markerboxprops.counterindex.md) | number | The index to render. |
 |  [counterRenderer](./react-native-li.markerboxprops.counterrenderer.md) | CounterStyleRenderer | The renderer to generate the marker string. |
 |  [markerTextStyle](./react-native-li.markerboxprops.markertextstyle.md) | TextStyle | Style for any text element. Should not contain CSS box model properties. |
-|  [markerTextWidth](./react-native-li.markerboxprops.markertextwidth.md) | number | The width for the marker text element. |
+|  [markerTextWidth](./react-native-li.markerboxprops.markertextwidth.md) | number \| false | The width for the marker text element. |
 |  [maxNumOfCodepoints](./react-native-li.markerboxprops.maxnumofcodepoints.md) | number | The maximum length of the <code>markerString</code> in range. |
 |  [rtlMarkerReversed](./react-native-li.markerboxprops.rtlmarkerreversed.md) | true \| false | Whether to reverse or not the order of elements in marker (prefix, counter, suffix). |
 |  [style](./react-native-li.markerboxprops.style.md) | StyleProp&lt;TextStyle&gt; | Style for the container <code>Text</code> element. |

packages/react-native-li/docs/react-native-li.md

@@ -11,7 +11,7 @@
 |  [MarkedList({ children, Container, ...props })](./react-native-li.markedlist.md) | A component which given a counter style, wraps each of its children with a [MarkedListItem()](./react-native-li.markedlistitem.md)<!-- -->. The latter prepends the child with a marker box containing a marker string representation for this child index.<!-- -->See [CSS Lists and Counters Module Level 3, Markers](https://www.w3.org/TR/css-lists-3/#markers)<!-- -->. |
 |  [MarkedListItem({ counterRenderer, index, startIndex, rtlLineReversed, rtlMarkerReversed, markerTextStyle, markerBoxStyle, maxNumOfCodepoints, markerTextWidth, style, renderMarker, children })](./react-native-li.markedlistitem.md) | A component which reproduces CSS3 <code>display: list-item;</code> behavior. It prepends its child with a marker box containing a marker string representation for this child index.<!-- -->See [CSS Lists and Counters Module Level 3, Markers](https://www.w3.org/TR/css-lists-3/#markers)<!-- -->. |
 |  [MarkerBox({ style, counterRenderer, counterIndex, markerTextStyle, markerTextWidth })](./react-native-li.markerbox.md) | Default component to render the list marker.<!-- -->See [CSS Lists and Counters Module Level 3, Markers](https://www.w3.org/TR/css-lists-3/#marker-pseudo) |
-|  [useMarkedList({ counterRenderer, startIndex, lineStyle, rtlLineReversed, rtlMarkerReversed, markerTextStyle, markerBoxStyle, length, renderMarker, computeMarkerBoxWidth })](./react-native-li.usemarkedlist.md) | A hook to reuse MarkedList logic to render custom lists components in combination with [MarkedListItem()](./react-native-li.markedlistitem.md)<!-- -->. |
+|  [useMarkedList({ counterRenderer, startIndex, lineStyle, rtlLineReversed, rtlMarkerReversed, markerTextStyle, markerBoxStyle, dynamicMarkerBoxWidth, length, renderMarker, computeMarkerBoxWidth })](./react-native-li.usemarkedlist.md) | A hook to reuse MarkedList logic to render custom lists components in combination with [MarkedListItem()](./react-native-li.markedlistitem.md)<!-- -->. |
 
 ## Interfaces
 

packages/react-native-li/docs/react-native-li.usemarkedlist.md

@@ -9,7 +9,7 @@ A hook to reuse MarkedList logic to render custom lists components in combinatio
 <b>Signature:</b>
 
 ```typescript
-export default function useMarkedList({ counterRenderer, startIndex, lineStyle, rtlLineReversed, rtlMarkerReversed, markerTextStyle, markerBoxStyle, length, renderMarker, computeMarkerBoxWidth }: MarkedListProps & {
+export default function useMarkedList({ counterRenderer, startIndex, lineStyle, rtlLineReversed, rtlMarkerReversed, markerTextStyle, markerBoxStyle, dynamicMarkerBoxWidth, length, renderMarker, computeMarkerBoxWidth }: MarkedListProps & {
     length: number;
 }): Omit<MarkedListItemProps, 'index'>;
 ```
@@ -18,7 +18,7 @@ export default function useMarkedList({ counterRenderer, startIndex, lineStyle,
 
 |  Parameter | Type | Description |
 |  --- | --- | --- |
-|  { counterRenderer, startIndex, lineStyle, rtlLineReversed, rtlMarkerReversed, markerTextStyle, markerBoxStyle, length, renderMarker, computeMarkerBoxWidth } | [MarkedListProps](./react-native-li.markedlistprops.md) &amp; { length: number; } |  |
+|  { counterRenderer, startIndex, lineStyle, rtlLineReversed, rtlMarkerReversed, markerTextStyle, markerBoxStyle, dynamicMarkerBoxWidth, length, renderMarker, computeMarkerBoxWidth } | [MarkedListProps](./react-native-li.markedlistprops.md) &amp; { length: number; } |  |
 
 <b>Returns:</b>
 

packages/react-native-li/etc/react-native-li.api.md

@@ -27,7 +27,7 @@ export function MarkedListItem({ counterRenderer, index, startIndex, rtlLineReve
 // @public
 export type MarkedListItemProps = Required<Pick<MarkedListProps, 'counterRenderer' | 'renderMarker' | 'markerTextStyle' | 'markerBoxStyle' | 'rtlLineReversed' | 'rtlMarkerReversed' | 'startIndex'>> & {
     index: number;
-    markerTextWidth: number;
+    markerTextWidth: number | false;
     maxNumOfCodepoints: number;
     style: StyleProp<ViewStyle>;
 };
@@ -37,6 +37,7 @@ export interface MarkedListProps {
     computeMarkerBoxWidth?: (maxCodepointsLengthInRange: number, fontSize: number) => number;
     Container?: ComponentType<any>;
     counterRenderer: CounterStyleRenderer;
+    dynamicMarkerBoxWidth?: boolean;
     lineStyle?: StyleProp<ViewStyle>;
     markerBoxStyle?: StyleProp<ViewStyle>;
     markerTextStyle?: TextStyle;
@@ -54,14 +55,14 @@ export interface MarkerBoxProps {
     counterIndex: number;
     counterRenderer: CounterStyleRenderer;
     markerTextStyle: TextStyle;
-    markerTextWidth: number;
+    markerTextWidth: number | false;
     maxNumOfCodepoints: number;
     rtlMarkerReversed: true | false;
     style: StyleProp<TextStyle>;
 }
 
 // @public
-export function useMarkedList({ counterRenderer, startIndex, lineStyle, rtlLineReversed, rtlMarkerReversed, markerTextStyle, markerBoxStyle, length, renderMarker, computeMarkerBoxWidth }: MarkedListProps & {
+export function useMarkedList({ counterRenderer, startIndex, lineStyle, rtlLineReversed, rtlMarkerReversed, markerTextStyle, markerBoxStyle, dynamicMarkerBoxWidth, length, renderMarker, computeMarkerBoxWidth }: MarkedListProps & {
     length: number;
 }): Omit<MarkedListItemProps, 'index'>;