@xsolla/xui-icons-base 0.212.0 → 0.213.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/native/{BaseIcon-bZEVZnv8.d.mts → BaseIcon-CCN4dIBq.d.mts} +7 -2
- package/native/{BaseIcon-bZEVZnv8.d.ts → BaseIcon-CCN4dIBq.d.ts} +7 -2
- package/native/alignments-layouts.d.mts +3 -2
- package/native/alignments-layouts.d.ts +3 -2
- package/native/alignments-layouts.js +4 -3
- package/native/alignments-layouts.js.map +1 -1
- package/native/alignments-layouts.mjs +4 -3
- package/native/alignments-layouts.mjs.map +1 -1
- package/native/bookmarks.d.mts +3 -2
- package/native/bookmarks.d.ts +3 -2
- package/native/bookmarks.js +4 -3
- package/native/bookmarks.js.map +1 -1
- package/native/bookmarks.mjs +4 -3
- package/native/bookmarks.mjs.map +1 -1
- package/native/chart-graphs.d.mts +3 -2
- package/native/chart-graphs.d.ts +3 -2
- package/native/chart-graphs.js +4 -3
- package/native/chart-graphs.js.map +1 -1
- package/native/chart-graphs.mjs +4 -3
- package/native/chart-graphs.mjs.map +1 -1
- package/native/communication.d.mts +3 -2
- package/native/communication.d.ts +3 -2
- package/native/communication.js +4 -3
- package/native/communication.js.map +1 -1
- package/native/communication.mjs +4 -3
- package/native/communication.mjs.map +1 -1
- package/native/controls.d.mts +3 -2
- package/native/controls.d.ts +3 -2
- package/native/controls.js +4 -3
- package/native/controls.js.map +1 -1
- package/native/controls.mjs +4 -3
- package/native/controls.mjs.map +1 -1
- package/native/date-time.d.mts +3 -2
- package/native/date-time.d.ts +3 -2
- package/native/date-time.js +4 -3
- package/native/date-time.js.map +1 -1
- package/native/date-time.mjs +4 -3
- package/native/date-time.mjs.map +1 -1
- package/native/design.d.mts +3 -2
- package/native/design.d.ts +3 -2
- package/native/design.js +4 -3
- package/native/design.js.map +1 -1
- package/native/design.mjs +4 -3
- package/native/design.mjs.map +1 -1
- package/native/devices-electronics.d.mts +3 -2
- package/native/devices-electronics.d.ts +3 -2
- package/native/devices-electronics.js +4 -3
- package/native/devices-electronics.js.map +1 -1
- package/native/devices-electronics.mjs +4 -3
- package/native/devices-electronics.mjs.map +1 -1
- package/native/files-folders.d.mts +3 -2
- package/native/files-folders.d.ts +3 -2
- package/native/files-folders.js +4 -3
- package/native/files-folders.js.map +1 -1
- package/native/files-folders.mjs +4 -3
- package/native/files-folders.mjs.map +1 -1
- package/native/finance-payment.d.mts +3 -2
- package/native/finance-payment.d.ts +3 -2
- package/native/finance-payment.js +4 -3
- package/native/finance-payment.js.map +1 -1
- package/native/finance-payment.mjs +4 -3
- package/native/finance-payment.mjs.map +1 -1
- package/native/formatting.d.mts +3 -2
- package/native/formatting.d.ts +3 -2
- package/native/formatting.js +4 -3
- package/native/formatting.js.map +1 -1
- package/native/formatting.mjs +4 -3
- package/native/formatting.mjs.map +1 -1
- package/native/games.d.mts +3 -2
- package/native/games.d.ts +3 -2
- package/native/games.js +4 -3
- package/native/games.js.map +1 -1
- package/native/games.mjs +4 -3
- package/native/games.mjs.map +1 -1
- package/native/index.d.mts +2 -1
- package/native/index.d.ts +2 -1
- package/native/index.js +4 -3
- package/native/index.js.map +1 -1
- package/native/index.mjs +4 -3
- package/native/index.mjs.map +1 -1
- package/native/media-controls.d.mts +3 -2
- package/native/media-controls.d.ts +3 -2
- package/native/media-controls.js +4 -3
- package/native/media-controls.js.map +1 -1
- package/native/media-controls.mjs +4 -3
- package/native/media-controls.mjs.map +1 -1
- package/native/navigation-travel.d.mts +3 -2
- package/native/navigation-travel.d.ts +3 -2
- package/native/navigation-travel.js +4 -3
- package/native/navigation-travel.js.map +1 -1
- package/native/navigation-travel.mjs +4 -3
- package/native/navigation-travel.mjs.map +1 -1
- package/native/shopping-ecommerce.d.mts +3 -2
- package/native/shopping-ecommerce.d.ts +3 -2
- package/native/shopping-ecommerce.js +4 -3
- package/native/shopping-ecommerce.js.map +1 -1
- package/native/shopping-ecommerce.mjs +4 -3
- package/native/shopping-ecommerce.mjs.map +1 -1
- package/native/specialized.d.mts +3 -2
- package/native/specialized.d.ts +3 -2
- package/native/specialized.js +4 -3
- package/native/specialized.js.map +1 -1
- package/native/specialized.mjs +4 -3
- package/native/specialized.mjs.map +1 -1
- package/native/user-interface.d.mts +3 -2
- package/native/user-interface.d.ts +3 -2
- package/native/user-interface.js +4 -3
- package/native/user-interface.js.map +1 -1
- package/native/user-interface.mjs +4 -3
- package/native/user-interface.mjs.map +1 -1
- package/package.json +5 -3
- package/web/{BaseIcon-bZEVZnv8.d.mts → BaseIcon-CCN4dIBq.d.mts} +7 -2
- package/web/{BaseIcon-bZEVZnv8.d.ts → BaseIcon-CCN4dIBq.d.ts} +7 -2
- package/web/alignments-layouts.d.mts +3 -2
- package/web/alignments-layouts.d.ts +3 -2
- package/web/alignments-layouts.js +2 -1
- package/web/alignments-layouts.js.map +1 -1
- package/web/alignments-layouts.mjs +2 -1
- package/web/alignments-layouts.mjs.map +1 -1
- package/web/bookmarks.d.mts +3 -2
- package/web/bookmarks.d.ts +3 -2
- package/web/bookmarks.js +2 -1
- package/web/bookmarks.js.map +1 -1
- package/web/bookmarks.mjs +2 -1
- package/web/bookmarks.mjs.map +1 -1
- package/web/chart-graphs.d.mts +3 -2
- package/web/chart-graphs.d.ts +3 -2
- package/web/chart-graphs.js +2 -1
- package/web/chart-graphs.js.map +1 -1
- package/web/chart-graphs.mjs +2 -1
- package/web/chart-graphs.mjs.map +1 -1
- package/web/communication.d.mts +3 -2
- package/web/communication.d.ts +3 -2
- package/web/communication.js +2 -1
- package/web/communication.js.map +1 -1
- package/web/communication.mjs +2 -1
- package/web/communication.mjs.map +1 -1
- package/web/controls.d.mts +3 -2
- package/web/controls.d.ts +3 -2
- package/web/controls.js +2 -1
- package/web/controls.js.map +1 -1
- package/web/controls.mjs +2 -1
- package/web/controls.mjs.map +1 -1
- package/web/date-time.d.mts +3 -2
- package/web/date-time.d.ts +3 -2
- package/web/date-time.js +2 -1
- package/web/date-time.js.map +1 -1
- package/web/date-time.mjs +2 -1
- package/web/date-time.mjs.map +1 -1
- package/web/design.d.mts +3 -2
- package/web/design.d.ts +3 -2
- package/web/design.js +2 -1
- package/web/design.js.map +1 -1
- package/web/design.mjs +2 -1
- package/web/design.mjs.map +1 -1
- package/web/devices-electronics.d.mts +3 -2
- package/web/devices-electronics.d.ts +3 -2
- package/web/devices-electronics.js +2 -1
- package/web/devices-electronics.js.map +1 -1
- package/web/devices-electronics.mjs +2 -1
- package/web/devices-electronics.mjs.map +1 -1
- package/web/files-folders.d.mts +3 -2
- package/web/files-folders.d.ts +3 -2
- package/web/files-folders.js +2 -1
- package/web/files-folders.js.map +1 -1
- package/web/files-folders.mjs +2 -1
- package/web/files-folders.mjs.map +1 -1
- package/web/finance-payment.d.mts +3 -2
- package/web/finance-payment.d.ts +3 -2
- package/web/finance-payment.js +2 -1
- package/web/finance-payment.js.map +1 -1
- package/web/finance-payment.mjs +2 -1
- package/web/finance-payment.mjs.map +1 -1
- package/web/formatting.d.mts +3 -2
- package/web/formatting.d.ts +3 -2
- package/web/formatting.js +2 -1
- package/web/formatting.js.map +1 -1
- package/web/formatting.mjs +2 -1
- package/web/formatting.mjs.map +1 -1
- package/web/games.d.mts +3 -2
- package/web/games.d.ts +3 -2
- package/web/games.js +2 -1
- package/web/games.js.map +1 -1
- package/web/games.mjs +2 -1
- package/web/games.mjs.map +1 -1
- package/web/index.d.mts +2 -1
- package/web/index.d.ts +2 -1
- package/web/index.js +2 -1
- package/web/index.js.map +1 -1
- package/web/index.mjs +2 -1
- package/web/index.mjs.map +1 -1
- package/web/media-controls.d.mts +3 -2
- package/web/media-controls.d.ts +3 -2
- package/web/media-controls.js +2 -1
- package/web/media-controls.js.map +1 -1
- package/web/media-controls.mjs +2 -1
- package/web/media-controls.mjs.map +1 -1
- package/web/navigation-travel.d.mts +3 -2
- package/web/navigation-travel.d.ts +3 -2
- package/web/navigation-travel.js +2 -1
- package/web/navigation-travel.js.map +1 -1
- package/web/navigation-travel.mjs +2 -1
- package/web/navigation-travel.mjs.map +1 -1
- package/web/shopping-ecommerce.d.mts +3 -2
- package/web/shopping-ecommerce.d.ts +3 -2
- package/web/shopping-ecommerce.js +2 -1
- package/web/shopping-ecommerce.js.map +1 -1
- package/web/shopping-ecommerce.mjs +2 -1
- package/web/shopping-ecommerce.mjs.map +1 -1
- package/web/specialized.d.mts +3 -2
- package/web/specialized.d.ts +3 -2
- package/web/specialized.js +2 -1
- package/web/specialized.js.map +1 -1
- package/web/specialized.mjs +2 -1
- package/web/specialized.mjs.map +1 -1
- package/web/user-interface.d.mts +3 -2
- package/web/user-interface.d.ts +3 -2
- package/web/user-interface.js +2 -1
- package/web/user-interface.js.map +1 -1
- package/web/user-interface.mjs +2 -1
- package/web/user-interface.mjs.map +1 -1
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { IconSize } from '@xsolla/xui-primitives-core';
|
|
2
3
|
|
|
3
4
|
type IconVariant = "solid" | "line";
|
|
4
5
|
interface BaseIconProps {
|
|
5
6
|
/** Icon variant style. Default: 'line' */
|
|
6
7
|
variant?: IconVariant;
|
|
7
|
-
/**
|
|
8
|
-
|
|
8
|
+
/**
|
|
9
|
+
* Size in pixels (`number`) or as a CSS length (`string`) — use `"100%"` to
|
|
10
|
+
* fill a container sized by the parent. On React Native only numbers and
|
|
11
|
+
* percentages apply; other CSS lengths warn and fall back to 24. Default: 24
|
|
12
|
+
*/
|
|
13
|
+
size?: IconSize;
|
|
9
14
|
/** Icon color. Default: 'currentColor' */
|
|
10
15
|
color?: string;
|
|
11
16
|
/** Additional CSS class */
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { IconSize } from '@xsolla/xui-primitives-core';
|
|
2
3
|
|
|
3
4
|
type IconVariant = "solid" | "line";
|
|
4
5
|
interface BaseIconProps {
|
|
5
6
|
/** Icon variant style. Default: 'line' */
|
|
6
7
|
variant?: IconVariant;
|
|
7
|
-
/**
|
|
8
|
-
|
|
8
|
+
/**
|
|
9
|
+
* Size in pixels (`number`) or as a CSS length (`string`) — use `"100%"` to
|
|
10
|
+
* fill a container sized by the parent. On React Native only numbers and
|
|
11
|
+
* percentages apply; other CSS lengths warn and fall back to 24. Default: 24
|
|
12
|
+
*/
|
|
13
|
+
size?: IconSize;
|
|
9
14
|
/** Icon color. Default: 'currentColor' */
|
|
10
15
|
color?: string;
|
|
11
16
|
/** Additional CSS class */
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { b as BaseIconProps } from './BaseIcon-
|
|
2
|
-
export { B as BaseIcon, a as BaseIconComponent, I as IconVariant } from './BaseIcon-
|
|
1
|
+
import { b as BaseIconProps } from './BaseIcon-CCN4dIBq.mjs';
|
|
2
|
+
export { B as BaseIcon, a as BaseIconComponent, I as IconVariant } from './BaseIcon-CCN4dIBq.mjs';
|
|
3
3
|
import React from 'react';
|
|
4
|
+
import '@xsolla/xui-primitives-core';
|
|
4
5
|
|
|
5
6
|
declare const Footer: React.FC<BaseIconProps>;
|
|
6
7
|
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { b as BaseIconProps } from './BaseIcon-
|
|
2
|
-
export { B as BaseIcon, a as BaseIconComponent, I as IconVariant } from './BaseIcon-
|
|
1
|
+
import { b as BaseIconProps } from './BaseIcon-CCN4dIBq.js';
|
|
2
|
+
export { B as BaseIcon, a as BaseIconComponent, I as IconVariant } from './BaseIcon-CCN4dIBq.js';
|
|
3
3
|
import React from 'react';
|
|
4
|
+
import '@xsolla/xui-primitives-core';
|
|
4
5
|
|
|
5
6
|
declare const Footer: React.FC<BaseIconProps>;
|
|
6
7
|
|
|
@@ -44,6 +44,7 @@ module.exports = __toCommonJS(alignments_layouts_exports);
|
|
|
44
44
|
// src/BaseIcon.native.tsx
|
|
45
45
|
var import_react_native = require("react-native");
|
|
46
46
|
var import_react_native_svg = require("react-native-svg");
|
|
47
|
+
var import_xui_primitives_core = require("@xsolla/xui-primitives-core");
|
|
47
48
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
48
49
|
var BaseIcon = ({
|
|
49
50
|
variant = "line",
|
|
@@ -56,10 +57,10 @@ var BaseIcon = ({
|
|
|
56
57
|
"aria-label": ariaLabel
|
|
57
58
|
}) => {
|
|
58
59
|
const svgContent = variant === "line" ? lineContent18 : solidContent18;
|
|
59
|
-
const
|
|
60
|
+
const resolvedSize = (0, import_xui_primitives_core.resolveNativeIconSize)(size, 24);
|
|
60
61
|
const containerStyle = {
|
|
61
|
-
width:
|
|
62
|
-
height:
|
|
62
|
+
width: resolvedSize,
|
|
63
|
+
height: resolvedSize,
|
|
63
64
|
alignItems: "center",
|
|
64
65
|
justifyContent: "center",
|
|
65
66
|
...style
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/alignments-layouts.ts","../../src/BaseIcon.native.tsx","../../src/components/alignments-layouts/Footer.tsx","../../src/components/alignments-layouts/GameDescription.tsx","../../src/components/alignments-layouts/GridFour.tsx","../../src/components/alignments-layouts/GridFourt.tsx","../../src/components/alignments-layouts/GridThree.tsx","../../src/components/alignments-layouts/GridTwoHr.tsx","../../src/components/alignments-layouts/GridTwoVr.tsx","../../src/components/alignments-layouts/Header.tsx","../../src/components/alignments-layouts/LeadBlock.tsx","../../src/components/alignments-layouts/SidebarLeft.tsx","../../src/components/alignments-layouts/SidebarRight.tsx","../../src/components/alignments-layouts/Slider.tsx","../../src/components/alignments-layouts/ViewBoard.tsx","../../src/components/alignments-layouts/ViewColumn.tsx","../../src/components/alignments-layouts/ViewList.tsx","../../src/components/alignments-layouts/ViewTable.tsx","../../src/components/alignments-layouts/ViewTimeline.tsx"],"sourcesContent":["// Auto-generated - do not edit manually\nexport { BaseIcon } from \"./BaseIcon\";\nexport type { BaseIconProps, BaseIconComponent, IconVariant } from \"./types\";\n\nexport { Footer } from \"./components/alignments-layouts/Footer\";\nexport { GameDescription } from \"./components/alignments-layouts/GameDescription\";\nexport { GridFour } from \"./components/alignments-layouts/GridFour\";\nexport { GridFourt } from \"./components/alignments-layouts/GridFourt\";\nexport { GridThree } from \"./components/alignments-layouts/GridThree\";\nexport { GridTwoHr } from \"./components/alignments-layouts/GridTwoHr\";\nexport { GridTwoVr } from \"./components/alignments-layouts/GridTwoVr\";\nexport { Header } from \"./components/alignments-layouts/Header\";\nexport { LeadBlock } from \"./components/alignments-layouts/LeadBlock\";\nexport { SidebarLeft } from \"./components/alignments-layouts/SidebarLeft\";\nexport { SidebarRight } from \"./components/alignments-layouts/SidebarRight\";\nexport { Slider } from \"./components/alignments-layouts/Slider\";\nexport { ViewBoard } from \"./components/alignments-layouts/ViewBoard\";\nexport { ViewColumn } from \"./components/alignments-layouts/ViewColumn\";\nexport { ViewList } from \"./components/alignments-layouts/ViewList\";\nexport { ViewTable } from \"./components/alignments-layouts/ViewTable\";\nexport { ViewTimeline } from \"./components/alignments-layouts/ViewTimeline\";\n","import React from \"react\";\nimport { View, ViewStyle } from \"react-native\";\nimport { SvgXml } from \"react-native-svg\";\nimport type { BaseIconInternalProps } from \"./types\";\n\nexport const BaseIcon: React.FC<BaseIconInternalProps> = ({\n variant = \"line\",\n size = 24,\n color = \"currentColor\",\n solidContent,\n lineContent,\n style,\n testID,\n \"aria-label\": ariaLabel,\n}) => {\n const svgContent = variant === \"line\" ? lineContent : solidContent;\n\n // React Native doesn't support string sizes like \"100%\" - use default if string provided\n const numericSize = typeof size === \"number\" ? size : 24;\n\n const containerStyle: ViewStyle = {\n width: numericSize,\n height: numericSize,\n alignItems: \"center\",\n justifyContent: \"center\",\n ...(style as ViewStyle),\n };\n\n // Replace currentColor with actual color for React Native\n const coloredSvg = svgContent.replace(/currentColor/g, color);\n\n return (\n <View\n style={containerStyle}\n testID={testID}\n accessible={!!ariaLabel}\n accessibilityLabel={ariaLabel}\n accessibilityRole={ariaLabel ? \"image\" : undefined}\n >\n <SvgXml xml={coloredSvg} width=\"100%\" height=\"100%\" />\n </View>\n );\n};\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_footer--solid\"><path id=\"Union\" d=\"M20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5ZM6.5 12.0005C6.22386 12.0005 6 12.2243 6 12.5005V17.5005C6 17.7766 6.22386 18.0005 6.5 18.0005H17.5C17.7761 18.0005 18 17.7766 18 17.5005V12.5005C18 12.2243 17.7761 12.0005 17.5 12.0005H6.5Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_footer--line\"><path id=\"Union\" d=\"M20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5ZM5 19H19V5H5V19ZM16.5 11C16.7761 11 17 11.2239 17 11.5V16.5C17 16.7761 16.7761 17 16.5 17H7.5C7.22386 17 7 16.7761 7 16.5V11.5C7 11.2239 7.22386 11 7.5 11H16.5Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const Footer: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_game-description--solid\"><path id=\"Union\" d=\"M21 20.9966H3V18.9966H21V20.9966ZM21 16.9966H3V14.9966H21V16.9966ZM21 12.9966H3V10.9966H21V12.9966ZM8.5 2.99658C8.77614 2.99658 9 3.22044 9 3.49658V8.49658C9 8.77272 8.77614 8.99658 8.5 8.99658H3.5C3.22386 8.99658 3 8.77272 3 8.49658V3.49658C3 3.22044 3.22386 2.99658 3.5 2.99658H8.5ZM21 8.99658H11V6.99658H21V8.99658ZM21 4.99658H11V2.99658H21V4.99658Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_game-description--line\"><path id=\"Union\" d=\"M21 21H3V19H21V21ZM21 17H3V15H21V17ZM21 13H3V11H21V13ZM8.5 3C8.77614 3 9 3.22386 9 3.5V8.5C9 8.77614 8.77614 9 8.5 9H3.5C3.22386 9 3 8.77614 3 8.5V3.5C3 3.22386 3.22386 3 3.5 3H8.5ZM21 9H11V7H21V9ZM5 7H7V5H5V7ZM21 5H11V3H21V5Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GameDescription: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-four--solid\"><path id=\"Union\" d=\"M11 20.5005C11 20.7766 10.7761 21.0005 10.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V13.5005C3 13.2243 3.22386 13.0005 3.5 13.0005H10.5C10.7761 13.0005 11 13.2243 11 13.5005V20.5005ZM21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H13.5C13.2239 21.0005 13 20.7766 13 20.5005V13.5005C13 13.2243 13.2239 13.0005 13.5 13.0005H20.5C20.7761 13.0005 21 13.2243 21 13.5005V20.5005ZM11 10.5005C11 10.7766 10.7761 11.0005 10.5 11.0005H3.5C3.22386 11.0005 3 10.7766 3 10.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H10.5C10.7761 3.00049 11 3.22435 11 3.50049V10.5005ZM21 10.5005C21 10.7766 20.7761 11.0005 20.5 11.0005H13.5C13.2239 11.0005 13 10.7766 13 10.5005V3.50049C13 3.22435 13.2239 3.00049 13.5 3.00049H20.5C20.7761 3.00049 21 3.22435 21 3.50049V10.5005Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-four--line\"><path id=\"Union\" d=\"M11 20.5C11 20.7761 10.7761 21 10.5 21H3.5C3.22386 21 3 20.7761 3 20.5V13.5C3 13.2239 3.22386 13 3.5 13H10.5C10.7761 13 11 13.2239 11 13.5V20.5ZM21 20.5C21 20.7761 20.7761 21 20.5 21H13.5C13.2239 21 13 20.7761 13 20.5V13.5C13 13.2239 13.2239 13 13.5 13H20.5C20.7761 13 21 13.2239 21 13.5V20.5ZM5 19H9V15H5V19ZM15 19H19V15H15V19ZM11 10.5C11 10.7761 10.7761 11 10.5 11H3.5C3.22386 11 3 10.7761 3 10.5V3.5C3 3.22386 3.22386 3 3.5 3H10.5C10.7761 3 11 3.22386 11 3.5V10.5ZM21 10.5C21 10.7761 20.7761 11 20.5 11H13.5C13.2239 11 13 10.7761 13 10.5V3.5C13 3.22386 13.2239 3 13.5 3H20.5C20.7761 3 21 3.22386 21 3.5V10.5ZM5 9H9V5H5V9ZM15 9H19V5H15V9Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GridFour: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-fourt--solid\"><path id=\"Union\" d=\"M11 20.5005C11 20.7766 10.7761 21.0005 10.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V11.5005C3 11.2243 3.22386 11.0005 3.5 11.0005H10.5C10.7761 11.0005 11 11.2243 11 11.5005V20.5005ZM21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H13.5C13.2239 21.0005 13 20.7766 13 20.5005V15.5005C13 15.2243 13.2239 15.0005 13.5 15.0005H20.5C20.7761 15.0005 21 15.2243 21 15.5005V20.5005ZM21 12.5005C21 12.7766 20.7761 13.0005 20.5 13.0005H13.5C13.2239 13.0005 13 12.7766 13 12.5005V3.50049C13 3.22435 13.2239 3.00049 13.5 3.00049H20.5C20.7761 3.00049 21 3.22435 21 3.50049V12.5005ZM11 8.50049C11 8.77663 10.7761 9.00049 10.5 9.00049H3.5C3.22386 9.00049 3 8.77663 3 8.50049V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H10.5C10.7761 3.00049 11 3.22435 11 3.50049V8.50049Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-fourt--line\"><path id=\"Union\" d=\"M11 20.5C11 20.7761 10.7761 21 10.5 21H3.5C3.22386 21 3 20.7761 3 20.5V11.5C3 11.2239 3.22386 11 3.5 11H10.5C10.7761 11 11 11.2239 11 11.5V20.5ZM21 20.5C21 20.7761 20.7761 21 20.5 21H13.5C13.2239 21 13 20.7761 13 20.5V15.5C13 15.2239 13.2239 15 13.5 15H20.5C20.7761 15 21 15.2239 21 15.5V20.5ZM5 19H9V13H5V19ZM15 19H19V17H15V19ZM21 12.5C21 12.7761 20.7761 13 20.5 13H13.5C13.2239 13 13 12.7761 13 12.5V3.5C13 3.22386 13.2239 3 13.5 3H20.5C20.7761 3 21 3.22386 21 3.5V12.5ZM15 11H19V5H15V11ZM11 8.5C11 8.77614 10.7761 9 10.5 9H3.5C3.22386 9 3 8.77614 3 8.5V3.5C3 3.22386 3.22386 3 3.5 3H10.5C10.7761 3 11 3.22386 11 3.5V8.5ZM5 7H9V5H5V7Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GridFourt: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-three--solid\"><path id=\"Union\" d=\"M9 20.5005C9 20.7766 8.77614 21.0005 8.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V13.5005C3 13.2243 3.22386 13.0005 3.5 13.0005H8.5C8.77614 13.0005 9 13.2243 9 13.5005V20.5005ZM21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H11.5C11.2239 21.0005 11 20.7766 11 20.5005V13.5005C11 13.2243 11.2239 13.0005 11.5 13.0005H20.5C20.7761 13.0005 21 13.2243 21 13.5005V20.5005ZM21 10.5005C21 10.7766 20.7761 11.0005 20.5 11.0005H3.5C3.22386 11.0005 3 10.7766 3 10.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5C20.7761 3.00049 21 3.22435 21 3.50049V10.5005Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-three--line\"><path id=\"Union\" d=\"M9 20.5C9 20.7761 8.77614 21 8.5 21H3.5C3.22386 21 3 20.7761 3 20.5V13.5C3 13.2239 3.22386 13 3.5 13H8.5C8.77614 13 9 13.2239 9 13.5V20.5ZM21 20.5C21 20.7761 20.7761 21 20.5 21H11.5C11.2239 21 11 20.7761 11 20.5V13.5C11 13.2239 11.2239 13 11.5 13H20.5C20.7761 13 21 13.2239 21 13.5V20.5ZM5 19H7V15H5V19ZM13 19H19V15H13V19ZM21 10.5C21 10.7761 20.7761 11 20.5 11H3.5C3.22386 11 3 10.7761 3 10.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V10.5ZM5 9H19V5H5V9Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GridThree: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-two-hr--solid\"><path id=\"Union\" d=\"M11 20.5005C11 20.7766 10.7761 21.0005 10.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H10.5C10.7761 3.00049 11 3.22435 11 3.50049V20.5005ZM20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H13.5C13.2239 21.0005 13 20.7766 13 20.5005V3.50049C13 3.22435 13.2239 3.00049 13.5 3.00049H20.5Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-two-hr--line\"><path id=\"Union\" d=\"M11 20.5C11 20.7761 10.7761 21 10.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H10.5C10.7761 3 11 3.22386 11 3.5V20.5ZM20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H13.5C13.2239 21 13 20.7761 13 20.5V3.5C13 3.22386 13.2239 3 13.5 3H20.5ZM5 19H9V5H5V19ZM15 19H19V5H15V19Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GridTwoHr: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-two-vr--solid\"><path id=\"Union\" d=\"M21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V13.5005C3 13.2243 3.22386 13.0005 3.5 13.0005H20.5C20.7761 13.0005 21 13.2243 21 13.5005V20.5005ZM21 10.5005C21 10.7766 20.7761 11.0005 20.5 11.0005H3.5C3.22386 11.0005 3 10.7766 3 10.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5C20.7761 3.00049 21 3.22435 21 3.50049V10.5005Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-two-vr--line\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V13.5C3 13.2239 3.22386 13 3.5 13H20.5C20.7761 13 21 13.2239 21 13.5V20.5ZM5 19H19V15H5V19ZM21 10.5C21 10.7761 20.7761 11 20.5 11H3.5C3.22386 11 3 10.7761 3 10.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V10.5ZM5 9H19V5H5V9Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GridTwoVr: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_header--solid\"><path id=\"Union\" d=\"M3.5 21.0005C3.22386 21.0005 3 20.7766 3 20.5005L3 3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049L20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049L21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005L3.5 21.0005ZM17.5 12.0005C17.7761 12.0005 18 11.7766 18 11.5005L18 6.50049C18 6.22435 17.7761 6.00049 17.5 6.00049L6.5 6.00049C6.22386 6.00049 6 6.22435 6 6.50049L6 11.5005C6 11.7766 6.22386 12.0005 6.5 12.0005L17.5 12.0005Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_header--line\"><path id=\"Union\" d=\"M3.5 21C3.22386 21 3 20.7761 3 20.5L3 3.5C3 3.22386 3.22386 3 3.5 3L20.5 3C20.7761 3 21 3.22386 21 3.5L21 20.5C21 20.7761 20.7761 21 20.5 21L3.5 21ZM19 5L5 5L5 19L19 19L19 5ZM7.5 13C7.22386 13 7 12.7761 7 12.5L7 7.5C7 7.22386 7.22386 7 7.5 7L16.5 7C16.7761 7 17 7.22386 17 7.5V12.5C17 12.7761 16.7761 13 16.5 13L7.5 13Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const Header: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_lead-block--solid\"><path id=\"Union\" d=\"M11 20.5005C11 20.7766 10.7761 21.0005 10.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V15.5005C3 15.2243 3.22386 15.0005 3.5 15.0005H10.5C10.7761 15.0005 11 15.2243 11 15.5005V20.5005ZM20.5 15.0005C20.7761 15.0005 21 15.2243 21 15.5005V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H13.5C13.2239 21.0005 13 20.7766 13 20.5005V15.5005C13 15.2243 13.2239 15.0005 13.5 15.0005H20.5ZM11 12.5005C11 12.7766 10.7761 13.0005 10.5 13.0005H3.5C3.22386 13.0005 3 12.7766 3 12.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H10.5C10.7761 3.00049 11 3.22435 11 3.50049V12.5005ZM21 13.0005H13V11.0005H21V13.0005ZM21 9.00049H13V7.00049H21V9.00049ZM21 5.00049H13V3.00049H21V5.00049Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_lead-block--line\"><path id=\"Union\" d=\"M11 20.5C11 20.7761 10.7761 21 10.5 21H3.5C3.22386 21 3 20.7761 3 20.5V15.5C3 15.2239 3.22386 15 3.5 15H10.5C10.7761 15 11 15.2239 11 15.5V20.5ZM20.5 15C20.7761 15 21 15.2239 21 15.5V20.5C21 20.7761 20.7761 21 20.5 21H13.5C13.2239 21 13 20.7761 13 20.5V15.5C13 15.2239 13.2239 15 13.5 15H20.5ZM5 19H9V17H5V19ZM15 19H19V17H15V19ZM11 12.5C11 12.7761 10.7761 13 10.5 13H3.5C3.22386 13 3 12.7761 3 12.5V3.5C3 3.22386 3.22386 3 3.5 3H10.5C10.7761 3 11 3.22386 11 3.5V12.5ZM21 13H13V11H21V13ZM5 11H9V5H5V11ZM21 9H13V7H21V9ZM21 5H13V3H21V5Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const LeadBlock: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_sidebar-left--solid\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5L3 3.5C3 3.22386 3.22386 3 3.5 3L20.5 3C20.7761 3 21 3.22386 21 3.5V20.5ZM12 6.5C12 6.22386 11.7761 6 11.5 6H6.5C6.22386 6 6 6.22386 6 6.5L6 17.5C6 17.7761 6.22386 18 6.5 18H11.5C11.7761 18 12 17.7761 12 17.5L12 6.5Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_sidebar-left--line\"><path id=\"Union\" d=\"M20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5ZM5 19H19V5H5V19ZM12.5 7C12.7761 7 13 7.22386 13 7.5V16.5C13 16.7761 12.7761 17 12.5 17H7.5C7.22386 17 7 16.7761 7 16.5V7.5C7 7.22386 7.22386 7 7.5 7H12.5Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const SidebarLeft: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_sidebar-right--solid\"><path id=\"Union\" d=\"M3 3.5C3 3.22386 3.22386 3 3.5 3L20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5L3 3.5ZM12 17.5C12 17.7761 12.2239 18 12.5 18H17.5C17.7761 18 18 17.7761 18 17.5L18 6.5C18 6.22386 17.7761 6 17.5 6H12.5C12.2239 6 12 6.22386 12 6.5L12 17.5Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_sidebar-right--line\"><path id=\"Union\" d=\"M3 3.5C3 3.22386 3.22386 3 3.5 3L20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5L3 3.5ZM19 19V5L5 5L5 19H19ZM11 7.5C11 7.22386 11.2239 7 11.5 7L16.5 7C16.7761 7 17 7.22386 17 7.5L17 16.5C17 16.7761 16.7761 17 16.5 17H11.5C11.2239 17 11 16.7761 11 16.5L11 7.5Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const SidebarRight: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_slider--solid\"><path id=\"Union\" d=\"M18 19.5005C18 19.7766 17.7761 20.0005 17.5 20.0005H6.5C6.22386 20.0005 6 19.7766 6 19.5005V4.50049C6 4.22435 6.22386 4.00049 6.5 4.00049H17.5C17.7761 4.00049 18 4.22435 18 4.50049V19.5005ZM4 17.0005H2V7.00049H4V17.0005ZM22 17.0005H20V7.00049H22V17.0005Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_slider--line\"><path id=\"Union\" d=\"M18 19.5C18 19.7761 17.7761 20 17.5 20H6.5C6.22386 20 6 19.7761 6 19.5V4.5C6 4.22386 6.22386 4 6.5 4H17.5C17.7761 4 18 4.22386 18 4.5V19.5ZM8 18H16V6H8V18ZM4 17H2V7H4V17ZM22 17H20V7H22V17Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const Slider: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-board--solid\"><path id=\"Union\" d=\"M20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5ZM11 7.00049V17.0005H13V7.00049H11ZM7 7.00049V15.0005H9V7.00049H7ZM15 7.00049V13.0005H17V7.00049H15Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-board--line\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V20.5ZM5 19H19V5H5V19ZM13 17H11V7H13V17ZM9 15H7V7H9V15ZM17 13H15V7H17V13Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const ViewBoard: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-column--solid\"><path id=\"Union\" d=\"M7.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H7.5V21.0005ZM14.5 21.0005H9.5V3.00049H14.5V21.0005ZM20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H16.5V3.00049H20.5Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-column--line\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V20.5ZM5 19H8V5H5V19ZM10 19H14V5H10V19ZM16 19H19V5H16V19Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const ViewColumn: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-list--solid\"><path id=\"Union\" d=\"M20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5ZM8 15.0005C7.44772 15.0005 7 15.4482 7 16.0005C7 16.5528 7.44772 17.0005 8 17.0005C8.55228 17.0005 9 16.5528 9 16.0005C9 15.4482 8.55228 15.0005 8 15.0005ZM11 15.0005V17.0005H17V15.0005H11ZM8 11.0005C7.44772 11.0005 7 11.4482 7 12.0005C7 12.5528 7.44772 13.0005 8 13.0005C8.55228 13.0005 9 12.5528 9 12.0005C9 11.4482 8.55228 11.0005 8 11.0005ZM11 11.0005V13.0005H17V11.0005H11ZM8 7.00049C7.44772 7.00049 7 7.4482 7 8.00049C7 8.55277 7.44772 9.00049 8 9.00049C8.55228 9.00049 9 8.55277 9 8.00049C9 7.4482 8.55228 7.00049 8 7.00049ZM11 7.00049V9.00049H17V7.00049H11Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-list--line\"><path id=\"Union\" d=\"M20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5ZM5 19H19V5H5V19ZM8 15C8.55228 15 9 15.4477 9 16C9 16.5523 8.55228 17 8 17C7.44772 17 7 16.5523 7 16C7 15.4477 7.44772 15 8 15ZM17 17H11V15H17V17ZM8 11C8.55228 11 9 11.4477 9 12C9 12.5523 8.55228 13 8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11ZM17 13H11V11H17V13ZM8 7C8.55228 7 9 7.44772 9 8C9 8.55228 8.55228 9 8 9C7.44772 9 7 8.55228 7 8C7 7.44772 7.44772 7 8 7ZM17 9H11V7H17V9Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const ViewList: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-table--solid\"><path id=\"Union\" d=\"M8 16.0005V21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V16.0005H8ZM21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H10V16.0005H21V20.5005ZM21 14.0005H10V10.0005H21V14.0005ZM8 10.0005V14.0005H3V10.0005H8ZM20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V8.00049H10V3.00049H20.5ZM8 8.00049H3V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H8V8.00049Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-table--line\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V20.5ZM5 19H8V16H5V19ZM10 19H19V16H10V19ZM5 14H8V10H5V14ZM10 14H19V10H10V14ZM5 8H8V5H5V8ZM10 8H19V5H10V8Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const ViewTable: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-timeline--solid\"><path id=\"Union\" d=\"M20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5ZM11 15.0005V17.0005H17V15.0005H11ZM9 11.0005V13.0005H15V11.0005H9ZM7 7.00049V9.00049H13V7.00049H7Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-timeline--line\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V20.5ZM5 19H19V5H5V19ZM17 17H11V15H17V17ZM15 13H9V11H15V13ZM13 9H7V7H13V9Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const ViewTimeline: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n"],"mappings":"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","names":["solidContent","lineContent","import_jsx_runtime","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent"]}
|
|
1
|
+
{"version":3,"sources":["../../src/alignments-layouts.ts","../../src/BaseIcon.native.tsx","../../src/components/alignments-layouts/Footer.tsx","../../src/components/alignments-layouts/GameDescription.tsx","../../src/components/alignments-layouts/GridFour.tsx","../../src/components/alignments-layouts/GridFourt.tsx","../../src/components/alignments-layouts/GridThree.tsx","../../src/components/alignments-layouts/GridTwoHr.tsx","../../src/components/alignments-layouts/GridTwoVr.tsx","../../src/components/alignments-layouts/Header.tsx","../../src/components/alignments-layouts/LeadBlock.tsx","../../src/components/alignments-layouts/SidebarLeft.tsx","../../src/components/alignments-layouts/SidebarRight.tsx","../../src/components/alignments-layouts/Slider.tsx","../../src/components/alignments-layouts/ViewBoard.tsx","../../src/components/alignments-layouts/ViewColumn.tsx","../../src/components/alignments-layouts/ViewList.tsx","../../src/components/alignments-layouts/ViewTable.tsx","../../src/components/alignments-layouts/ViewTimeline.tsx"],"sourcesContent":["// Auto-generated - do not edit manually\nexport { BaseIcon } from \"./BaseIcon\";\nexport type { BaseIconProps, BaseIconComponent, IconVariant } from \"./types\";\n\nexport { Footer } from \"./components/alignments-layouts/Footer\";\nexport { GameDescription } from \"./components/alignments-layouts/GameDescription\";\nexport { GridFour } from \"./components/alignments-layouts/GridFour\";\nexport { GridFourt } from \"./components/alignments-layouts/GridFourt\";\nexport { GridThree } from \"./components/alignments-layouts/GridThree\";\nexport { GridTwoHr } from \"./components/alignments-layouts/GridTwoHr\";\nexport { GridTwoVr } from \"./components/alignments-layouts/GridTwoVr\";\nexport { Header } from \"./components/alignments-layouts/Header\";\nexport { LeadBlock } from \"./components/alignments-layouts/LeadBlock\";\nexport { SidebarLeft } from \"./components/alignments-layouts/SidebarLeft\";\nexport { SidebarRight } from \"./components/alignments-layouts/SidebarRight\";\nexport { Slider } from \"./components/alignments-layouts/Slider\";\nexport { ViewBoard } from \"./components/alignments-layouts/ViewBoard\";\nexport { ViewColumn } from \"./components/alignments-layouts/ViewColumn\";\nexport { ViewList } from \"./components/alignments-layouts/ViewList\";\nexport { ViewTable } from \"./components/alignments-layouts/ViewTable\";\nexport { ViewTimeline } from \"./components/alignments-layouts/ViewTimeline\";\n","import React from \"react\";\nimport { View, ViewStyle } from \"react-native\";\nimport { SvgXml } from \"react-native-svg\";\nimport { resolveNativeIconSize } from \"@xsolla/xui-primitives-core\";\nimport type { BaseIconInternalProps } from \"./types\";\n\nexport const BaseIcon: React.FC<BaseIconInternalProps> = ({\n variant = \"line\",\n size = 24,\n color = \"currentColor\",\n solidContent,\n lineContent,\n style,\n testID,\n \"aria-label\": ariaLabel,\n}) => {\n const svgContent = variant === \"line\" ? lineContent : solidContent;\n\n // Percentages resolve against the parent here just as they do on web; other\n // CSS lengths warn and fall back rather than silently rendering at 24.\n const resolvedSize = resolveNativeIconSize(size, 24);\n\n const containerStyle: ViewStyle = {\n width: resolvedSize,\n height: resolvedSize,\n alignItems: \"center\",\n justifyContent: \"center\",\n ...(style as ViewStyle),\n };\n\n // Replace currentColor with actual color for React Native\n const coloredSvg = svgContent.replace(/currentColor/g, color);\n\n return (\n <View\n style={containerStyle}\n testID={testID}\n accessible={!!ariaLabel}\n accessibilityLabel={ariaLabel}\n accessibilityRole={ariaLabel ? \"image\" : undefined}\n >\n <SvgXml xml={coloredSvg} width=\"100%\" height=\"100%\" />\n </View>\n );\n};\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_footer--solid\"><path id=\"Union\" d=\"M20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5ZM6.5 12.0005C6.22386 12.0005 6 12.2243 6 12.5005V17.5005C6 17.7766 6.22386 18.0005 6.5 18.0005H17.5C17.7761 18.0005 18 17.7766 18 17.5005V12.5005C18 12.2243 17.7761 12.0005 17.5 12.0005H6.5Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_footer--line\"><path id=\"Union\" d=\"M20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5ZM5 19H19V5H5V19ZM16.5 11C16.7761 11 17 11.2239 17 11.5V16.5C17 16.7761 16.7761 17 16.5 17H7.5C7.22386 17 7 16.7761 7 16.5V11.5C7 11.2239 7.22386 11 7.5 11H16.5Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const Footer: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_game-description--solid\"><path id=\"Union\" d=\"M21 20.9966H3V18.9966H21V20.9966ZM21 16.9966H3V14.9966H21V16.9966ZM21 12.9966H3V10.9966H21V12.9966ZM8.5 2.99658C8.77614 2.99658 9 3.22044 9 3.49658V8.49658C9 8.77272 8.77614 8.99658 8.5 8.99658H3.5C3.22386 8.99658 3 8.77272 3 8.49658V3.49658C3 3.22044 3.22386 2.99658 3.5 2.99658H8.5ZM21 8.99658H11V6.99658H21V8.99658ZM21 4.99658H11V2.99658H21V4.99658Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_game-description--line\"><path id=\"Union\" d=\"M21 21H3V19H21V21ZM21 17H3V15H21V17ZM21 13H3V11H21V13ZM8.5 3C8.77614 3 9 3.22386 9 3.5V8.5C9 8.77614 8.77614 9 8.5 9H3.5C3.22386 9 3 8.77614 3 8.5V3.5C3 3.22386 3.22386 3 3.5 3H8.5ZM21 9H11V7H21V9ZM5 7H7V5H5V7ZM21 5H11V3H21V5Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GameDescription: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-four--solid\"><path id=\"Union\" d=\"M11 20.5005C11 20.7766 10.7761 21.0005 10.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V13.5005C3 13.2243 3.22386 13.0005 3.5 13.0005H10.5C10.7761 13.0005 11 13.2243 11 13.5005V20.5005ZM21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H13.5C13.2239 21.0005 13 20.7766 13 20.5005V13.5005C13 13.2243 13.2239 13.0005 13.5 13.0005H20.5C20.7761 13.0005 21 13.2243 21 13.5005V20.5005ZM11 10.5005C11 10.7766 10.7761 11.0005 10.5 11.0005H3.5C3.22386 11.0005 3 10.7766 3 10.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H10.5C10.7761 3.00049 11 3.22435 11 3.50049V10.5005ZM21 10.5005C21 10.7766 20.7761 11.0005 20.5 11.0005H13.5C13.2239 11.0005 13 10.7766 13 10.5005V3.50049C13 3.22435 13.2239 3.00049 13.5 3.00049H20.5C20.7761 3.00049 21 3.22435 21 3.50049V10.5005Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-four--line\"><path id=\"Union\" d=\"M11 20.5C11 20.7761 10.7761 21 10.5 21H3.5C3.22386 21 3 20.7761 3 20.5V13.5C3 13.2239 3.22386 13 3.5 13H10.5C10.7761 13 11 13.2239 11 13.5V20.5ZM21 20.5C21 20.7761 20.7761 21 20.5 21H13.5C13.2239 21 13 20.7761 13 20.5V13.5C13 13.2239 13.2239 13 13.5 13H20.5C20.7761 13 21 13.2239 21 13.5V20.5ZM5 19H9V15H5V19ZM15 19H19V15H15V19ZM11 10.5C11 10.7761 10.7761 11 10.5 11H3.5C3.22386 11 3 10.7761 3 10.5V3.5C3 3.22386 3.22386 3 3.5 3H10.5C10.7761 3 11 3.22386 11 3.5V10.5ZM21 10.5C21 10.7761 20.7761 11 20.5 11H13.5C13.2239 11 13 10.7761 13 10.5V3.5C13 3.22386 13.2239 3 13.5 3H20.5C20.7761 3 21 3.22386 21 3.5V10.5ZM5 9H9V5H5V9ZM15 9H19V5H15V9Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GridFour: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-fourt--solid\"><path id=\"Union\" d=\"M11 20.5005C11 20.7766 10.7761 21.0005 10.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V11.5005C3 11.2243 3.22386 11.0005 3.5 11.0005H10.5C10.7761 11.0005 11 11.2243 11 11.5005V20.5005ZM21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H13.5C13.2239 21.0005 13 20.7766 13 20.5005V15.5005C13 15.2243 13.2239 15.0005 13.5 15.0005H20.5C20.7761 15.0005 21 15.2243 21 15.5005V20.5005ZM21 12.5005C21 12.7766 20.7761 13.0005 20.5 13.0005H13.5C13.2239 13.0005 13 12.7766 13 12.5005V3.50049C13 3.22435 13.2239 3.00049 13.5 3.00049H20.5C20.7761 3.00049 21 3.22435 21 3.50049V12.5005ZM11 8.50049C11 8.77663 10.7761 9.00049 10.5 9.00049H3.5C3.22386 9.00049 3 8.77663 3 8.50049V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H10.5C10.7761 3.00049 11 3.22435 11 3.50049V8.50049Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-fourt--line\"><path id=\"Union\" d=\"M11 20.5C11 20.7761 10.7761 21 10.5 21H3.5C3.22386 21 3 20.7761 3 20.5V11.5C3 11.2239 3.22386 11 3.5 11H10.5C10.7761 11 11 11.2239 11 11.5V20.5ZM21 20.5C21 20.7761 20.7761 21 20.5 21H13.5C13.2239 21 13 20.7761 13 20.5V15.5C13 15.2239 13.2239 15 13.5 15H20.5C20.7761 15 21 15.2239 21 15.5V20.5ZM5 19H9V13H5V19ZM15 19H19V17H15V19ZM21 12.5C21 12.7761 20.7761 13 20.5 13H13.5C13.2239 13 13 12.7761 13 12.5V3.5C13 3.22386 13.2239 3 13.5 3H20.5C20.7761 3 21 3.22386 21 3.5V12.5ZM15 11H19V5H15V11ZM11 8.5C11 8.77614 10.7761 9 10.5 9H3.5C3.22386 9 3 8.77614 3 8.5V3.5C3 3.22386 3.22386 3 3.5 3H10.5C10.7761 3 11 3.22386 11 3.5V8.5ZM5 7H9V5H5V7Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GridFourt: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-three--solid\"><path id=\"Union\" d=\"M9 20.5005C9 20.7766 8.77614 21.0005 8.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V13.5005C3 13.2243 3.22386 13.0005 3.5 13.0005H8.5C8.77614 13.0005 9 13.2243 9 13.5005V20.5005ZM21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H11.5C11.2239 21.0005 11 20.7766 11 20.5005V13.5005C11 13.2243 11.2239 13.0005 11.5 13.0005H20.5C20.7761 13.0005 21 13.2243 21 13.5005V20.5005ZM21 10.5005C21 10.7766 20.7761 11.0005 20.5 11.0005H3.5C3.22386 11.0005 3 10.7766 3 10.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5C20.7761 3.00049 21 3.22435 21 3.50049V10.5005Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-three--line\"><path id=\"Union\" d=\"M9 20.5C9 20.7761 8.77614 21 8.5 21H3.5C3.22386 21 3 20.7761 3 20.5V13.5C3 13.2239 3.22386 13 3.5 13H8.5C8.77614 13 9 13.2239 9 13.5V20.5ZM21 20.5C21 20.7761 20.7761 21 20.5 21H11.5C11.2239 21 11 20.7761 11 20.5V13.5C11 13.2239 11.2239 13 11.5 13H20.5C20.7761 13 21 13.2239 21 13.5V20.5ZM5 19H7V15H5V19ZM13 19H19V15H13V19ZM21 10.5C21 10.7761 20.7761 11 20.5 11H3.5C3.22386 11 3 10.7761 3 10.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V10.5ZM5 9H19V5H5V9Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GridThree: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-two-hr--solid\"><path id=\"Union\" d=\"M11 20.5005C11 20.7766 10.7761 21.0005 10.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H10.5C10.7761 3.00049 11 3.22435 11 3.50049V20.5005ZM20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H13.5C13.2239 21.0005 13 20.7766 13 20.5005V3.50049C13 3.22435 13.2239 3.00049 13.5 3.00049H20.5Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-two-hr--line\"><path id=\"Union\" d=\"M11 20.5C11 20.7761 10.7761 21 10.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H10.5C10.7761 3 11 3.22386 11 3.5V20.5ZM20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H13.5C13.2239 21 13 20.7761 13 20.5V3.5C13 3.22386 13.2239 3 13.5 3H20.5ZM5 19H9V5H5V19ZM15 19H19V5H15V19Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GridTwoHr: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-two-vr--solid\"><path id=\"Union\" d=\"M21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V13.5005C3 13.2243 3.22386 13.0005 3.5 13.0005H20.5C20.7761 13.0005 21 13.2243 21 13.5005V20.5005ZM21 10.5005C21 10.7766 20.7761 11.0005 20.5 11.0005H3.5C3.22386 11.0005 3 10.7766 3 10.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5C20.7761 3.00049 21 3.22435 21 3.50049V10.5005Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-two-vr--line\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V13.5C3 13.2239 3.22386 13 3.5 13H20.5C20.7761 13 21 13.2239 21 13.5V20.5ZM5 19H19V15H5V19ZM21 10.5C21 10.7761 20.7761 11 20.5 11H3.5C3.22386 11 3 10.7761 3 10.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V10.5ZM5 9H19V5H5V9Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GridTwoVr: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_header--solid\"><path id=\"Union\" d=\"M3.5 21.0005C3.22386 21.0005 3 20.7766 3 20.5005L3 3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049L20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049L21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005L3.5 21.0005ZM17.5 12.0005C17.7761 12.0005 18 11.7766 18 11.5005L18 6.50049C18 6.22435 17.7761 6.00049 17.5 6.00049L6.5 6.00049C6.22386 6.00049 6 6.22435 6 6.50049L6 11.5005C6 11.7766 6.22386 12.0005 6.5 12.0005L17.5 12.0005Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_header--line\"><path id=\"Union\" d=\"M3.5 21C3.22386 21 3 20.7761 3 20.5L3 3.5C3 3.22386 3.22386 3 3.5 3L20.5 3C20.7761 3 21 3.22386 21 3.5L21 20.5C21 20.7761 20.7761 21 20.5 21L3.5 21ZM19 5L5 5L5 19L19 19L19 5ZM7.5 13C7.22386 13 7 12.7761 7 12.5L7 7.5C7 7.22386 7.22386 7 7.5 7L16.5 7C16.7761 7 17 7.22386 17 7.5V12.5C17 12.7761 16.7761 13 16.5 13L7.5 13Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const Header: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_lead-block--solid\"><path id=\"Union\" d=\"M11 20.5005C11 20.7766 10.7761 21.0005 10.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V15.5005C3 15.2243 3.22386 15.0005 3.5 15.0005H10.5C10.7761 15.0005 11 15.2243 11 15.5005V20.5005ZM20.5 15.0005C20.7761 15.0005 21 15.2243 21 15.5005V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H13.5C13.2239 21.0005 13 20.7766 13 20.5005V15.5005C13 15.2243 13.2239 15.0005 13.5 15.0005H20.5ZM11 12.5005C11 12.7766 10.7761 13.0005 10.5 13.0005H3.5C3.22386 13.0005 3 12.7766 3 12.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H10.5C10.7761 3.00049 11 3.22435 11 3.50049V12.5005ZM21 13.0005H13V11.0005H21V13.0005ZM21 9.00049H13V7.00049H21V9.00049ZM21 5.00049H13V3.00049H21V5.00049Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_lead-block--line\"><path id=\"Union\" d=\"M11 20.5C11 20.7761 10.7761 21 10.5 21H3.5C3.22386 21 3 20.7761 3 20.5V15.5C3 15.2239 3.22386 15 3.5 15H10.5C10.7761 15 11 15.2239 11 15.5V20.5ZM20.5 15C20.7761 15 21 15.2239 21 15.5V20.5C21 20.7761 20.7761 21 20.5 21H13.5C13.2239 21 13 20.7761 13 20.5V15.5C13 15.2239 13.2239 15 13.5 15H20.5ZM5 19H9V17H5V19ZM15 19H19V17H15V19ZM11 12.5C11 12.7761 10.7761 13 10.5 13H3.5C3.22386 13 3 12.7761 3 12.5V3.5C3 3.22386 3.22386 3 3.5 3H10.5C10.7761 3 11 3.22386 11 3.5V12.5ZM21 13H13V11H21V13ZM5 11H9V5H5V11ZM21 9H13V7H21V9ZM21 5H13V3H21V5Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const LeadBlock: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_sidebar-left--solid\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5L3 3.5C3 3.22386 3.22386 3 3.5 3L20.5 3C20.7761 3 21 3.22386 21 3.5V20.5ZM12 6.5C12 6.22386 11.7761 6 11.5 6H6.5C6.22386 6 6 6.22386 6 6.5L6 17.5C6 17.7761 6.22386 18 6.5 18H11.5C11.7761 18 12 17.7761 12 17.5L12 6.5Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_sidebar-left--line\"><path id=\"Union\" d=\"M20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5ZM5 19H19V5H5V19ZM12.5 7C12.7761 7 13 7.22386 13 7.5V16.5C13 16.7761 12.7761 17 12.5 17H7.5C7.22386 17 7 16.7761 7 16.5V7.5C7 7.22386 7.22386 7 7.5 7H12.5Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const SidebarLeft: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_sidebar-right--solid\"><path id=\"Union\" d=\"M3 3.5C3 3.22386 3.22386 3 3.5 3L20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5L3 3.5ZM12 17.5C12 17.7761 12.2239 18 12.5 18H17.5C17.7761 18 18 17.7761 18 17.5L18 6.5C18 6.22386 17.7761 6 17.5 6H12.5C12.2239 6 12 6.22386 12 6.5L12 17.5Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_sidebar-right--line\"><path id=\"Union\" d=\"M3 3.5C3 3.22386 3.22386 3 3.5 3L20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5L3 3.5ZM19 19V5L5 5L5 19H19ZM11 7.5C11 7.22386 11.2239 7 11.5 7L16.5 7C16.7761 7 17 7.22386 17 7.5L17 16.5C17 16.7761 16.7761 17 16.5 17H11.5C11.2239 17 11 16.7761 11 16.5L11 7.5Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const SidebarRight: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_slider--solid\"><path id=\"Union\" d=\"M18 19.5005C18 19.7766 17.7761 20.0005 17.5 20.0005H6.5C6.22386 20.0005 6 19.7766 6 19.5005V4.50049C6 4.22435 6.22386 4.00049 6.5 4.00049H17.5C17.7761 4.00049 18 4.22435 18 4.50049V19.5005ZM4 17.0005H2V7.00049H4V17.0005ZM22 17.0005H20V7.00049H22V17.0005Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_slider--line\"><path id=\"Union\" d=\"M18 19.5C18 19.7761 17.7761 20 17.5 20H6.5C6.22386 20 6 19.7761 6 19.5V4.5C6 4.22386 6.22386 4 6.5 4H17.5C17.7761 4 18 4.22386 18 4.5V19.5ZM8 18H16V6H8V18ZM4 17H2V7H4V17ZM22 17H20V7H22V17Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const Slider: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-board--solid\"><path id=\"Union\" d=\"M20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5ZM11 7.00049V17.0005H13V7.00049H11ZM7 7.00049V15.0005H9V7.00049H7ZM15 7.00049V13.0005H17V7.00049H15Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-board--line\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V20.5ZM5 19H19V5H5V19ZM13 17H11V7H13V17ZM9 15H7V7H9V15ZM17 13H15V7H17V13Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const ViewBoard: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-column--solid\"><path id=\"Union\" d=\"M7.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H7.5V21.0005ZM14.5 21.0005H9.5V3.00049H14.5V21.0005ZM20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H16.5V3.00049H20.5Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-column--line\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V20.5ZM5 19H8V5H5V19ZM10 19H14V5H10V19ZM16 19H19V5H16V19Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const ViewColumn: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-list--solid\"><path id=\"Union\" d=\"M20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5ZM8 15.0005C7.44772 15.0005 7 15.4482 7 16.0005C7 16.5528 7.44772 17.0005 8 17.0005C8.55228 17.0005 9 16.5528 9 16.0005C9 15.4482 8.55228 15.0005 8 15.0005ZM11 15.0005V17.0005H17V15.0005H11ZM8 11.0005C7.44772 11.0005 7 11.4482 7 12.0005C7 12.5528 7.44772 13.0005 8 13.0005C8.55228 13.0005 9 12.5528 9 12.0005C9 11.4482 8.55228 11.0005 8 11.0005ZM11 11.0005V13.0005H17V11.0005H11ZM8 7.00049C7.44772 7.00049 7 7.4482 7 8.00049C7 8.55277 7.44772 9.00049 8 9.00049C8.55228 9.00049 9 8.55277 9 8.00049C9 7.4482 8.55228 7.00049 8 7.00049ZM11 7.00049V9.00049H17V7.00049H11Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-list--line\"><path id=\"Union\" d=\"M20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5ZM5 19H19V5H5V19ZM8 15C8.55228 15 9 15.4477 9 16C9 16.5523 8.55228 17 8 17C7.44772 17 7 16.5523 7 16C7 15.4477 7.44772 15 8 15ZM17 17H11V15H17V17ZM8 11C8.55228 11 9 11.4477 9 12C9 12.5523 8.55228 13 8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11ZM17 13H11V11H17V13ZM8 7C8.55228 7 9 7.44772 9 8C9 8.55228 8.55228 9 8 9C7.44772 9 7 8.55228 7 8C7 7.44772 7.44772 7 8 7ZM17 9H11V7H17V9Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const ViewList: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-table--solid\"><path id=\"Union\" d=\"M8 16.0005V21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V16.0005H8ZM21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H10V16.0005H21V20.5005ZM21 14.0005H10V10.0005H21V14.0005ZM8 10.0005V14.0005H3V10.0005H8ZM20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V8.00049H10V3.00049H20.5ZM8 8.00049H3V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H8V8.00049Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-table--line\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V20.5ZM5 19H8V16H5V19ZM10 19H19V16H10V19ZM5 14H8V10H5V14ZM10 14H19V10H10V14ZM5 8H8V5H5V8ZM10 8H19V5H10V8Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const ViewTable: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-timeline--solid\"><path id=\"Union\" d=\"M20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5ZM11 15.0005V17.0005H17V15.0005H11ZM9 11.0005V13.0005H15V11.0005H9ZM7 7.00049V9.00049H13V7.00049H7Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-timeline--line\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V20.5ZM5 19H19V5H5V19ZM17 17H11V15H17V17ZM15 13H9V11H15V13ZM13 9H7V7H13V9Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const ViewTimeline: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n"],"mappings":"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","names":["solidContent","lineContent","import_jsx_runtime","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent","import_jsx_runtime","solidContent","lineContent"]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
// src/BaseIcon.native.tsx
|
|
2
2
|
import { View } from "react-native";
|
|
3
3
|
import { SvgXml } from "react-native-svg";
|
|
4
|
+
import { resolveNativeIconSize } from "@xsolla/xui-primitives-core";
|
|
4
5
|
import { jsx } from "react/jsx-runtime";
|
|
5
6
|
var BaseIcon = ({
|
|
6
7
|
variant = "line",
|
|
@@ -13,10 +14,10 @@ var BaseIcon = ({
|
|
|
13
14
|
"aria-label": ariaLabel
|
|
14
15
|
}) => {
|
|
15
16
|
const svgContent = variant === "line" ? lineContent18 : solidContent18;
|
|
16
|
-
const
|
|
17
|
+
const resolvedSize = resolveNativeIconSize(size, 24);
|
|
17
18
|
const containerStyle = {
|
|
18
|
-
width:
|
|
19
|
-
height:
|
|
19
|
+
width: resolvedSize,
|
|
20
|
+
height: resolvedSize,
|
|
20
21
|
alignItems: "center",
|
|
21
22
|
justifyContent: "center",
|
|
22
23
|
...style
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/BaseIcon.native.tsx","../../src/components/alignments-layouts/Footer.tsx","../../src/components/alignments-layouts/GameDescription.tsx","../../src/components/alignments-layouts/GridFour.tsx","../../src/components/alignments-layouts/GridFourt.tsx","../../src/components/alignments-layouts/GridThree.tsx","../../src/components/alignments-layouts/GridTwoHr.tsx","../../src/components/alignments-layouts/GridTwoVr.tsx","../../src/components/alignments-layouts/Header.tsx","../../src/components/alignments-layouts/LeadBlock.tsx","../../src/components/alignments-layouts/SidebarLeft.tsx","../../src/components/alignments-layouts/SidebarRight.tsx","../../src/components/alignments-layouts/Slider.tsx","../../src/components/alignments-layouts/ViewBoard.tsx","../../src/components/alignments-layouts/ViewColumn.tsx","../../src/components/alignments-layouts/ViewList.tsx","../../src/components/alignments-layouts/ViewTable.tsx","../../src/components/alignments-layouts/ViewTimeline.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, ViewStyle } from \"react-native\";\nimport { SvgXml } from \"react-native-svg\";\nimport type { BaseIconInternalProps } from \"./types\";\n\nexport const BaseIcon: React.FC<BaseIconInternalProps> = ({\n variant = \"line\",\n size = 24,\n color = \"currentColor\",\n solidContent,\n lineContent,\n style,\n testID,\n \"aria-label\": ariaLabel,\n}) => {\n const svgContent = variant === \"line\" ? lineContent : solidContent;\n\n // React Native doesn't support string sizes like \"100%\" - use default if string provided\n const numericSize = typeof size === \"number\" ? size : 24;\n\n const containerStyle: ViewStyle = {\n width: numericSize,\n height: numericSize,\n alignItems: \"center\",\n justifyContent: \"center\",\n ...(style as ViewStyle),\n };\n\n // Replace currentColor with actual color for React Native\n const coloredSvg = svgContent.replace(/currentColor/g, color);\n\n return (\n <View\n style={containerStyle}\n testID={testID}\n accessible={!!ariaLabel}\n accessibilityLabel={ariaLabel}\n accessibilityRole={ariaLabel ? \"image\" : undefined}\n >\n <SvgXml xml={coloredSvg} width=\"100%\" height=\"100%\" />\n </View>\n );\n};\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_footer--solid\"><path id=\"Union\" d=\"M20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5ZM6.5 12.0005C6.22386 12.0005 6 12.2243 6 12.5005V17.5005C6 17.7766 6.22386 18.0005 6.5 18.0005H17.5C17.7761 18.0005 18 17.7766 18 17.5005V12.5005C18 12.2243 17.7761 12.0005 17.5 12.0005H6.5Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_footer--line\"><path id=\"Union\" d=\"M20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5ZM5 19H19V5H5V19ZM16.5 11C16.7761 11 17 11.2239 17 11.5V16.5C17 16.7761 16.7761 17 16.5 17H7.5C7.22386 17 7 16.7761 7 16.5V11.5C7 11.2239 7.22386 11 7.5 11H16.5Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const Footer: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_game-description--solid\"><path id=\"Union\" d=\"M21 20.9966H3V18.9966H21V20.9966ZM21 16.9966H3V14.9966H21V16.9966ZM21 12.9966H3V10.9966H21V12.9966ZM8.5 2.99658C8.77614 2.99658 9 3.22044 9 3.49658V8.49658C9 8.77272 8.77614 8.99658 8.5 8.99658H3.5C3.22386 8.99658 3 8.77272 3 8.49658V3.49658C3 3.22044 3.22386 2.99658 3.5 2.99658H8.5ZM21 8.99658H11V6.99658H21V8.99658ZM21 4.99658H11V2.99658H21V4.99658Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_game-description--line\"><path id=\"Union\" d=\"M21 21H3V19H21V21ZM21 17H3V15H21V17ZM21 13H3V11H21V13ZM8.5 3C8.77614 3 9 3.22386 9 3.5V8.5C9 8.77614 8.77614 9 8.5 9H3.5C3.22386 9 3 8.77614 3 8.5V3.5C3 3.22386 3.22386 3 3.5 3H8.5ZM21 9H11V7H21V9ZM5 7H7V5H5V7ZM21 5H11V3H21V5Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GameDescription: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-four--solid\"><path id=\"Union\" d=\"M11 20.5005C11 20.7766 10.7761 21.0005 10.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V13.5005C3 13.2243 3.22386 13.0005 3.5 13.0005H10.5C10.7761 13.0005 11 13.2243 11 13.5005V20.5005ZM21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H13.5C13.2239 21.0005 13 20.7766 13 20.5005V13.5005C13 13.2243 13.2239 13.0005 13.5 13.0005H20.5C20.7761 13.0005 21 13.2243 21 13.5005V20.5005ZM11 10.5005C11 10.7766 10.7761 11.0005 10.5 11.0005H3.5C3.22386 11.0005 3 10.7766 3 10.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H10.5C10.7761 3.00049 11 3.22435 11 3.50049V10.5005ZM21 10.5005C21 10.7766 20.7761 11.0005 20.5 11.0005H13.5C13.2239 11.0005 13 10.7766 13 10.5005V3.50049C13 3.22435 13.2239 3.00049 13.5 3.00049H20.5C20.7761 3.00049 21 3.22435 21 3.50049V10.5005Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-four--line\"><path id=\"Union\" d=\"M11 20.5C11 20.7761 10.7761 21 10.5 21H3.5C3.22386 21 3 20.7761 3 20.5V13.5C3 13.2239 3.22386 13 3.5 13H10.5C10.7761 13 11 13.2239 11 13.5V20.5ZM21 20.5C21 20.7761 20.7761 21 20.5 21H13.5C13.2239 21 13 20.7761 13 20.5V13.5C13 13.2239 13.2239 13 13.5 13H20.5C20.7761 13 21 13.2239 21 13.5V20.5ZM5 19H9V15H5V19ZM15 19H19V15H15V19ZM11 10.5C11 10.7761 10.7761 11 10.5 11H3.5C3.22386 11 3 10.7761 3 10.5V3.5C3 3.22386 3.22386 3 3.5 3H10.5C10.7761 3 11 3.22386 11 3.5V10.5ZM21 10.5C21 10.7761 20.7761 11 20.5 11H13.5C13.2239 11 13 10.7761 13 10.5V3.5C13 3.22386 13.2239 3 13.5 3H20.5C20.7761 3 21 3.22386 21 3.5V10.5ZM5 9H9V5H5V9ZM15 9H19V5H15V9Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GridFour: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-fourt--solid\"><path id=\"Union\" d=\"M11 20.5005C11 20.7766 10.7761 21.0005 10.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V11.5005C3 11.2243 3.22386 11.0005 3.5 11.0005H10.5C10.7761 11.0005 11 11.2243 11 11.5005V20.5005ZM21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H13.5C13.2239 21.0005 13 20.7766 13 20.5005V15.5005C13 15.2243 13.2239 15.0005 13.5 15.0005H20.5C20.7761 15.0005 21 15.2243 21 15.5005V20.5005ZM21 12.5005C21 12.7766 20.7761 13.0005 20.5 13.0005H13.5C13.2239 13.0005 13 12.7766 13 12.5005V3.50049C13 3.22435 13.2239 3.00049 13.5 3.00049H20.5C20.7761 3.00049 21 3.22435 21 3.50049V12.5005ZM11 8.50049C11 8.77663 10.7761 9.00049 10.5 9.00049H3.5C3.22386 9.00049 3 8.77663 3 8.50049V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H10.5C10.7761 3.00049 11 3.22435 11 3.50049V8.50049Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-fourt--line\"><path id=\"Union\" d=\"M11 20.5C11 20.7761 10.7761 21 10.5 21H3.5C3.22386 21 3 20.7761 3 20.5V11.5C3 11.2239 3.22386 11 3.5 11H10.5C10.7761 11 11 11.2239 11 11.5V20.5ZM21 20.5C21 20.7761 20.7761 21 20.5 21H13.5C13.2239 21 13 20.7761 13 20.5V15.5C13 15.2239 13.2239 15 13.5 15H20.5C20.7761 15 21 15.2239 21 15.5V20.5ZM5 19H9V13H5V19ZM15 19H19V17H15V19ZM21 12.5C21 12.7761 20.7761 13 20.5 13H13.5C13.2239 13 13 12.7761 13 12.5V3.5C13 3.22386 13.2239 3 13.5 3H20.5C20.7761 3 21 3.22386 21 3.5V12.5ZM15 11H19V5H15V11ZM11 8.5C11 8.77614 10.7761 9 10.5 9H3.5C3.22386 9 3 8.77614 3 8.5V3.5C3 3.22386 3.22386 3 3.5 3H10.5C10.7761 3 11 3.22386 11 3.5V8.5ZM5 7H9V5H5V7Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GridFourt: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-three--solid\"><path id=\"Union\" d=\"M9 20.5005C9 20.7766 8.77614 21.0005 8.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V13.5005C3 13.2243 3.22386 13.0005 3.5 13.0005H8.5C8.77614 13.0005 9 13.2243 9 13.5005V20.5005ZM21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H11.5C11.2239 21.0005 11 20.7766 11 20.5005V13.5005C11 13.2243 11.2239 13.0005 11.5 13.0005H20.5C20.7761 13.0005 21 13.2243 21 13.5005V20.5005ZM21 10.5005C21 10.7766 20.7761 11.0005 20.5 11.0005H3.5C3.22386 11.0005 3 10.7766 3 10.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5C20.7761 3.00049 21 3.22435 21 3.50049V10.5005Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-three--line\"><path id=\"Union\" d=\"M9 20.5C9 20.7761 8.77614 21 8.5 21H3.5C3.22386 21 3 20.7761 3 20.5V13.5C3 13.2239 3.22386 13 3.5 13H8.5C8.77614 13 9 13.2239 9 13.5V20.5ZM21 20.5C21 20.7761 20.7761 21 20.5 21H11.5C11.2239 21 11 20.7761 11 20.5V13.5C11 13.2239 11.2239 13 11.5 13H20.5C20.7761 13 21 13.2239 21 13.5V20.5ZM5 19H7V15H5V19ZM13 19H19V15H13V19ZM21 10.5C21 10.7761 20.7761 11 20.5 11H3.5C3.22386 11 3 10.7761 3 10.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V10.5ZM5 9H19V5H5V9Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GridThree: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-two-hr--solid\"><path id=\"Union\" d=\"M11 20.5005C11 20.7766 10.7761 21.0005 10.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H10.5C10.7761 3.00049 11 3.22435 11 3.50049V20.5005ZM20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H13.5C13.2239 21.0005 13 20.7766 13 20.5005V3.50049C13 3.22435 13.2239 3.00049 13.5 3.00049H20.5Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-two-hr--line\"><path id=\"Union\" d=\"M11 20.5C11 20.7761 10.7761 21 10.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H10.5C10.7761 3 11 3.22386 11 3.5V20.5ZM20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H13.5C13.2239 21 13 20.7761 13 20.5V3.5C13 3.22386 13.2239 3 13.5 3H20.5ZM5 19H9V5H5V19ZM15 19H19V5H15V19Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GridTwoHr: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-two-vr--solid\"><path id=\"Union\" d=\"M21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V13.5005C3 13.2243 3.22386 13.0005 3.5 13.0005H20.5C20.7761 13.0005 21 13.2243 21 13.5005V20.5005ZM21 10.5005C21 10.7766 20.7761 11.0005 20.5 11.0005H3.5C3.22386 11.0005 3 10.7766 3 10.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5C20.7761 3.00049 21 3.22435 21 3.50049V10.5005Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-two-vr--line\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V13.5C3 13.2239 3.22386 13 3.5 13H20.5C20.7761 13 21 13.2239 21 13.5V20.5ZM5 19H19V15H5V19ZM21 10.5C21 10.7761 20.7761 11 20.5 11H3.5C3.22386 11 3 10.7761 3 10.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V10.5ZM5 9H19V5H5V9Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GridTwoVr: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_header--solid\"><path id=\"Union\" d=\"M3.5 21.0005C3.22386 21.0005 3 20.7766 3 20.5005L3 3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049L20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049L21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005L3.5 21.0005ZM17.5 12.0005C17.7761 12.0005 18 11.7766 18 11.5005L18 6.50049C18 6.22435 17.7761 6.00049 17.5 6.00049L6.5 6.00049C6.22386 6.00049 6 6.22435 6 6.50049L6 11.5005C6 11.7766 6.22386 12.0005 6.5 12.0005L17.5 12.0005Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_header--line\"><path id=\"Union\" d=\"M3.5 21C3.22386 21 3 20.7761 3 20.5L3 3.5C3 3.22386 3.22386 3 3.5 3L20.5 3C20.7761 3 21 3.22386 21 3.5L21 20.5C21 20.7761 20.7761 21 20.5 21L3.5 21ZM19 5L5 5L5 19L19 19L19 5ZM7.5 13C7.22386 13 7 12.7761 7 12.5L7 7.5C7 7.22386 7.22386 7 7.5 7L16.5 7C16.7761 7 17 7.22386 17 7.5V12.5C17 12.7761 16.7761 13 16.5 13L7.5 13Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const Header: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_lead-block--solid\"><path id=\"Union\" d=\"M11 20.5005C11 20.7766 10.7761 21.0005 10.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V15.5005C3 15.2243 3.22386 15.0005 3.5 15.0005H10.5C10.7761 15.0005 11 15.2243 11 15.5005V20.5005ZM20.5 15.0005C20.7761 15.0005 21 15.2243 21 15.5005V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H13.5C13.2239 21.0005 13 20.7766 13 20.5005V15.5005C13 15.2243 13.2239 15.0005 13.5 15.0005H20.5ZM11 12.5005C11 12.7766 10.7761 13.0005 10.5 13.0005H3.5C3.22386 13.0005 3 12.7766 3 12.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H10.5C10.7761 3.00049 11 3.22435 11 3.50049V12.5005ZM21 13.0005H13V11.0005H21V13.0005ZM21 9.00049H13V7.00049H21V9.00049ZM21 5.00049H13V3.00049H21V5.00049Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_lead-block--line\"><path id=\"Union\" d=\"M11 20.5C11 20.7761 10.7761 21 10.5 21H3.5C3.22386 21 3 20.7761 3 20.5V15.5C3 15.2239 3.22386 15 3.5 15H10.5C10.7761 15 11 15.2239 11 15.5V20.5ZM20.5 15C20.7761 15 21 15.2239 21 15.5V20.5C21 20.7761 20.7761 21 20.5 21H13.5C13.2239 21 13 20.7761 13 20.5V15.5C13 15.2239 13.2239 15 13.5 15H20.5ZM5 19H9V17H5V19ZM15 19H19V17H15V19ZM11 12.5C11 12.7761 10.7761 13 10.5 13H3.5C3.22386 13 3 12.7761 3 12.5V3.5C3 3.22386 3.22386 3 3.5 3H10.5C10.7761 3 11 3.22386 11 3.5V12.5ZM21 13H13V11H21V13ZM5 11H9V5H5V11ZM21 9H13V7H21V9ZM21 5H13V3H21V5Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const LeadBlock: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_sidebar-left--solid\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5L3 3.5C3 3.22386 3.22386 3 3.5 3L20.5 3C20.7761 3 21 3.22386 21 3.5V20.5ZM12 6.5C12 6.22386 11.7761 6 11.5 6H6.5C6.22386 6 6 6.22386 6 6.5L6 17.5C6 17.7761 6.22386 18 6.5 18H11.5C11.7761 18 12 17.7761 12 17.5L12 6.5Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_sidebar-left--line\"><path id=\"Union\" d=\"M20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5ZM5 19H19V5H5V19ZM12.5 7C12.7761 7 13 7.22386 13 7.5V16.5C13 16.7761 12.7761 17 12.5 17H7.5C7.22386 17 7 16.7761 7 16.5V7.5C7 7.22386 7.22386 7 7.5 7H12.5Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const SidebarLeft: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_sidebar-right--solid\"><path id=\"Union\" d=\"M3 3.5C3 3.22386 3.22386 3 3.5 3L20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5L3 3.5ZM12 17.5C12 17.7761 12.2239 18 12.5 18H17.5C17.7761 18 18 17.7761 18 17.5L18 6.5C18 6.22386 17.7761 6 17.5 6H12.5C12.2239 6 12 6.22386 12 6.5L12 17.5Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_sidebar-right--line\"><path id=\"Union\" d=\"M3 3.5C3 3.22386 3.22386 3 3.5 3L20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5L3 3.5ZM19 19V5L5 5L5 19H19ZM11 7.5C11 7.22386 11.2239 7 11.5 7L16.5 7C16.7761 7 17 7.22386 17 7.5L17 16.5C17 16.7761 16.7761 17 16.5 17H11.5C11.2239 17 11 16.7761 11 16.5L11 7.5Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const SidebarRight: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_slider--solid\"><path id=\"Union\" d=\"M18 19.5005C18 19.7766 17.7761 20.0005 17.5 20.0005H6.5C6.22386 20.0005 6 19.7766 6 19.5005V4.50049C6 4.22435 6.22386 4.00049 6.5 4.00049H17.5C17.7761 4.00049 18 4.22435 18 4.50049V19.5005ZM4 17.0005H2V7.00049H4V17.0005ZM22 17.0005H20V7.00049H22V17.0005Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_slider--line\"><path id=\"Union\" d=\"M18 19.5C18 19.7761 17.7761 20 17.5 20H6.5C6.22386 20 6 19.7761 6 19.5V4.5C6 4.22386 6.22386 4 6.5 4H17.5C17.7761 4 18 4.22386 18 4.5V19.5ZM8 18H16V6H8V18ZM4 17H2V7H4V17ZM22 17H20V7H22V17Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const Slider: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-board--solid\"><path id=\"Union\" d=\"M20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5ZM11 7.00049V17.0005H13V7.00049H11ZM7 7.00049V15.0005H9V7.00049H7ZM15 7.00049V13.0005H17V7.00049H15Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-board--line\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V20.5ZM5 19H19V5H5V19ZM13 17H11V7H13V17ZM9 15H7V7H9V15ZM17 13H15V7H17V13Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const ViewBoard: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-column--solid\"><path id=\"Union\" d=\"M7.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H7.5V21.0005ZM14.5 21.0005H9.5V3.00049H14.5V21.0005ZM20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H16.5V3.00049H20.5Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-column--line\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V20.5ZM5 19H8V5H5V19ZM10 19H14V5H10V19ZM16 19H19V5H16V19Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const ViewColumn: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-list--solid\"><path id=\"Union\" d=\"M20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5ZM8 15.0005C7.44772 15.0005 7 15.4482 7 16.0005C7 16.5528 7.44772 17.0005 8 17.0005C8.55228 17.0005 9 16.5528 9 16.0005C9 15.4482 8.55228 15.0005 8 15.0005ZM11 15.0005V17.0005H17V15.0005H11ZM8 11.0005C7.44772 11.0005 7 11.4482 7 12.0005C7 12.5528 7.44772 13.0005 8 13.0005C8.55228 13.0005 9 12.5528 9 12.0005C9 11.4482 8.55228 11.0005 8 11.0005ZM11 11.0005V13.0005H17V11.0005H11ZM8 7.00049C7.44772 7.00049 7 7.4482 7 8.00049C7 8.55277 7.44772 9.00049 8 9.00049C8.55228 9.00049 9 8.55277 9 8.00049C9 7.4482 8.55228 7.00049 8 7.00049ZM11 7.00049V9.00049H17V7.00049H11Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-list--line\"><path id=\"Union\" d=\"M20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5ZM5 19H19V5H5V19ZM8 15C8.55228 15 9 15.4477 9 16C9 16.5523 8.55228 17 8 17C7.44772 17 7 16.5523 7 16C7 15.4477 7.44772 15 8 15ZM17 17H11V15H17V17ZM8 11C8.55228 11 9 11.4477 9 12C9 12.5523 8.55228 13 8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11ZM17 13H11V11H17V13ZM8 7C8.55228 7 9 7.44772 9 8C9 8.55228 8.55228 9 8 9C7.44772 9 7 8.55228 7 8C7 7.44772 7.44772 7 8 7ZM17 9H11V7H17V9Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const ViewList: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-table--solid\"><path id=\"Union\" d=\"M8 16.0005V21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V16.0005H8ZM21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H10V16.0005H21V20.5005ZM21 14.0005H10V10.0005H21V14.0005ZM8 10.0005V14.0005H3V10.0005H8ZM20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V8.00049H10V3.00049H20.5ZM8 8.00049H3V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H8V8.00049Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-table--line\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V20.5ZM5 19H8V16H5V19ZM10 19H19V16H10V19ZM5 14H8V10H5V14ZM10 14H19V10H10V14ZM5 8H8V5H5V8ZM10 8H19V5H10V8Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const ViewTable: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-timeline--solid\"><path id=\"Union\" d=\"M20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5ZM11 15.0005V17.0005H17V15.0005H11ZM9 11.0005V13.0005H15V11.0005H9ZM7 7.00049V9.00049H13V7.00049H7Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-timeline--line\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V20.5ZM5 19H19V5H5V19ZM17 17H11V15H17V17ZM15 13H9V11H15V13ZM13 9H7V7H13V9Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const ViewTimeline: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n"],"mappings":"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","names":["solidContent","lineContent","jsx","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent"]}
|
|
1
|
+
{"version":3,"sources":["../../src/BaseIcon.native.tsx","../../src/components/alignments-layouts/Footer.tsx","../../src/components/alignments-layouts/GameDescription.tsx","../../src/components/alignments-layouts/GridFour.tsx","../../src/components/alignments-layouts/GridFourt.tsx","../../src/components/alignments-layouts/GridThree.tsx","../../src/components/alignments-layouts/GridTwoHr.tsx","../../src/components/alignments-layouts/GridTwoVr.tsx","../../src/components/alignments-layouts/Header.tsx","../../src/components/alignments-layouts/LeadBlock.tsx","../../src/components/alignments-layouts/SidebarLeft.tsx","../../src/components/alignments-layouts/SidebarRight.tsx","../../src/components/alignments-layouts/Slider.tsx","../../src/components/alignments-layouts/ViewBoard.tsx","../../src/components/alignments-layouts/ViewColumn.tsx","../../src/components/alignments-layouts/ViewList.tsx","../../src/components/alignments-layouts/ViewTable.tsx","../../src/components/alignments-layouts/ViewTimeline.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, ViewStyle } from \"react-native\";\nimport { SvgXml } from \"react-native-svg\";\nimport { resolveNativeIconSize } from \"@xsolla/xui-primitives-core\";\nimport type { BaseIconInternalProps } from \"./types\";\n\nexport const BaseIcon: React.FC<BaseIconInternalProps> = ({\n variant = \"line\",\n size = 24,\n color = \"currentColor\",\n solidContent,\n lineContent,\n style,\n testID,\n \"aria-label\": ariaLabel,\n}) => {\n const svgContent = variant === \"line\" ? lineContent : solidContent;\n\n // Percentages resolve against the parent here just as they do on web; other\n // CSS lengths warn and fall back rather than silently rendering at 24.\n const resolvedSize = resolveNativeIconSize(size, 24);\n\n const containerStyle: ViewStyle = {\n width: resolvedSize,\n height: resolvedSize,\n alignItems: \"center\",\n justifyContent: \"center\",\n ...(style as ViewStyle),\n };\n\n // Replace currentColor with actual color for React Native\n const coloredSvg = svgContent.replace(/currentColor/g, color);\n\n return (\n <View\n style={containerStyle}\n testID={testID}\n accessible={!!ariaLabel}\n accessibilityLabel={ariaLabel}\n accessibilityRole={ariaLabel ? \"image\" : undefined}\n >\n <SvgXml xml={coloredSvg} width=\"100%\" height=\"100%\" />\n </View>\n );\n};\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_footer--solid\"><path id=\"Union\" d=\"M20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5ZM6.5 12.0005C6.22386 12.0005 6 12.2243 6 12.5005V17.5005C6 17.7766 6.22386 18.0005 6.5 18.0005H17.5C17.7761 18.0005 18 17.7766 18 17.5005V12.5005C18 12.2243 17.7761 12.0005 17.5 12.0005H6.5Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_footer--line\"><path id=\"Union\" d=\"M20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5ZM5 19H19V5H5V19ZM16.5 11C16.7761 11 17 11.2239 17 11.5V16.5C17 16.7761 16.7761 17 16.5 17H7.5C7.22386 17 7 16.7761 7 16.5V11.5C7 11.2239 7.22386 11 7.5 11H16.5Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const Footer: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_game-description--solid\"><path id=\"Union\" d=\"M21 20.9966H3V18.9966H21V20.9966ZM21 16.9966H3V14.9966H21V16.9966ZM21 12.9966H3V10.9966H21V12.9966ZM8.5 2.99658C8.77614 2.99658 9 3.22044 9 3.49658V8.49658C9 8.77272 8.77614 8.99658 8.5 8.99658H3.5C3.22386 8.99658 3 8.77272 3 8.49658V3.49658C3 3.22044 3.22386 2.99658 3.5 2.99658H8.5ZM21 8.99658H11V6.99658H21V8.99658ZM21 4.99658H11V2.99658H21V4.99658Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_game-description--line\"><path id=\"Union\" d=\"M21 21H3V19H21V21ZM21 17H3V15H21V17ZM21 13H3V11H21V13ZM8.5 3C8.77614 3 9 3.22386 9 3.5V8.5C9 8.77614 8.77614 9 8.5 9H3.5C3.22386 9 3 8.77614 3 8.5V3.5C3 3.22386 3.22386 3 3.5 3H8.5ZM21 9H11V7H21V9ZM5 7H7V5H5V7ZM21 5H11V3H21V5Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GameDescription: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-four--solid\"><path id=\"Union\" d=\"M11 20.5005C11 20.7766 10.7761 21.0005 10.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V13.5005C3 13.2243 3.22386 13.0005 3.5 13.0005H10.5C10.7761 13.0005 11 13.2243 11 13.5005V20.5005ZM21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H13.5C13.2239 21.0005 13 20.7766 13 20.5005V13.5005C13 13.2243 13.2239 13.0005 13.5 13.0005H20.5C20.7761 13.0005 21 13.2243 21 13.5005V20.5005ZM11 10.5005C11 10.7766 10.7761 11.0005 10.5 11.0005H3.5C3.22386 11.0005 3 10.7766 3 10.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H10.5C10.7761 3.00049 11 3.22435 11 3.50049V10.5005ZM21 10.5005C21 10.7766 20.7761 11.0005 20.5 11.0005H13.5C13.2239 11.0005 13 10.7766 13 10.5005V3.50049C13 3.22435 13.2239 3.00049 13.5 3.00049H20.5C20.7761 3.00049 21 3.22435 21 3.50049V10.5005Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-four--line\"><path id=\"Union\" d=\"M11 20.5C11 20.7761 10.7761 21 10.5 21H3.5C3.22386 21 3 20.7761 3 20.5V13.5C3 13.2239 3.22386 13 3.5 13H10.5C10.7761 13 11 13.2239 11 13.5V20.5ZM21 20.5C21 20.7761 20.7761 21 20.5 21H13.5C13.2239 21 13 20.7761 13 20.5V13.5C13 13.2239 13.2239 13 13.5 13H20.5C20.7761 13 21 13.2239 21 13.5V20.5ZM5 19H9V15H5V19ZM15 19H19V15H15V19ZM11 10.5C11 10.7761 10.7761 11 10.5 11H3.5C3.22386 11 3 10.7761 3 10.5V3.5C3 3.22386 3.22386 3 3.5 3H10.5C10.7761 3 11 3.22386 11 3.5V10.5ZM21 10.5C21 10.7761 20.7761 11 20.5 11H13.5C13.2239 11 13 10.7761 13 10.5V3.5C13 3.22386 13.2239 3 13.5 3H20.5C20.7761 3 21 3.22386 21 3.5V10.5ZM5 9H9V5H5V9ZM15 9H19V5H15V9Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GridFour: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-fourt--solid\"><path id=\"Union\" d=\"M11 20.5005C11 20.7766 10.7761 21.0005 10.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V11.5005C3 11.2243 3.22386 11.0005 3.5 11.0005H10.5C10.7761 11.0005 11 11.2243 11 11.5005V20.5005ZM21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H13.5C13.2239 21.0005 13 20.7766 13 20.5005V15.5005C13 15.2243 13.2239 15.0005 13.5 15.0005H20.5C20.7761 15.0005 21 15.2243 21 15.5005V20.5005ZM21 12.5005C21 12.7766 20.7761 13.0005 20.5 13.0005H13.5C13.2239 13.0005 13 12.7766 13 12.5005V3.50049C13 3.22435 13.2239 3.00049 13.5 3.00049H20.5C20.7761 3.00049 21 3.22435 21 3.50049V12.5005ZM11 8.50049C11 8.77663 10.7761 9.00049 10.5 9.00049H3.5C3.22386 9.00049 3 8.77663 3 8.50049V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H10.5C10.7761 3.00049 11 3.22435 11 3.50049V8.50049Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-fourt--line\"><path id=\"Union\" d=\"M11 20.5C11 20.7761 10.7761 21 10.5 21H3.5C3.22386 21 3 20.7761 3 20.5V11.5C3 11.2239 3.22386 11 3.5 11H10.5C10.7761 11 11 11.2239 11 11.5V20.5ZM21 20.5C21 20.7761 20.7761 21 20.5 21H13.5C13.2239 21 13 20.7761 13 20.5V15.5C13 15.2239 13.2239 15 13.5 15H20.5C20.7761 15 21 15.2239 21 15.5V20.5ZM5 19H9V13H5V19ZM15 19H19V17H15V19ZM21 12.5C21 12.7761 20.7761 13 20.5 13H13.5C13.2239 13 13 12.7761 13 12.5V3.5C13 3.22386 13.2239 3 13.5 3H20.5C20.7761 3 21 3.22386 21 3.5V12.5ZM15 11H19V5H15V11ZM11 8.5C11 8.77614 10.7761 9 10.5 9H3.5C3.22386 9 3 8.77614 3 8.5V3.5C3 3.22386 3.22386 3 3.5 3H10.5C10.7761 3 11 3.22386 11 3.5V8.5ZM5 7H9V5H5V7Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GridFourt: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-three--solid\"><path id=\"Union\" d=\"M9 20.5005C9 20.7766 8.77614 21.0005 8.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V13.5005C3 13.2243 3.22386 13.0005 3.5 13.0005H8.5C8.77614 13.0005 9 13.2243 9 13.5005V20.5005ZM21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H11.5C11.2239 21.0005 11 20.7766 11 20.5005V13.5005C11 13.2243 11.2239 13.0005 11.5 13.0005H20.5C20.7761 13.0005 21 13.2243 21 13.5005V20.5005ZM21 10.5005C21 10.7766 20.7761 11.0005 20.5 11.0005H3.5C3.22386 11.0005 3 10.7766 3 10.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5C20.7761 3.00049 21 3.22435 21 3.50049V10.5005Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-three--line\"><path id=\"Union\" d=\"M9 20.5C9 20.7761 8.77614 21 8.5 21H3.5C3.22386 21 3 20.7761 3 20.5V13.5C3 13.2239 3.22386 13 3.5 13H8.5C8.77614 13 9 13.2239 9 13.5V20.5ZM21 20.5C21 20.7761 20.7761 21 20.5 21H11.5C11.2239 21 11 20.7761 11 20.5V13.5C11 13.2239 11.2239 13 11.5 13H20.5C20.7761 13 21 13.2239 21 13.5V20.5ZM5 19H7V15H5V19ZM13 19H19V15H13V19ZM21 10.5C21 10.7761 20.7761 11 20.5 11H3.5C3.22386 11 3 10.7761 3 10.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V10.5ZM5 9H19V5H5V9Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GridThree: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-two-hr--solid\"><path id=\"Union\" d=\"M11 20.5005C11 20.7766 10.7761 21.0005 10.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H10.5C10.7761 3.00049 11 3.22435 11 3.50049V20.5005ZM20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H13.5C13.2239 21.0005 13 20.7766 13 20.5005V3.50049C13 3.22435 13.2239 3.00049 13.5 3.00049H20.5Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-two-hr--line\"><path id=\"Union\" d=\"M11 20.5C11 20.7761 10.7761 21 10.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H10.5C10.7761 3 11 3.22386 11 3.5V20.5ZM20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H13.5C13.2239 21 13 20.7761 13 20.5V3.5C13 3.22386 13.2239 3 13.5 3H20.5ZM5 19H9V5H5V19ZM15 19H19V5H15V19Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GridTwoHr: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-two-vr--solid\"><path id=\"Union\" d=\"M21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V13.5005C3 13.2243 3.22386 13.0005 3.5 13.0005H20.5C20.7761 13.0005 21 13.2243 21 13.5005V20.5005ZM21 10.5005C21 10.7766 20.7761 11.0005 20.5 11.0005H3.5C3.22386 11.0005 3 10.7766 3 10.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5C20.7761 3.00049 21 3.22435 21 3.50049V10.5005Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_grid-two-vr--line\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V13.5C3 13.2239 3.22386 13 3.5 13H20.5C20.7761 13 21 13.2239 21 13.5V20.5ZM5 19H19V15H5V19ZM21 10.5C21 10.7761 20.7761 11 20.5 11H3.5C3.22386 11 3 10.7761 3 10.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V10.5ZM5 9H19V5H5V9Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const GridTwoVr: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_header--solid\"><path id=\"Union\" d=\"M3.5 21.0005C3.22386 21.0005 3 20.7766 3 20.5005L3 3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049L20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049L21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005L3.5 21.0005ZM17.5 12.0005C17.7761 12.0005 18 11.7766 18 11.5005L18 6.50049C18 6.22435 17.7761 6.00049 17.5 6.00049L6.5 6.00049C6.22386 6.00049 6 6.22435 6 6.50049L6 11.5005C6 11.7766 6.22386 12.0005 6.5 12.0005L17.5 12.0005Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_header--line\"><path id=\"Union\" d=\"M3.5 21C3.22386 21 3 20.7761 3 20.5L3 3.5C3 3.22386 3.22386 3 3.5 3L20.5 3C20.7761 3 21 3.22386 21 3.5L21 20.5C21 20.7761 20.7761 21 20.5 21L3.5 21ZM19 5L5 5L5 19L19 19L19 5ZM7.5 13C7.22386 13 7 12.7761 7 12.5L7 7.5C7 7.22386 7.22386 7 7.5 7L16.5 7C16.7761 7 17 7.22386 17 7.5V12.5C17 12.7761 16.7761 13 16.5 13L7.5 13Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const Header: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_lead-block--solid\"><path id=\"Union\" d=\"M11 20.5005C11 20.7766 10.7761 21.0005 10.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V15.5005C3 15.2243 3.22386 15.0005 3.5 15.0005H10.5C10.7761 15.0005 11 15.2243 11 15.5005V20.5005ZM20.5 15.0005C20.7761 15.0005 21 15.2243 21 15.5005V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H13.5C13.2239 21.0005 13 20.7766 13 20.5005V15.5005C13 15.2243 13.2239 15.0005 13.5 15.0005H20.5ZM11 12.5005C11 12.7766 10.7761 13.0005 10.5 13.0005H3.5C3.22386 13.0005 3 12.7766 3 12.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H10.5C10.7761 3.00049 11 3.22435 11 3.50049V12.5005ZM21 13.0005H13V11.0005H21V13.0005ZM21 9.00049H13V7.00049H21V9.00049ZM21 5.00049H13V3.00049H21V5.00049Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_lead-block--line\"><path id=\"Union\" d=\"M11 20.5C11 20.7761 10.7761 21 10.5 21H3.5C3.22386 21 3 20.7761 3 20.5V15.5C3 15.2239 3.22386 15 3.5 15H10.5C10.7761 15 11 15.2239 11 15.5V20.5ZM20.5 15C20.7761 15 21 15.2239 21 15.5V20.5C21 20.7761 20.7761 21 20.5 21H13.5C13.2239 21 13 20.7761 13 20.5V15.5C13 15.2239 13.2239 15 13.5 15H20.5ZM5 19H9V17H5V19ZM15 19H19V17H15V19ZM11 12.5C11 12.7761 10.7761 13 10.5 13H3.5C3.22386 13 3 12.7761 3 12.5V3.5C3 3.22386 3.22386 3 3.5 3H10.5C10.7761 3 11 3.22386 11 3.5V12.5ZM21 13H13V11H21V13ZM5 11H9V5H5V11ZM21 9H13V7H21V9ZM21 5H13V3H21V5Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const LeadBlock: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_sidebar-left--solid\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5L3 3.5C3 3.22386 3.22386 3 3.5 3L20.5 3C20.7761 3 21 3.22386 21 3.5V20.5ZM12 6.5C12 6.22386 11.7761 6 11.5 6H6.5C6.22386 6 6 6.22386 6 6.5L6 17.5C6 17.7761 6.22386 18 6.5 18H11.5C11.7761 18 12 17.7761 12 17.5L12 6.5Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_sidebar-left--line\"><path id=\"Union\" d=\"M20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5ZM5 19H19V5H5V19ZM12.5 7C12.7761 7 13 7.22386 13 7.5V16.5C13 16.7761 12.7761 17 12.5 17H7.5C7.22386 17 7 16.7761 7 16.5V7.5C7 7.22386 7.22386 7 7.5 7H12.5Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const SidebarLeft: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_sidebar-right--solid\"><path id=\"Union\" d=\"M3 3.5C3 3.22386 3.22386 3 3.5 3L20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5L3 3.5ZM12 17.5C12 17.7761 12.2239 18 12.5 18H17.5C17.7761 18 18 17.7761 18 17.5L18 6.5C18 6.22386 17.7761 6 17.5 6H12.5C12.2239 6 12 6.22386 12 6.5L12 17.5Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_sidebar-right--line\"><path id=\"Union\" d=\"M3 3.5C3 3.22386 3.22386 3 3.5 3L20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5L3 3.5ZM19 19V5L5 5L5 19H19ZM11 7.5C11 7.22386 11.2239 7 11.5 7L16.5 7C16.7761 7 17 7.22386 17 7.5L17 16.5C17 16.7761 16.7761 17 16.5 17H11.5C11.2239 17 11 16.7761 11 16.5L11 7.5Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const SidebarRight: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_slider--solid\"><path id=\"Union\" d=\"M18 19.5005C18 19.7766 17.7761 20.0005 17.5 20.0005H6.5C6.22386 20.0005 6 19.7766 6 19.5005V4.50049C6 4.22435 6.22386 4.00049 6.5 4.00049H17.5C17.7761 4.00049 18 4.22435 18 4.50049V19.5005ZM4 17.0005H2V7.00049H4V17.0005ZM22 17.0005H20V7.00049H22V17.0005Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_slider--line\"><path id=\"Union\" d=\"M18 19.5C18 19.7761 17.7761 20 17.5 20H6.5C6.22386 20 6 19.7761 6 19.5V4.5C6 4.22386 6.22386 4 6.5 4H17.5C17.7761 4 18 4.22386 18 4.5V19.5ZM8 18H16V6H8V18ZM4 17H2V7H4V17ZM22 17H20V7H22V17Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const Slider: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-board--solid\"><path id=\"Union\" d=\"M20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5ZM11 7.00049V17.0005H13V7.00049H11ZM7 7.00049V15.0005H9V7.00049H7ZM15 7.00049V13.0005H17V7.00049H15Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-board--line\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V20.5ZM5 19H19V5H5V19ZM13 17H11V7H13V17ZM9 15H7V7H9V15ZM17 13H15V7H17V13Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const ViewBoard: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-column--solid\"><path id=\"Union\" d=\"M7.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H7.5V21.0005ZM14.5 21.0005H9.5V3.00049H14.5V21.0005ZM20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H16.5V3.00049H20.5Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-column--line\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V20.5ZM5 19H8V5H5V19ZM10 19H14V5H10V19ZM16 19H19V5H16V19Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const ViewColumn: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-list--solid\"><path id=\"Union\" d=\"M20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5ZM8 15.0005C7.44772 15.0005 7 15.4482 7 16.0005C7 16.5528 7.44772 17.0005 8 17.0005C8.55228 17.0005 9 16.5528 9 16.0005C9 15.4482 8.55228 15.0005 8 15.0005ZM11 15.0005V17.0005H17V15.0005H11ZM8 11.0005C7.44772 11.0005 7 11.4482 7 12.0005C7 12.5528 7.44772 13.0005 8 13.0005C8.55228 13.0005 9 12.5528 9 12.0005C9 11.4482 8.55228 11.0005 8 11.0005ZM11 11.0005V13.0005H17V11.0005H11ZM8 7.00049C7.44772 7.00049 7 7.4482 7 8.00049C7 8.55277 7.44772 9.00049 8 9.00049C8.55228 9.00049 9 8.55277 9 8.00049C9 7.4482 8.55228 7.00049 8 7.00049ZM11 7.00049V9.00049H17V7.00049H11Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-list--line\"><path id=\"Union\" d=\"M20.5 3C20.7761 3 21 3.22386 21 3.5V20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5ZM5 19H19V5H5V19ZM8 15C8.55228 15 9 15.4477 9 16C9 16.5523 8.55228 17 8 17C7.44772 17 7 16.5523 7 16C7 15.4477 7.44772 15 8 15ZM17 17H11V15H17V17ZM8 11C8.55228 11 9 11.4477 9 12C9 12.5523 8.55228 13 8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11ZM17 13H11V11H17V13ZM8 7C8.55228 7 9 7.44772 9 8C9 8.55228 8.55228 9 8 9C7.44772 9 7 8.55228 7 8C7 7.44772 7.44772 7 8 7ZM17 9H11V7H17V9Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const ViewList: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-table--solid\"><path id=\"Union\" d=\"M8 16.0005V21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V16.0005H8ZM21 20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H10V16.0005H21V20.5005ZM21 14.0005H10V10.0005H21V14.0005ZM8 10.0005V14.0005H3V10.0005H8ZM20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V8.00049H10V3.00049H20.5ZM8 8.00049H3V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H8V8.00049Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-table--line\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V20.5ZM5 19H8V16H5V19ZM10 19H19V16H10V19ZM5 14H8V10H5V14ZM10 14H19V10H10V14ZM5 8H8V5H5V8ZM10 8H19V5H10V8Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const ViewTable: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../../BaseIcon\";\nimport type { BaseIconProps } from \"../../types\";\n\nconst solidContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-timeline--solid\"><path id=\"Union\" d=\"M20.5 3.00049C20.7761 3.00049 21 3.22435 21 3.50049V20.5005C21 20.7766 20.7761 21.0005 20.5 21.0005H3.5C3.22386 21.0005 3 20.7766 3 20.5005V3.50049C3 3.22435 3.22386 3.00049 3.5 3.00049H20.5ZM11 15.0005V17.0005H17V15.0005H11ZM9 11.0005V13.0005H15V11.0005H9ZM7 7.00049V9.00049H13V7.00049H7Z\" style=\"fill: currentColor\"/></g></svg>`;\nconst lineContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"icon_view-timeline--line\"><path id=\"Union\" d=\"M21 20.5C21 20.7761 20.7761 21 20.5 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5C20.7761 3 21 3.22386 21 3.5V20.5ZM5 19H19V5H5V19ZM17 17H11V15H17V17ZM15 13H9V11H15V13ZM13 9H7V7H13V9Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const ViewTimeline: React.FC<BaseIconProps> = (props) => (\n <BaseIcon {...props} solidContent={solidContent} lineContent={lineContent} />\n);\n"],"mappings":"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","names":["solidContent","lineContent","jsx","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent","jsx","solidContent","lineContent"]}
|
package/native/bookmarks.d.mts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { b as BaseIconProps } from './BaseIcon-
|
|
2
|
-
export { B as BaseIcon, a as BaseIconComponent, I as IconVariant } from './BaseIcon-
|
|
1
|
+
import { b as BaseIconProps } from './BaseIcon-CCN4dIBq.mjs';
|
|
2
|
+
export { B as BaseIcon, a as BaseIconComponent, I as IconVariant } from './BaseIcon-CCN4dIBq.mjs';
|
|
3
3
|
import React from 'react';
|
|
4
|
+
import '@xsolla/xui-primitives-core';
|
|
4
5
|
|
|
5
6
|
declare const Bookmark: React.FC<BaseIconProps>;
|
|
6
7
|
|
package/native/bookmarks.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { b as BaseIconProps } from './BaseIcon-
|
|
2
|
-
export { B as BaseIcon, a as BaseIconComponent, I as IconVariant } from './BaseIcon-
|
|
1
|
+
import { b as BaseIconProps } from './BaseIcon-CCN4dIBq.js';
|
|
2
|
+
export { B as BaseIcon, a as BaseIconComponent, I as IconVariant } from './BaseIcon-CCN4dIBq.js';
|
|
3
3
|
import React from 'react';
|
|
4
|
+
import '@xsolla/xui-primitives-core';
|
|
4
5
|
|
|
5
6
|
declare const Bookmark: React.FC<BaseIconProps>;
|
|
6
7
|
|
package/native/bookmarks.js
CHANGED
|
@@ -33,6 +33,7 @@ module.exports = __toCommonJS(bookmarks_exports);
|
|
|
33
33
|
// src/BaseIcon.native.tsx
|
|
34
34
|
var import_react_native = require("react-native");
|
|
35
35
|
var import_react_native_svg = require("react-native-svg");
|
|
36
|
+
var import_xui_primitives_core = require("@xsolla/xui-primitives-core");
|
|
36
37
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
37
38
|
var BaseIcon = ({
|
|
38
39
|
variant = "line",
|
|
@@ -45,10 +46,10 @@ var BaseIcon = ({
|
|
|
45
46
|
"aria-label": ariaLabel
|
|
46
47
|
}) => {
|
|
47
48
|
const svgContent = variant === "line" ? lineContent7 : solidContent7;
|
|
48
|
-
const
|
|
49
|
+
const resolvedSize = (0, import_xui_primitives_core.resolveNativeIconSize)(size, 24);
|
|
49
50
|
const containerStyle = {
|
|
50
|
-
width:
|
|
51
|
-
height:
|
|
51
|
+
width: resolvedSize,
|
|
52
|
+
height: resolvedSize,
|
|
52
53
|
alignItems: "center",
|
|
53
54
|
justifyContent: "center",
|
|
54
55
|
...style
|