@linzjs/lui 21.24.5-0 → 21.25.0

package/dist/scss/Vendor/naturalize.scss

@@ -95,10 +95,17 @@ select,
 textarea {
   font-style: normal;
   font-size: 100%; // 1
-  line-height: 1.15; // 1
   margin: 0; // 2
 }
 
+button,
+figure,
+input,
+optgroup,
+textarea {
+  line-height: 1.15; // 1
+}
+
 // ============
 // Show the overflow in IE.
 // 1. Show the overflow in Edge.

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "21.24.5-0",
+  "version": "21.25.0",
   "license": "MIT",
   "repository": {
     "type": "git",

package/dist/components/Splitter/Stories/RangeAsPx.d.ts

@@ -1,9 +0,0 @@
-import { ComponentProps } from 'react';
-import { Splitter } from '../Splitter';
-import './RangeAsPx.scss';
-declare type SplitterProps = ComponentProps<typeof Splitter>;
-declare type PixelProps = SplitterProps & {
-    unit?: '%' | 'px';
-};
-export declare const RangeAsPx: ({ unit, ...rest }: PixelProps) => JSX.Element;
-export {};

package/dist/components/Splitter/Stories/Section.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-declare type SectionProps = JSX.IntrinsicElements['section'];
-export declare const HorizontalSection: (props: SectionProps) => JSX.Element;
-export declare const VerticalSection: (props: SectionProps) => JSX.Element;
-export {};

package/dist/components/Splitter/helpers/dataBoundary.d.ts

@@ -1,18 +0,0 @@
-import { ComponentProps } from 'react';
-import { Splitter } from '../Splitter';
-declare type Props = Pick<ComponentProps<typeof Splitter>, 'min' | 'max'>;
-declare type Result = 'keep-secondary' | 'keep-primary' | 'keep-both';
-/**
- * Given boundaries passed as prop, it defines how the grid column/row template will be arranged.
- * and whether the separator will be positioned using right or left absolute values (top or bottom for horizontal).
- * It will use a data- attribute to store this prop derived information for later processing.
- */
-export declare const setDataBoundary: (props: Props) => {
-    "data-boundary": Result;
-};
-/**
- * Util to get what grid arrangement needs to be used to avoid jumps/flashes.
- * The return value is derived from the Splitter props, and stored in a data- attribute.
- */
-export declare const getDataBoundary: (separator: Element) => Result | undefined;
-export {};

package/dist/components/Splitter/helpers/getGridTemplate.d.ts

@@ -1,14 +0,0 @@
-/**
- * It will calculate the best grid arrangement, based on the min/max props passed to the Splitter.
- * All grid options work. The preference `1fr XXpx` over `(width - XXpx) 1fr` depends on the type of boundary
- * to avoid calculation of position when the window is being resized while trying to retain the collapsed state
- * on a min/max value fixed in pixels (e.g. 200px). Such calculation adds unnecessary lagging on the separator
- * to catch up. This function aims to avoid such lagging during resizing.
- * primary relates to top/left
- * secondary relates to right/bottom
- */
-export declare const getGridTemplate: (separator: HTMLDivElement) => {
-    grid: string;
-    primary: string;
-    secondary: string;
-};

package/dist/components/Splitter/helpers/transition.d.ts

@@ -1,5 +0,0 @@
-import { RefObject } from 'react';
-export declare const transition: (separator: RefObject<HTMLDivElement>) => {
-    stop: () => void;
-    resume: () => void;
-};

package/dist/components/Splitter/helpers/useBoundary.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-declare type Boundary = {
-    min?: number | `${number}px`;
-    max?: number | `${number}px`;
-};
-/**
- * Maps min and max values if they are provided in 'XXXpx' format.
- */
-export declare const useBoundary: (separator: React.RefObject<HTMLDivElement>, boundaries: Boundary) => {
-    min: number;
-    max: number;
-};
-export {};