@blateral/b.kit 2.0.0-beta.9.9 → 2.0.1

package/README.md

@@ -1,216 +1,93 @@
-![b.kit logo](./public/images/bkit-logo_small.png)
+![b.kit logo](./public/images/Kit_Logo.svg)
 
 # b.kit - React component library to b.uild awesome websites
 
-The b.kit library consists of a set of essential React components that can be implemented and modified in any React project. The goal is to reduce the need of rebuilding each component every time. Instead they are defined in one library and can be reused in multiple projects.
+The b.kit library consists of a set of essential React components that can be implemented and modified in any React project.
+The goal is to reduce the need of rebuilding each component every time. Instead they are defined, tested and optimized in one library and can be reused in multiple projects.
 
 See the up to date [Storybook stories](https://blateral.github.io/b.kit) of each b.kit component.
 
-## Table of contents
+<br />
 
--   [Usage](#usage)
-    -   [Installation](#installation)
-    -   [Imports](#imports)
-    -   [Theming](#theming)
-    -   [Theme settings](#theme-settings)
-        -   [Colors](#colors)
-        -   [Fonts](#fonts)
-        -   [Using styles](#using-styles)
-    -   [Optional packages](#optional-packages)
-        -   [Carousels](#Carousels)
--   [Developement](#developement)
-    -   [Project architecture](#project-architecture)
-    -   [Script commands](#script-commands)
-    -   [Local library testing](#local-library-testing)
+## Installation
 
-## Usage
+Run
 
-### Installation
+```
+yarn add @blateral/b.kit
+```
 
-Run `yarn add @blateral/b.kit` to install the component library. Because some packages like React, ReactDom and StyledComponents cannot run on multiple instances they are not included in the library.
+to install the component library. Because some packages like React, ReactDom and StyledComponents cannot run on multiple instances they are not included in the library.
 
 > Therefore all peer dependencies must be installed seperately.
 
-### Imports
+<br />
+
+## Imports
 
 The library exports all components as named exports so you can import and use them like:
 
 ```jsx
-import { ImageCarousel } from '@blateral/b.kit';
+import { Article } from '@blateral/b.kit';
 
-<ImageCarousel
-    bgMode="full"
-    onInit={(steps) => console.log(steps)}
-    images={[...]}
-/>
+<Article
+    title="Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+    superTitle="Cum sociis natoque"
+    text="Lorem ipsum dolor sit amet..."
+/>;
 ```
 
-### Theming
+<br />
+
+## Theming
 
-Each component uses a default set of fallback styles that are bundled within the package. To override this styles the library uses the theme context of styled-components. To use a custom theme the component must be wrapped within the exported library provider. All project specific style overrides can be defined through a Styled-Components `DefaultTheme` object and passed to the provider's `theme` property.
+Each component uses a default set of fallback styles that are bundled within the package. To override this styles the library uses the theme context of styled-components.
+To use a custom theme the component must be wrapped within the exported library provider HOC component. All project specific style overrides can be defined through a
+theme object and passed to the provider's `theme` property.
 
-> Values like `undefined`, `null` or empty string are ignored.
+> Values like `undefined`, `null` or empty strings are ignored.
 
 ```jsx
-import { ImageCarousel, LibThemeProvider } from '@blateral/b.kit';
+import { Article, LibThemeProvider } from '@blateral/b.kit';
 
 const customTheme = {
     colors: {
-        mono: {
-            light: '#ff0000',
+        primary: {
+            default: '#2B4356',
+            hover: '#009FE3',
+            inverted: '#ffffff',
+            invertedHover: '#009FE3',
         },
     },
 };
 
 <LibThemeProvider theme={customTheme}>
-    <ImageCarousel>...</ImageCarousel>
+    <Article
+        title="Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+        superTitle="Cum sociis natoque"
+        text="Lorem ipsum dolor sit amet..."
+    />
 </LibThemeProvider>;
 ```
 
-### Theme settings
-
-The `DefaultTheme` can be configured by passing a custom theme object to the theme provider. It consists of two parts: `colors` and `fonts`. To override the default b.kit values it is not neccessary to replace all values or subobjects. Just define the values to want to replace and you good to go.
-
-#### Colors
-
-Each color is defined in the subobject `colors` of the `DefaultTheme`. In order not to be too specific to a project scenario, they are named with abstract names that do not refer to the actual colors assigned. As example the default b.kit values below:
-
-```javascript
-{
-    dark: '#000000',
-    light: '#ffffff',
-    mono: {
-        light: '#F0F0F0',
-        medium: '#C8C8C8',
-        dark: '#A5A5A5',
-    },
-    primary: {
-        light: '#DD8AA3',
-        medium: '#98012E',
-        dark: '#59011B',
-    },
-    secondary: {
-        light: '#5A7384',
-        medium: '#35444E',
-        dark: '#222A30',
-    },
-    tertiary: {
-        light: '#F2F5FA',
-        medium: '#C9CED7',
-        dark: '#A8ABB4',
-    },
-};
-```
-
-#### Fonts
-
-Font styles are seperated in multiple types like `copy`, `heading`, `super` (super title) and others. Some of them have different forms e.g. `copy-i` for copy italic or `copy-b` for copy bold.
-
-```typescript
-interface Fonts {
-    copy: FontOptions;
-    'copy-i': FontOptions;
-    'copy-b': FontOptions;
-    super: FontProps;
-    'heading-1': FontProps;
-    'heading-2': FontProps;
-    'heading-3': FontProps;
-    'heading-4': FontProps;
-    label: FontOptions;
-    callout: FontOptions;
-}
-```
-
-While `FontProps` containing the style props needed for the CSS styling, `FontOptions` are a another way to seperate the font types into different sizes:
-
-```typescript
-interface FontOptions {
-    small: FontProps;
-    medium: FontProps;
-    big: FontProps;
-}
-```
-
-#### Using styles
-
-To use the styles that a generated by modifing the `DefaultTheme` context you need the Styled Components theme context reference.
-
-Outside of JSX in some of React's functional components:
-
-```typescript
-const theme = React.useContext(ThemeContext);
-```
-
-Inside a Styled Component:
-
-```jsx
-color: ${({theme}) => ...};
-```
-
-Then you can use the same functions also used by every b.kit component to get you the right color and font values:
-
-```typescript
-getColors(theme).dark;
-```
-
-```typescript
-getFonts(theme).copy.small;
-```
-
-### Optional packages
-
-#### Carousels
-
-> Some components like the `ImageCarousel` using the external `slick-carousel` and `react-slick` packages. To use them properly its important to install all packages (also listed under peer dependenies) and import the related CSS files.
-
-As imports (e.g. in Nextjs `_app.tsx`):
-
-```jsx
-import 'slick-carousel/slick/slick.css';
-import 'slick-carousel/slick/slick-theme.css';
-```
-
-As CDN link (e.g. in Storybook `preview-head.html` or NextJs's `_document.tsx`):
-
-```jsx
-<link
-    rel="stylesheet"
-    type="text/css"
-    charset="UTF-8"
-    href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css"
-/>
-<link
-    rel="stylesheet"
-    type="text/css"
-    href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css"
-/>
-```
-
-#### Map
-
-> The Map component is made up with `leaflet`. Therefore the NPM Leaflet package must be installed to properly use all map features.
+<br />
 
-To diplaying the map in the right way you should also import the leaflet CSS styles:
+## Connectors
 
-As imports (e.g. in Nextjs `_app.tsx`):
-
-```jsx
-import 'leaflet/dist/leaflet.css';
-```
+Connectors are used to connect b.kit components to data coming from a Content Management System (CMS). To date there two
+connector packages available:
 
-As CDN link (e.g. in Storybook `preview-head.html` or NextJs's `_document.tsx`):
+-   [b.kit MODX](https://www.npmjs.com/package/@blateral/b.kit-modx) `yarn add @blateral/b.kit-modx`
+-   [b.kit PRISMIC](https://www.npmjs.com/package/@blateral/b.kit-prismic) `yarn add @blateral/b.kit-prismic` (not maintained anymore. Not compatible with B.KIT 2 versions and version 2 beta releases!)
 
-```jsx
-<link
-    rel="stylesheet"
-    href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
-/>
-```
+<br />
 
 # Developement
 
 The react component library is compiled with typescript and bundled with [Rollup](https://www.npmjs.com/package/rollup).
 
+<br />
+
 ## Project architecture
 
 The library project is splitted into three pieces.
@@ -219,6 +96,8 @@ The library project is splitted into three pieces.
 -   The Storybook folder `stories`
 -   The build folder `lib` (it contains the bundled library content that is shipped to npm)
 
+<br />
+
 ## Script commands
 
 To build and bundle the library with Rollup into the lib folder enter the script:
@@ -235,20 +114,25 @@ To publish all stories to Github Pages enter:
 
 > Before each commit to Github the Husky package takes care of the Storybook stories and deploys them automatically to Github Pages.
 
-## Local library testing
+<br />
 
 ## Local Testing
 
-Inside library project:
+The bundled package can be tested locally with a npm package called [Yalc](https://github.com/wclr/yalc). `Yalc` acts as very simple local repository for locally developed packages to share them across a local environment.
+
+<br />
+
+### Workflow
+
+Install yalc globally: `yarn global add yalc`.
 
--   Install yalc globally: `yarn global add yalc`
--   Run `yalc publish` to publish library into local yalc store.
--   Run `yalc push` to push changes to all installations
+**Inside the library/package repository:**
 
-Inside project that should use the library:
+1. Run `yarn build` to bundle the package.
+2. Run `yalc push` to push it to local global store (~/.yalc).
 
--   Run `yalc add <repository-name>` in target local repository to link library from yalc store.
--   Use `yalc update` or `yalc update <repository-name>` to update all linked packages.
--   use `yalc remove <repository-name>` to remove linked package.
+**Inside a repository that consumes the package:**
 
-    Before each push to git `yalc check` performs a check to ensure that all linked packages are removed from package.json. To delete package linking from package.json but not from yalc.lock `yalc retreat [--all]` / `yalc restore`
+1. To link local package run `yalc add <repository-name>` (e.g. yalc add @blateral/b.kit).
+2. Before committing to remote repository remove the local package links by running `yalc remove <repository-name>` or `yalc remove --all`.
+3. Use `yarn --check-files` to savely install the remote packages defined in package.json. In some repositories there is also a script `yarn lookup` that does the same.

package/lib/components/base/Grid.d.ts

@@ -4,7 +4,9 @@ export interface ColPropsSettings {
     span?: number;
     /** Normalisierte Werte zwischen -1 und 1: z.B. -12 von 28 Spalten (-12 / 28) */
     move?: number;
+    /** Vertical alignment of column content */
     valign?: VerticalAlign;
+    /** Text alignment of column content  */
     textAlign?: TextAlign;
 }
 declare type VerticalAlign = 'top' | 'center' | 'bottom';
@@ -15,6 +17,10 @@ interface ColProps extends ColPropsSettings {
     semilarge?: ColPropsSettings;
     large?: ColPropsSettings;
     xlarge?: ColPropsSettings;
+    /** force column to the right */
+    toRight?: boolean;
+    /** force column to the left */
+    toLeft?: boolean;
 }
 export declare const gridSettings: {
     cols: number;

package/lib/components/base/Grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/base/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,gBAAgB;IAC7B,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,aAAK,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACjD,aAAK,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACnD,aAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE7C,UAAU,QAAS,SAAQ,gBAAgB;IACvC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY;;;CAGxB,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,YAAY;;;;wEAiBxB,CAAC;AAsUF,UAAU,iBAAiB;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,eAAe,CAAC;CAC5B;AAED,UAAU,SAAU,SAAQ,iBAAiB;IACzC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC9B;;;;;;;;;AA8ED,wBAGE"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/base/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,gBAAgB;IAC7B,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,wCAAwC;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,aAAK,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACjD,aAAK,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACnD,aAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE7C,UAAU,QAAS,SAAQ,gBAAgB;IACvC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY;;;CAGxB,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,YAAY;;;;wEAiBxB,CAAC;AAgVF,UAAU,iBAAiB;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,eAAe,CAAC;CAC5B;AAED,UAAU,SAAU,SAAQ,iBAAiB;IACzC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC9B;;;;;;;;;AA8ED,wBAGE"}

package/lib/components/base/Section.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export declare type BgMode = 'full' | 'larger-left' | 'larger-right' | 'inverted';
 export declare type SectionType = 'header' | 'footer' | 'div';
-declare const Section: React.FC<{
+export interface SectionProps {
     /** ID value for targeting section with anchor hashes */
     anchorId?: string;
     /** Render as specific HTML tag type */
@@ -10,13 +10,17 @@ declare const Section: React.FC<{
     bgColor?: string;
     /** Background mode */
     bgMode?: BgMode;
+    /** Clamp solid backgrounds (full, inverted) to large wrapper width */
+    clampSolidBg?: boolean;
     /** Enable section seperation spacing */
     addSeperation?: boolean;
     /** Allow stack feature for reduced section spacing to following section */
     isStackable?: boolean;
-    className?: string;
+}
+declare const Section: React.ForwardRefExoticComponent<SectionProps & {
+    className?: string | undefined;
     children?: React.ReactNode;
-}>;
+} & React.RefAttributes<HTMLElement>>;
 export default Section;
 export declare const mapToBgMode: (mode?: "full" | "inverted" | "splitted" | undefined, preventSplit?: boolean, isMirrored?: boolean) => BgMode | undefined;
 //# sourceMappingURL=Section.d.ts.map

package/lib/components/base/Section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/base/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oBAAY,MAAM,GAAG,MAAM,GAAG,aAAa,GAAG,cAAc,GAAG,UAAU,CAAC;AAsK1E,oBAAY,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEtD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IACpB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,WAAW,CAAC;IAEvB,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,wCAAwC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAiDA,CAAC;AAEF,eAAe,OAAO,CAAC;AAEvB,eAAO,MAAM,WAAW,yGAIrB,MAAM,GAAG,SAeX,CAAC"}
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/base/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,oBAAY,MAAM,GAAG,MAAM,GAAG,aAAa,GAAG,cAAc,GAAG,UAAU,CAAC;AA8K1E,oBAAY,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEtD,MAAM,WAAW,YAAY;IACzB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,WAAW,CAAC;IAEvB,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,sEAAsE;IACtE,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,wCAAwC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,OAAO;;eAIM,MAAM,SAAS;qCAoEjC,CAAC;AAIF,eAAe,OAAO,CAAC;AAEvB,eAAO,MAAM,WAAW,yGAIrB,MAAM,GAAG,SAeX,CAAC"}

package/lib/components/base/icons/AngleDown.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const AngleDown: React.FC<{
     iconColor?: string;
     className?: string;
+    ariaHidden?: boolean;
 }>;
 export default AngleDown;
 //# sourceMappingURL=AngleDown.d.ts.map

package/lib/components/base/icons/AngleDown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AngleDown.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/AngleDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAiBnE,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"AngleDown.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/AngleDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAeA,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/base/icons/AngleLeft.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const AngleLeft: React.FC<{
     iconColor?: string;
     className?: string;
+    ariaHidden?: boolean;
 }>;
 export default AngleLeft;
 //# sourceMappingURL=AngleLeft.d.ts.map

package/lib/components/base/icons/AngleLeft.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AngleLeft.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/AngleLeft.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAiBnE,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"AngleLeft.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/AngleLeft.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAeA,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/base/icons/AngleUp.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const AngleUp: React.FC<{
     iconColor?: string;
     className?: string;
+    ariaHidden?: boolean;
 }>;
 export default AngleUp;
 //# sourceMappingURL=AngleUp.d.ts.map

package/lib/components/base/icons/AngleUp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AngleUp.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/AngleUp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAiBjE,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"AngleUp.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/AngleUp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAeA,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/components/base/icons/ArrowDown.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const ArrowDown: React.FC<{
     iconColor?: string;
     className?: string;
+    ariaHidden?: boolean;
 }>;
 export default ArrowDown;
 //# sourceMappingURL=ArrowDown.d.ts.map

package/lib/components/base/icons/ArrowDown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowDown.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/ArrowDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAcnE,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ArrowDown.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/ArrowDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAYA,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/base/icons/ArrowLeft.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const ArrowLeft: React.FC<{
     iconColor?: string;
     className?: string;
+    ariaHidden?: boolean;
 }>;
 export default ArrowLeft;
 //# sourceMappingURL=ArrowLeft.d.ts.map

package/lib/components/base/icons/ArrowLeft.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowLeft.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/ArrowLeft.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAcnE,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ArrowLeft.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/ArrowLeft.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAYA,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/base/icons/ArrowLeftGhost.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const ArrowLeftGhost: React.FC<{
     iconColor?: string;
     className?: string;
+    ariaHidden?: boolean;
 }>;
 export default ArrowLeftGhost;
 //# sourceMappingURL=ArrowLeftGhost.d.ts.map

package/lib/components/base/icons/ArrowLeftGhost.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowLeftGhost.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/ArrowLeftGhost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAgBxE,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ArrowLeftGhost.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/ArrowLeftGhost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAcA,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/base/icons/ArrowLeftRight.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const ArrowLeftRight: React.FC<{
     iconColor?: string;
     className?: string;
+    ariaHidden?: boolean;
 }>;
 export default ArrowLeftRight;
 //# sourceMappingURL=ArrowLeftRight.d.ts.map

package/lib/components/base/icons/ArrowLeftRight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowLeftRight.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/ArrowLeftRight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAiBxE,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ArrowLeftRight.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/ArrowLeftRight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAeA,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/base/icons/ArrowRight.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const ArrowRight: React.FC<{
     iconColor?: string;
     className?: string;
+    ariaHidden?: boolean;
 }>;
 export default ArrowRight;
 //# sourceMappingURL=ArrowRight.d.ts.map

package/lib/components/base/icons/ArrowRight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowRight.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/ArrowRight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAcpE,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ArrowRight.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/ArrowRight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAYA,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/base/icons/ArrowRightGhost.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const ArrowRightGhost: React.FC<{
     iconColor?: string;
     className?: string;
+    ariaHidden?: boolean;
 }>;
 export default ArrowRightGhost;
 //# sourceMappingURL=ArrowRightGhost.d.ts.map

package/lib/components/base/icons/ArrowRightGhost.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowRightGhost.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/ArrowRightGhost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAgBzE,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ArrowRightGhost.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/ArrowRightGhost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAcA,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/base/icons/ArrowUp.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const ArrowUp: React.FC<{
     iconColor?: string;
     className?: string;
+    ariaHidden?: boolean;
 }>;
 export default ArrowUp;
 //# sourceMappingURL=ArrowUp.d.ts.map

package/lib/components/base/icons/ArrowUp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowUp.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/ArrowUp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAcjE,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"ArrowUp.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/ArrowUp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAYA,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/components/base/icons/BoxArrowUpRight.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const BoxArrowUpRight: React.FC<{
     iconColor?: string;
     className?: string;
+    ariaHidden?: boolean;
 }>;
 export default BoxArrowUpRight;
 //# sourceMappingURL=BoxArrowUpRight.d.ts.map

package/lib/components/base/icons/BoxArrowUpRight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BoxArrowUpRight.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/BoxArrowUpRight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAyBzE,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"BoxArrowUpRight.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/BoxArrowUpRight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAuBA,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/base/icons/CalendarToday.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const CalendarToday: React.FC<{
     iconColor?: string;
     className?: string;
+    ariaHidden?: boolean;
 }>;
 export default CalendarToday;
 //# sourceMappingURL=CalendarToday.d.ts.map

package/lib/components/base/icons/CalendarToday.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarToday.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/CalendarToday.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAiBvE,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CalendarToday.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/CalendarToday.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAeA,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/base/icons/Category.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+declare const Category: React.FC<{
+    iconColor?: string;
+    ariaHidden?: boolean;
+    className?: string;
+}>;
+export default Category;
+//# sourceMappingURL=Category.d.ts.map

package/lib/components/base/icons/Category.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Category.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/Category.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAeA,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/base/icons/Check.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const Check: React.FC<{
     iconColor?: string;
     className?: string;
+    ariaHidden?: boolean;
 }>;
 export default Check;
 //# sourceMappingURL=Check.d.ts.map

package/lib/components/base/icons/Check.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Check.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/Check.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAgB/D,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Check.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/Check.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAcA,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/base/icons/Clock.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const Clock: React.FC<{
     iconColor?: string;
     className?: string;
+    ariaHidden?: boolean;
 }>;
 export default Clock;
 //# sourceMappingURL=Clock.d.ts.map

package/lib/components/base/icons/Clock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Clock.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/Clock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAkB/D,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Clock.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/Clock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAgBA,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/base/icons/ClockFilled.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+declare const ClockFilled: React.FC<{
+    iconColor?: string;
+    className?: string;
+    ariaHidden?: boolean;
+}>;
+export default ClockFilled;
+//# sourceMappingURL=ClockFilled.d.ts.map

package/lib/components/base/icons/ClockFilled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClockFilled.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/ClockFilled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAeA,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/base/icons/Computer.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+declare const Computer: React.FC<{
+    iconColor?: string;
+    ariaHidden?: boolean;
+    className?: string;
+}>;
+export default Computer;
+//# sourceMappingURL=Computer.d.ts.map

package/lib/components/base/icons/Computer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Computer.d.ts","sourceRoot":"","sources":["../../../../src/components/base/icons/Computer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAeA,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/base/icons/CrossSmall.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const CrossSmall: React.FC<{
     iconColor?: string;
     className?: string;
+    ariaHidden?: boolean;
 }>;
 export default CrossSmall;
 //# sourceMappingURL=CrossSmall.d.ts.map