@wistia/ui 0.0.8 → 0.0.10
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/dist/index.cjs +942 -786
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +112 -14
- package/dist/index.d.ts +112 -14
- package/dist/index.mjs +907 -755
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.0.
|
|
3
|
+
* @license @wistia/ui v0.0.10
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2024, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -39,14 +39,17 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
39
39
|
// src/index.ts
|
|
40
40
|
var src_exports = {};
|
|
41
41
|
__export(src_exports, {
|
|
42
|
+
Badge: () => Badge,
|
|
42
43
|
Box: () => Box,
|
|
43
44
|
Button: () => Button,
|
|
44
45
|
ButtonGroup: () => ButtonGroup,
|
|
46
|
+
ColorSchemeWrapper: () => ColorSchemeWrapper,
|
|
45
47
|
Divider: () => Divider,
|
|
46
48
|
Ellipsis: () => Ellipsis,
|
|
47
49
|
Heading: () => Heading,
|
|
48
50
|
Icon: () => Icon,
|
|
49
51
|
IconButton: () => IconButton,
|
|
52
|
+
Label: () => Label,
|
|
50
53
|
Link: () => Link,
|
|
51
54
|
ScreenReaderOnly: () => ScreenReaderOnly,
|
|
52
55
|
Stack: () => Stack,
|
|
@@ -54,6 +57,7 @@ __export(src_exports, {
|
|
|
54
57
|
Tooltip: () => Tooltip,
|
|
55
58
|
UIProvider: () => UIProvider,
|
|
56
59
|
WistiaLogo: () => WistiaLogo,
|
|
60
|
+
colorSchemeOptions: () => colorSchemeOptions,
|
|
57
61
|
copyToClipboard: () => copyToClipboard,
|
|
58
62
|
ellipsisFlexParentStyle: () => ellipsisFlexParentStyle,
|
|
59
63
|
ellipsisStyle: () => ellipsisStyle,
|
|
@@ -1425,16 +1429,118 @@ var useAriaLive = () => {
|
|
|
1425
1429
|
return context;
|
|
1426
1430
|
};
|
|
1427
1431
|
|
|
1428
|
-
// src/components/
|
|
1432
|
+
// src/components/Badge/Badge.tsx
|
|
1429
1433
|
var import_react5 = require("react");
|
|
1430
|
-
var
|
|
1434
|
+
var import_styled_components11 = __toESM(require("styled-components"));
|
|
1431
1435
|
var import_type_guards5 = require("@wistia/type-guards");
|
|
1436
|
+
|
|
1437
|
+
// src/private/helpers/getColorScheme/getColorScheme.ts
|
|
1438
|
+
var import_styled_components10 = require("styled-components");
|
|
1439
|
+
var colorSchemeSchema = [
|
|
1440
|
+
{ token: "bg-surface", step: "surface" },
|
|
1441
|
+
{ token: "bg-surface-hover", step: "3" },
|
|
1442
|
+
{ token: "bg-surface-active", step: "4" },
|
|
1443
|
+
{ token: "bg-surface-secondary", step: "3" },
|
|
1444
|
+
{ token: "bg-surface-secondary-hover", step: "4" },
|
|
1445
|
+
{ token: "bg-surface-secondary-active", step: "5" },
|
|
1446
|
+
{ token: "bg-surface-tertiary", step: "5" },
|
|
1447
|
+
{ token: "bg-fill", step: "9" },
|
|
1448
|
+
{ token: "bg-fill-hover", step: "10" },
|
|
1449
|
+
{ token: "bg-fill-active", step: "11" },
|
|
1450
|
+
{ token: "text", step: "11" },
|
|
1451
|
+
{ token: "text-high-contrast", step: "12" },
|
|
1452
|
+
{ token: "text-link", step: "9" },
|
|
1453
|
+
{ token: "text-secondary", step: "11" },
|
|
1454
|
+
{ token: "text-on-fill", step: "contrast" },
|
|
1455
|
+
{ token: "border", step: "6" },
|
|
1456
|
+
{ token: "icon", step: "11" },
|
|
1457
|
+
{ token: "icon-on-fill", step: "contrast" }
|
|
1458
|
+
];
|
|
1459
|
+
var defaultScheme = import_styled_components10.css`
|
|
1460
|
+
--color-bg-surface: var(--gray-surface);
|
|
1461
|
+
--color-bg-surface-hover: var(--gray-3);
|
|
1462
|
+
--color-bg-surface-active: var(--gray-4);
|
|
1463
|
+
--color-bg-surface-secondary: var(--gray-3);
|
|
1464
|
+
--color-bg-surface-secondary-hover: var(--gray-4);
|
|
1465
|
+
--color-bg-surface-secondary-active: var(--gray-5);
|
|
1466
|
+
--color-bg-surface-tertiary: var(--gray-5);
|
|
1467
|
+
--color-bg-fill: var(--blue-9);
|
|
1468
|
+
--color-bg-fill-hover: var(--blue-10);
|
|
1469
|
+
--color-bg-fill-active: var(--blue-12);
|
|
1470
|
+
--color-text: var(--gray-12);
|
|
1471
|
+
--color-text-link: var(--blue-9);
|
|
1472
|
+
--color-text-secondary: var(--gray-11);
|
|
1473
|
+
--color-text-on-fill: var(--gray-contrast);
|
|
1474
|
+
--color-border: var(--gray-6);
|
|
1475
|
+
--color-icon: var(--gray-11);
|
|
1476
|
+
--color-icon-on-fill: var(--gray-contrast);
|
|
1477
|
+
`;
|
|
1478
|
+
var getColorScheme = (colorScheme) => {
|
|
1479
|
+
if (colorScheme === "inherit") {
|
|
1480
|
+
return null;
|
|
1481
|
+
}
|
|
1482
|
+
if (colorScheme === "default") {
|
|
1483
|
+
return defaultScheme;
|
|
1484
|
+
}
|
|
1485
|
+
return import_styled_components10.css`
|
|
1486
|
+
${colorSchemeSchema.map(({ token, step }) => {
|
|
1487
|
+
return `--color-${token}: var(--${colorScheme === "info" ? "blue" : colorScheme}-${step});`;
|
|
1488
|
+
})}
|
|
1489
|
+
`;
|
|
1490
|
+
};
|
|
1491
|
+
|
|
1492
|
+
// src/components/Badge/Badge.tsx
|
|
1432
1493
|
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
1494
|
+
var StyledBadge = import_styled_components11.default.div`
|
|
1495
|
+
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
1496
|
+
align-items: center;
|
|
1497
|
+
background-color: var(--color-bg-surface-secondary);
|
|
1498
|
+
border-radius: var(--border-radius-rounded);
|
|
1499
|
+
color: var(--color-text);
|
|
1500
|
+
display: inline-flex;
|
|
1501
|
+
font-size: var(--typography-label-4-size);
|
|
1502
|
+
font-weight: var(--typography-label-4-weight);
|
|
1503
|
+
gap: var(--space-01);
|
|
1504
|
+
justify-content: center;
|
|
1505
|
+
padding: var(--space-01) var(--space-02);
|
|
1506
|
+
width: fit-content;
|
|
1507
|
+
|
|
1508
|
+
/* TODO should these be a token? */
|
|
1509
|
+
svg {
|
|
1510
|
+
height: 12px;
|
|
1511
|
+
width: 12px;
|
|
1512
|
+
}
|
|
1513
|
+
`;
|
|
1514
|
+
var Badge = (0, import_react5.forwardRef)(
|
|
1515
|
+
({ colorScheme = "inherit", label, icon, ...otherProps }, ref) => {
|
|
1516
|
+
const hasIcon = (0, import_type_guards5.isNotNil)(icon);
|
|
1517
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
|
|
1518
|
+
StyledBadge,
|
|
1519
|
+
{
|
|
1520
|
+
ref,
|
|
1521
|
+
...otherProps,
|
|
1522
|
+
$colorScheme: colorScheme,
|
|
1523
|
+
$hasIcon: hasIcon,
|
|
1524
|
+
children: [
|
|
1525
|
+
hasIcon ? icon : null,
|
|
1526
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: label })
|
|
1527
|
+
]
|
|
1528
|
+
}
|
|
1529
|
+
);
|
|
1530
|
+
}
|
|
1531
|
+
);
|
|
1532
|
+
Badge.displayName = "Badge";
|
|
1533
|
+
|
|
1534
|
+
// src/components/Box/Box.tsx
|
|
1535
|
+
var import_react6 = require("react");
|
|
1536
|
+
var import_styled_components12 = __toESM(require("styled-components"));
|
|
1537
|
+
var import_type_guards6 = require("@wistia/type-guards");
|
|
1538
|
+
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
1433
1539
|
var isDev = process.env["NODE_ENV"] === "development";
|
|
1434
1540
|
var PROPS_FOR_FLEX_CHILDREN = /* @__PURE__ */ new Set(["alignSelf", "basis", "grow", "order", "shrink"]);
|
|
1435
1541
|
var getGapStyle = (gap) => {
|
|
1436
|
-
if ((0,
|
|
1437
|
-
if ((0,
|
|
1542
|
+
if ((0, import_type_guards6.isNotNil)(gap)) {
|
|
1543
|
+
if ((0, import_type_guards6.isRecord)(gap)) {
|
|
1438
1544
|
return Object.entries(gap).map(([key, value]) => `${key}-gap: ${value};`).join("");
|
|
1439
1545
|
}
|
|
1440
1546
|
return `gap: ${gap.toString()};`;
|
|
@@ -1471,34 +1577,34 @@ var getFillViewportStyle = (fillViewport) => {
|
|
|
1471
1577
|
}
|
|
1472
1578
|
return void 0;
|
|
1473
1579
|
};
|
|
1474
|
-
var BoxComponent =
|
|
1475
|
-
align-content: ${({ alignContent }) => alignContent};
|
|
1476
|
-
align-items: ${({ alignItems }) => alignItems};
|
|
1477
|
-
align-self: ${({ alignSelf }) => alignSelf ?? null};
|
|
1478
|
-
display: ${({ inline }) => (0,
|
|
1479
|
-
flex-basis: ${({ basis }) => (0,
|
|
1480
|
-
flex-direction: ${({ flexDirection }) => flexDirection};
|
|
1481
|
-
${({ fillBox: fill }) => getFillStyle(fill)};
|
|
1482
|
-
${({ fillViewport }) => getFillViewportStyle(fillViewport)};
|
|
1580
|
+
var BoxComponent = import_styled_components12.default.div`
|
|
1581
|
+
align-content: ${({ $alignContent }) => $alignContent};
|
|
1582
|
+
align-items: ${({ $alignItems }) => $alignItems};
|
|
1583
|
+
align-self: ${({ $alignSelf }) => $alignSelf ?? null};
|
|
1584
|
+
display: ${({ $inline }) => (0, import_type_guards6.isNotNil)($inline) && $inline ? "inline-flex" : "flex"};
|
|
1585
|
+
flex-basis: ${({ $basis }) => (0, import_type_guards6.isNotNil)($basis) ? $basis : null};
|
|
1586
|
+
flex-direction: ${({ $flexDirection }) => $flexDirection};
|
|
1587
|
+
${({ $fillBox: fill }) => getFillStyle(fill)};
|
|
1588
|
+
${({ $fillViewport }) => getFillViewportStyle($fillViewport)};
|
|
1483
1589
|
|
|
1484
1590
|
/* Box children styles */
|
|
1485
|
-
flex-grow: ${({ grow }) => (0,
|
|
1486
|
-
flex-shrink: ${({ shrink }) => (0,
|
|
1487
|
-
flex-wrap: ${({ wrapItems }) => wrapItems ? "wrap" : "nowrap"};
|
|
1488
|
-
${({ gap }) => getGapStyle(gap)};
|
|
1489
|
-
justify-content: ${({ justifyContent }) => justifyContent};
|
|
1490
|
-
order: ${({ order }) => (0,
|
|
1591
|
+
flex-grow: ${({ $grow }) => (0, import_type_guards6.isNotNil)($grow) ? $grow : null};
|
|
1592
|
+
flex-shrink: ${({ $shrink }) => (0, import_type_guards6.isNotNil)($shrink) ? $shrink : null};
|
|
1593
|
+
flex-wrap: ${({ $wrapItems }) => $wrapItems ? "wrap" : "nowrap"};
|
|
1594
|
+
${({ $gap }) => getGapStyle($gap)};
|
|
1595
|
+
justify-content: ${({ $justifyContent }) => $justifyContent};
|
|
1596
|
+
order: ${({ $order }) => (0, import_type_guards6.isNotNil)($order) ? $order : null};
|
|
1491
1597
|
`;
|
|
1492
1598
|
var wrapChildren = (children) => {
|
|
1493
|
-
if ((0,
|
|
1599
|
+
if ((0, import_type_guards6.isNotNil)(children)) {
|
|
1494
1600
|
if (typeof children === "object" && isDev) {
|
|
1495
|
-
return
|
|
1496
|
-
if ((0,
|
|
1601
|
+
return import_react6.Children.map(children, (child) => {
|
|
1602
|
+
if ((0, import_type_guards6.isNil)(child)) return null;
|
|
1497
1603
|
const elementParams = {};
|
|
1498
1604
|
if (child.type?.displayName === "Box" || child.type?.displayName === "Box_UI") {
|
|
1499
1605
|
elementParams.hasBoxParent = true;
|
|
1500
1606
|
}
|
|
1501
|
-
return (0,
|
|
1607
|
+
return (0, import_react6.cloneElement)(child, elementParams);
|
|
1502
1608
|
});
|
|
1503
1609
|
}
|
|
1504
1610
|
return children;
|
|
@@ -1513,6 +1619,7 @@ var Box = ({
|
|
|
1513
1619
|
hasBoxParent = false,
|
|
1514
1620
|
fill = false,
|
|
1515
1621
|
fillViewport = false,
|
|
1622
|
+
gap,
|
|
1516
1623
|
inline = false,
|
|
1517
1624
|
justifyContent = "flex-start",
|
|
1518
1625
|
wrapItems = false,
|
|
@@ -1525,18 +1632,19 @@ var Box = ({
|
|
|
1525
1632
|
}
|
|
1526
1633
|
});
|
|
1527
1634
|
}
|
|
1528
|
-
return /* @__PURE__ */ (0,
|
|
1635
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
1529
1636
|
BoxComponent,
|
|
1530
1637
|
{
|
|
1531
|
-
alignContent,
|
|
1532
|
-
alignItems,
|
|
1638
|
+
$alignContent: alignContent,
|
|
1639
|
+
$alignItems: alignItems,
|
|
1640
|
+
$fillBox: fill,
|
|
1641
|
+
$fillViewport: fillViewport,
|
|
1642
|
+
$flexDirection: direction,
|
|
1643
|
+
$gap: gap,
|
|
1644
|
+
$inline: inline,
|
|
1645
|
+
$justifyContent: justifyContent,
|
|
1646
|
+
$wrapItems: wrapItems,
|
|
1533
1647
|
as: "div",
|
|
1534
|
-
fillBox: fill,
|
|
1535
|
-
fillViewport,
|
|
1536
|
-
flexDirection: direction,
|
|
1537
|
-
inline,
|
|
1538
|
-
justifyContent,
|
|
1539
|
-
wrapItems,
|
|
1540
1648
|
...otherProps,
|
|
1541
1649
|
children: wrapChildren(children)
|
|
1542
1650
|
}
|
|
@@ -1545,13 +1653,13 @@ var Box = ({
|
|
|
1545
1653
|
Box.displayName = "Box";
|
|
1546
1654
|
|
|
1547
1655
|
// src/components/Button/Button.tsx
|
|
1548
|
-
var
|
|
1549
|
-
var
|
|
1550
|
-
var
|
|
1656
|
+
var import_react9 = require("react");
|
|
1657
|
+
var import_styled_components17 = __toESM(require("styled-components"));
|
|
1658
|
+
var import_type_guards10 = require("@wistia/type-guards");
|
|
1551
1659
|
|
|
1552
1660
|
// src/css/buttonResetCss.tsx
|
|
1553
|
-
var
|
|
1554
|
-
var buttonResetCss =
|
|
1661
|
+
var import_styled_components13 = require("styled-components");
|
|
1662
|
+
var buttonResetCss = import_styled_components13.css`
|
|
1555
1663
|
align-items: center;
|
|
1556
1664
|
background-color: transparent;
|
|
1557
1665
|
background-image: none;
|
|
@@ -1596,8 +1704,8 @@ var buttonResetCss = import_styled_components11.css`
|
|
|
1596
1704
|
`;
|
|
1597
1705
|
|
|
1598
1706
|
// src/components/Button/buttonStyles.tsx
|
|
1599
|
-
var
|
|
1600
|
-
var buttonSmallStyles =
|
|
1707
|
+
var import_styled_components14 = require("styled-components");
|
|
1708
|
+
var buttonSmallStyles = import_styled_components14.css`
|
|
1601
1709
|
--button-padding-vertical: var(--space-01);
|
|
1602
1710
|
--button-padding-horizontal: var(--space-02);
|
|
1603
1711
|
--button-label-padding-horizontal: var(--space-01);
|
|
@@ -1608,7 +1716,7 @@ var buttonSmallStyles = import_styled_components12.css`
|
|
|
1608
1716
|
--button-icon-size: 12px;
|
|
1609
1717
|
--button-label-gap: 4px;
|
|
1610
1718
|
`;
|
|
1611
|
-
var buttonMediumStyles =
|
|
1719
|
+
var buttonMediumStyles = import_styled_components14.css`
|
|
1612
1720
|
--button-padding-vertical: var(--space-02);
|
|
1613
1721
|
--button-padding-horizontal: var(--space-02);
|
|
1614
1722
|
--button-label-padding-horizontal: 6px;
|
|
@@ -1619,7 +1727,7 @@ var buttonMediumStyles = import_styled_components12.css`
|
|
|
1619
1727
|
--button-icon-size: 16px;
|
|
1620
1728
|
--button-label-gap: 6px;
|
|
1621
1729
|
`;
|
|
1622
|
-
var buttonLargeStyles =
|
|
1730
|
+
var buttonLargeStyles = import_styled_components14.css`
|
|
1623
1731
|
--button-padding-vertical: var(--space-02);
|
|
1624
1732
|
--button-padding-horizontal: var(--space-02);
|
|
1625
1733
|
--button-label-padding-horizontal: var(--space-02);
|
|
@@ -1630,7 +1738,7 @@ var buttonLargeStyles = import_styled_components12.css`
|
|
|
1630
1738
|
--button-icon-size: 24px;
|
|
1631
1739
|
--button-label-gap: 8px;
|
|
1632
1740
|
`;
|
|
1633
|
-
var
|
|
1741
|
+
var buttonExtraLargeStyles = import_styled_components14.css`
|
|
1634
1742
|
--button-padding-vertical: var(--space-03);
|
|
1635
1743
|
--button-padding-horizontal: var(--space-03);
|
|
1636
1744
|
--button-label-padding-horizontal: var(--space-02);
|
|
@@ -1641,35 +1749,35 @@ var buttonHeroStyles = import_styled_components12.css`
|
|
|
1641
1749
|
--button-icon-size: 24px;
|
|
1642
1750
|
--button-label-gap: 8px;
|
|
1643
1751
|
`;
|
|
1644
|
-
var ghostButtonVariant =
|
|
1752
|
+
var ghostButtonVariant = import_styled_components14.css`
|
|
1645
1753
|
--button-color-bg: transparent;
|
|
1646
1754
|
--button-color-bg-hover: var(--color-bg-surface-hover);
|
|
1647
1755
|
--button-color-bg-active: var(--color-bg-surface-active);
|
|
1648
1756
|
--button-color-text: var(--color-text);
|
|
1649
1757
|
--button-color-icon: var(--color-icon);
|
|
1650
1758
|
`;
|
|
1651
|
-
var outlineButtonVariant =
|
|
1759
|
+
var outlineButtonVariant = import_styled_components14.css`
|
|
1652
1760
|
${ghostButtonVariant};
|
|
1653
1761
|
--button-color-border: var(--color-border);
|
|
1654
1762
|
|
|
1655
1763
|
border: 1px solid var(--button-color-border);
|
|
1656
1764
|
box-shadow: 0 0 0 2px var(--button-color-border) inset;
|
|
1657
1765
|
`;
|
|
1658
|
-
var softButtonVariant =
|
|
1766
|
+
var softButtonVariant = import_styled_components14.css`
|
|
1659
1767
|
--button-color-bg: var(--color-bg-surface-secondary);
|
|
1660
1768
|
--button-color-bg-hover: var(--color-bg-surface-secondary-hover);
|
|
1661
1769
|
--button-color-bg-active: var(--color-bg-surface-secondary-active);
|
|
1662
1770
|
--button-color-text: var(--color-text);
|
|
1663
1771
|
--button-color-icon: var(--color-icon);
|
|
1664
1772
|
`;
|
|
1665
|
-
var solidButtonVariant =
|
|
1773
|
+
var solidButtonVariant = import_styled_components14.css`
|
|
1666
1774
|
--button-color-bg: var(--color-bg-fill);
|
|
1667
1775
|
--button-color-bg-hover: var(--color-bg-fill-hover);
|
|
1668
1776
|
--button-color-bg-active: var(--color-bg-fill-active);
|
|
1669
1777
|
--button-color-text: var(--color-text-on-fill);
|
|
1670
1778
|
--button-color-icon: var(--color-icon-on-fill);
|
|
1671
1779
|
`;
|
|
1672
|
-
var disabledButtonVariant =
|
|
1780
|
+
var disabledButtonVariant = import_styled_components14.css`
|
|
1673
1781
|
--button-color-bg: var(--color-bg-surface-disabled);
|
|
1674
1782
|
--button-color-bg-hover: var(--color-bg-surface-disabled);
|
|
1675
1783
|
--button-color-bg-active: var(--color-bg-surface-disabled);
|
|
@@ -1677,7 +1785,7 @@ var disabledButtonVariant = import_styled_components12.css`
|
|
|
1677
1785
|
--button-color-icon: var(--color-icon-disabled);
|
|
1678
1786
|
--button-color-border: var(--color-border-disabled);
|
|
1679
1787
|
`;
|
|
1680
|
-
var pressedButtonVariant =
|
|
1788
|
+
var pressedButtonVariant = import_styled_components14.css`
|
|
1681
1789
|
--button-color-bg: var(--color-bg-surface-selected);
|
|
1682
1790
|
--button-color-bg-hover: var(--color-bg-surface-selected-hover);
|
|
1683
1791
|
--button-color-bg-active: var(--color-bg-surface-selected-active);
|
|
@@ -1685,7 +1793,7 @@ var pressedButtonVariant = import_styled_components12.css`
|
|
|
1685
1793
|
--button-color-icon: var(--color-icon-selected);
|
|
1686
1794
|
--button-color-border: var(--color-border-selected);
|
|
1687
1795
|
`;
|
|
1688
|
-
var buttonBaseStyles =
|
|
1796
|
+
var buttonBaseStyles = import_styled_components14.css`
|
|
1689
1797
|
border-radius: var(--border-radius-rounded);
|
|
1690
1798
|
font-family: var(--button-typography-family);
|
|
1691
1799
|
font-size: var(--button-typography-size);
|
|
@@ -1745,80 +1853,25 @@ var buttonVariantsStyles = {
|
|
|
1745
1853
|
solid: solidButtonVariant
|
|
1746
1854
|
};
|
|
1747
1855
|
var buttonSizeStyles = {
|
|
1748
|
-
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
};
|
|
1753
|
-
|
|
1754
|
-
// src/private/helpers/getColorScheme/getColorScheme.ts
|
|
1755
|
-
var import_styled_components13 = require("styled-components");
|
|
1756
|
-
var colorSchemeSchema = [
|
|
1757
|
-
{ token: "bg-surface", step: "surface" },
|
|
1758
|
-
{ token: "bg-surface-hover", step: "3" },
|
|
1759
|
-
{ token: "bg-surface-active", step: "4" },
|
|
1760
|
-
{ token: "bg-surface-secondary", step: "3" },
|
|
1761
|
-
{ token: "bg-surface-secondary-hover", step: "4" },
|
|
1762
|
-
{ token: "bg-surface-secondary-active", step: "5" },
|
|
1763
|
-
{ token: "bg-surface-tertiary", step: "5" },
|
|
1764
|
-
{ token: "bg-fill", step: "9" },
|
|
1765
|
-
{ token: "bg-fill-hover", step: "10" },
|
|
1766
|
-
{ token: "bg-fill-active", step: "11" },
|
|
1767
|
-
{ token: "text", step: "11" },
|
|
1768
|
-
{ token: "text-high-contrast", step: "12" },
|
|
1769
|
-
{ token: "text-link", step: "9" },
|
|
1770
|
-
{ token: "text-secondary", step: "11" },
|
|
1771
|
-
{ token: "text-on-fill", step: "contrast" },
|
|
1772
|
-
{ token: "border", step: "6" },
|
|
1773
|
-
{ token: "icon", step: "11" },
|
|
1774
|
-
{ token: "icon-on-fill", step: "contrast" }
|
|
1775
|
-
];
|
|
1776
|
-
var defaultScheme = import_styled_components13.css`
|
|
1777
|
-
--color-bg-surface: var(--gray-surface);
|
|
1778
|
-
--color-bg-surface-hover: var(--gray-3);
|
|
1779
|
-
--color-bg-surface-active: var(--gray-4);
|
|
1780
|
-
--color-bg-surface-secondary: var(--gray-3);
|
|
1781
|
-
--color-bg-surface-secondary-hover: var(--gray-4);
|
|
1782
|
-
--color-bg-surface-secondary-active: var(--gray-5);
|
|
1783
|
-
--color-bg-surface-tertiary: var(--gray-5);
|
|
1784
|
-
--color-bg-fill: var(--blue-9);
|
|
1785
|
-
--color-bg-fill-hover: var(--blue-10);
|
|
1786
|
-
--color-bg-fill-active: var(--blue-12);
|
|
1787
|
-
--color-text: var(--gray-12);
|
|
1788
|
-
--color-text-link: var(--blue-9);
|
|
1789
|
-
--color-text-secondary: var(--gray-11);
|
|
1790
|
-
--color-text-on-fill: var(--gray-contrast);
|
|
1791
|
-
--color-border: var(--gray-6);
|
|
1792
|
-
--color-icon: var(--gray-11);
|
|
1793
|
-
--color-icon-on-fill: var(--gray-contrast);
|
|
1794
|
-
`;
|
|
1795
|
-
var getColorScheme = (colorScheme) => {
|
|
1796
|
-
if (colorScheme === "inherit") {
|
|
1797
|
-
return null;
|
|
1798
|
-
}
|
|
1799
|
-
if (colorScheme === "default") {
|
|
1800
|
-
return defaultScheme;
|
|
1801
|
-
}
|
|
1802
|
-
return import_styled_components13.css`
|
|
1803
|
-
${colorSchemeSchema.map(({ token, step }) => {
|
|
1804
|
-
return `--color-${token}: var(--${colorScheme === "info" ? "blue" : colorScheme}-${step});`;
|
|
1805
|
-
})}
|
|
1806
|
-
`;
|
|
1856
|
+
sm: buttonSmallStyles,
|
|
1857
|
+
md: buttonMediumStyles,
|
|
1858
|
+
lg: buttonLargeStyles,
|
|
1859
|
+
xl: buttonExtraLargeStyles
|
|
1807
1860
|
};
|
|
1808
1861
|
|
|
1809
1862
|
// src/components/Icon/Icon.tsx
|
|
1810
|
-
var
|
|
1811
|
-
var
|
|
1863
|
+
var import_type_guards8 = require("@wistia/type-guards");
|
|
1864
|
+
var import_styled_components15 = __toESM(require("styled-components"));
|
|
1812
1865
|
|
|
1813
1866
|
// src/components/Icon/icons/AbTestIcon.tsx
|
|
1814
|
-
var
|
|
1815
|
-
var AbTestIcon = (props) => /* @__PURE__ */ (0,
|
|
1867
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
1868
|
+
var AbTestIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
1816
1869
|
"svg",
|
|
1817
1870
|
{
|
|
1818
1871
|
...props,
|
|
1819
1872
|
viewBox: "0 0 24 24",
|
|
1820
1873
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1821
|
-
children: /* @__PURE__ */ (0,
|
|
1874
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
1822
1875
|
"path",
|
|
1823
1876
|
{
|
|
1824
1877
|
d: "M20.0599 18.296L15.3332 9.09199V3.33334H16.3332C16.8852 3.33334 17.3332 2.88534 17.3332 2.33334C17.3332 1.78134 16.8852 1.33334 16.3332 1.33334H7.66659C7.11459 1.33334 6.66659 1.78134 6.66659 2.33334C6.66659 2.88534 7.11459 3.33334 7.66659 3.33334H8.66658V9.09199L3.93993 18.296C3.4586 19.2333 3.4986 20.3293 4.04793 21.2293C4.59726 22.1293 5.55459 22.6666 6.60792 22.6666H17.3906C18.4452 22.6666 19.4026 22.1293 19.9506 21.2293C20.4999 20.3293 20.5399 19.2333 20.0586 18.296H20.0599ZM10.5559 9.79066C10.6292 9.64932 10.6666 9.49199 10.6666 9.33332V3.33334H13.3332V9.33332C13.3332 9.49199 13.3706 9.64932 13.4439 9.79066L15.6052 14H8.39458L10.5559 9.79066Z",
|
|
@@ -1829,14 +1882,14 @@ var AbTestIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
|
1829
1882
|
);
|
|
1830
1883
|
|
|
1831
1884
|
// src/components/Icon/icons/AccessibilityIcon.tsx
|
|
1832
|
-
var
|
|
1833
|
-
var AccessibilityIcon = (props) => /* @__PURE__ */ (0,
|
|
1885
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
1886
|
+
var AccessibilityIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1834
1887
|
"svg",
|
|
1835
1888
|
{
|
|
1836
1889
|
...props,
|
|
1837
1890
|
viewBox: "0 0 24 24",
|
|
1838
1891
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1839
|
-
children: /* @__PURE__ */ (0,
|
|
1892
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1840
1893
|
"path",
|
|
1841
1894
|
{
|
|
1842
1895
|
clipRule: "evenodd",
|
|
@@ -1849,14 +1902,14 @@ var AccessibilityIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
|
1849
1902
|
);
|
|
1850
1903
|
|
|
1851
1904
|
// src/components/Icon/icons/ActivityIcon.tsx
|
|
1852
|
-
var
|
|
1853
|
-
var ActivityIcon = (props) => /* @__PURE__ */ (0,
|
|
1905
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
1906
|
+
var ActivityIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1854
1907
|
"svg",
|
|
1855
1908
|
{
|
|
1856
1909
|
...props,
|
|
1857
1910
|
viewBox: "0 0 24 24",
|
|
1858
1911
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1859
|
-
children: /* @__PURE__ */ (0,
|
|
1912
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1860
1913
|
"path",
|
|
1861
1914
|
{
|
|
1862
1915
|
d: "M11.9998 1.33334C6.11847 1.33334 1.33315 6.11867 1.33315 12C1.33315 17.8813 6.11847 22.6666 11.9998 22.6666C17.8811 22.6666 22.6664 17.8813 22.6664 12C22.6664 6.11867 17.8811 1.33334 11.9998 1.33334ZM18.3731 10.3733L14.8451 13.9013C14.1971 14.5506 13.1371 14.5506 12.4878 13.9013L10.3331 11.7467L7.0398 15.04C6.84513 15.2346 6.58913 15.3333 6.33313 15.3333C6.07713 15.3333 5.82113 15.236 5.62647 15.04C5.2358 14.6493 5.2358 14.016 5.62647 13.6253L9.15446 10.0973C9.80246 9.44799 10.8625 9.44799 11.5118 10.0973L13.6664 12.252L16.9598 8.95866C17.3504 8.56799 17.9838 8.56799 18.3744 8.95866C18.7651 9.34932 18.7651 9.98266 18.3744 10.3733H18.3731Z",
|
|
@@ -1867,14 +1920,14 @@ var ActivityIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
|
1867
1920
|
);
|
|
1868
1921
|
|
|
1869
1922
|
// src/components/Icon/icons/AddMediaIcon.tsx
|
|
1870
|
-
var
|
|
1871
|
-
var AddMediaIcon = (props) => /* @__PURE__ */ (0,
|
|
1923
|
+
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
1924
|
+
var AddMediaIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
1872
1925
|
"svg",
|
|
1873
1926
|
{
|
|
1874
1927
|
...props,
|
|
1875
1928
|
viewBox: "0 0 24 24",
|
|
1876
1929
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1877
|
-
children: /* @__PURE__ */ (0,
|
|
1930
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
1878
1931
|
"path",
|
|
1879
1932
|
{
|
|
1880
1933
|
clipRule: "evenodd",
|
|
@@ -1887,14 +1940,14 @@ var AddMediaIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
|
1887
1940
|
);
|
|
1888
1941
|
|
|
1889
1942
|
// src/components/Icon/icons/AnnotationLinkIcon.tsx
|
|
1890
|
-
var
|
|
1891
|
-
var AnnotationLinkIcon = (props) => /* @__PURE__ */ (0,
|
|
1943
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
1944
|
+
var AnnotationLinkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
1892
1945
|
"svg",
|
|
1893
1946
|
{
|
|
1894
1947
|
...props,
|
|
1895
1948
|
viewBox: "0 0 24 24",
|
|
1896
1949
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1897
|
-
children: /* @__PURE__ */ (0,
|
|
1950
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
1898
1951
|
"path",
|
|
1899
1952
|
{
|
|
1900
1953
|
clipRule: "evenodd",
|
|
@@ -1907,14 +1960,14 @@ var AnnotationLinkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)
|
|
|
1907
1960
|
);
|
|
1908
1961
|
|
|
1909
1962
|
// src/components/Icon/icons/AppearanceIcon.tsx
|
|
1910
|
-
var
|
|
1911
|
-
var AppearanceIcon = (props) => /* @__PURE__ */ (0,
|
|
1963
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
1964
|
+
var AppearanceIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
1912
1965
|
"svg",
|
|
1913
1966
|
{
|
|
1914
1967
|
...props,
|
|
1915
1968
|
viewBox: "0 0 24 24",
|
|
1916
1969
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1917
|
-
children: /* @__PURE__ */ (0,
|
|
1970
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
1918
1971
|
"path",
|
|
1919
1972
|
{
|
|
1920
1973
|
clipRule: "evenodd",
|
|
@@ -1927,14 +1980,14 @@ var AppearanceIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
|
1927
1980
|
);
|
|
1928
1981
|
|
|
1929
1982
|
// src/components/Icon/icons/ArchiveIcon.tsx
|
|
1930
|
-
var
|
|
1931
|
-
var ArchiveIcon = (props) => /* @__PURE__ */ (0,
|
|
1983
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
1984
|
+
var ArchiveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
1932
1985
|
"svg",
|
|
1933
1986
|
{
|
|
1934
1987
|
...props,
|
|
1935
1988
|
viewBox: "0 0 24 24",
|
|
1936
1989
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1937
|
-
children: /* @__PURE__ */ (0,
|
|
1990
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
1938
1991
|
"path",
|
|
1939
1992
|
{
|
|
1940
1993
|
d: "M20.3329 2.66666H3.66623C2.37957 2.66666 1.3329 3.71332 1.3329 4.99998V6.99998C1.3329 8.17198 2.2049 9.13597 3.3329 9.29997V17.6666C3.3329 19.6893 4.97689 21.3333 6.99955 21.3333H16.9995C19.0222 21.3333 20.6662 19.6893 20.6662 17.6666V9.29997C21.7942 9.13597 22.6662 8.17331 22.6662 6.99998V4.99998C22.6662 3.71332 21.6195 2.66666 20.3329 2.66666ZM14.6662 13.3333H9.33288C8.78088 13.3333 8.33288 12.8853 8.33288 12.3333C8.33288 11.7813 8.78088 11.3333 9.33288 11.3333H14.6662C15.2182 11.3333 15.6662 11.7813 15.6662 12.3333C15.6662 12.8853 15.2182 13.3333 14.6662 13.3333ZM20.6662 6.99998C20.6662 7.18398 20.5169 7.33331 20.3329 7.33331H3.66623C3.48223 7.33331 3.3329 7.18398 3.3329 6.99998V4.99998C3.3329 4.81598 3.48223 4.66665 3.66623 4.66665H20.3329C20.5169 4.66665 20.6662 4.81598 20.6662 4.99998V6.99998Z",
|
|
@@ -1945,14 +1998,14 @@ var ArchiveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
|
1945
1998
|
);
|
|
1946
1999
|
|
|
1947
2000
|
// src/components/Icon/icons/ArrowDownIcon.tsx
|
|
1948
|
-
var
|
|
1949
|
-
var ArrowDownIcon = (props) => /* @__PURE__ */ (0,
|
|
2001
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
2002
|
+
var ArrowDownIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
1950
2003
|
"svg",
|
|
1951
2004
|
{
|
|
1952
2005
|
...props,
|
|
1953
2006
|
viewBox: "0 0 24 24",
|
|
1954
2007
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1955
|
-
children: /* @__PURE__ */ (0,
|
|
2008
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
1956
2009
|
"path",
|
|
1957
2010
|
{
|
|
1958
2011
|
clipRule: "evenodd",
|
|
@@ -1965,14 +2018,14 @@ var ArrowDownIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
|
1965
2018
|
);
|
|
1966
2019
|
|
|
1967
2020
|
// src/components/Icon/icons/ArrowLeftIcon.tsx
|
|
1968
|
-
var
|
|
1969
|
-
var ArrowLeftIcon = (props) => /* @__PURE__ */ (0,
|
|
2021
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
2022
|
+
var ArrowLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
1970
2023
|
"svg",
|
|
1971
2024
|
{
|
|
1972
2025
|
...props,
|
|
1973
2026
|
viewBox: "0 0 24 24",
|
|
1974
2027
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1975
|
-
children: /* @__PURE__ */ (0,
|
|
2028
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
1976
2029
|
"path",
|
|
1977
2030
|
{
|
|
1978
2031
|
clipRule: "evenodd",
|
|
@@ -1985,14 +2038,14 @@ var ArrowLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
|
1985
2038
|
);
|
|
1986
2039
|
|
|
1987
2040
|
// src/components/Icon/icons/ArrowRightIcon.tsx
|
|
1988
|
-
var
|
|
1989
|
-
var ArrowRightIcon = (props) => /* @__PURE__ */ (0,
|
|
2041
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
2042
|
+
var ArrowRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
1990
2043
|
"svg",
|
|
1991
2044
|
{
|
|
1992
2045
|
...props,
|
|
1993
2046
|
viewBox: "0 0 24 24",
|
|
1994
2047
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1995
|
-
children: /* @__PURE__ */ (0,
|
|
2048
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
1996
2049
|
"path",
|
|
1997
2050
|
{
|
|
1998
2051
|
clipRule: "evenodd",
|
|
@@ -2005,14 +2058,14 @@ var ArrowRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
|
2005
2058
|
);
|
|
2006
2059
|
|
|
2007
2060
|
// src/components/Icon/icons/ArrowUpIcon.tsx
|
|
2008
|
-
var
|
|
2009
|
-
var ArrowUpIcon = (props) => /* @__PURE__ */ (0,
|
|
2061
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
2062
|
+
var ArrowUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
2010
2063
|
"svg",
|
|
2011
2064
|
{
|
|
2012
2065
|
...props,
|
|
2013
2066
|
viewBox: "0 0 24 24",
|
|
2014
2067
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2015
|
-
children: /* @__PURE__ */ (0,
|
|
2068
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
2016
2069
|
"path",
|
|
2017
2070
|
{
|
|
2018
2071
|
clipRule: "evenodd",
|
|
@@ -2025,14 +2078,14 @@ var ArrowUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
|
2025
2078
|
);
|
|
2026
2079
|
|
|
2027
2080
|
// src/components/Icon/icons/ArrowUpRightIcon.tsx
|
|
2028
|
-
var
|
|
2029
|
-
var ArrowUpRightIcon = (props) => /* @__PURE__ */ (0,
|
|
2081
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
2082
|
+
var ArrowUpRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
2030
2083
|
"svg",
|
|
2031
2084
|
{
|
|
2032
2085
|
...props,
|
|
2033
2086
|
viewBox: "0 0 24 24",
|
|
2034
2087
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2035
|
-
children: /* @__PURE__ */ (0,
|
|
2088
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
2036
2089
|
"path",
|
|
2037
2090
|
{
|
|
2038
2091
|
clipRule: "evenodd",
|
|
@@ -2045,14 +2098,14 @@ var ArrowUpRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
|
2045
2098
|
);
|
|
2046
2099
|
|
|
2047
2100
|
// src/components/Icon/icons/AsteriskIcon.tsx
|
|
2048
|
-
var
|
|
2049
|
-
var AsteriskIcon = (props) => /* @__PURE__ */ (0,
|
|
2101
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
2102
|
+
var AsteriskIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
2050
2103
|
"svg",
|
|
2051
2104
|
{
|
|
2052
2105
|
...props,
|
|
2053
2106
|
viewBox: "0 0 24 24",
|
|
2054
2107
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2055
|
-
children: /* @__PURE__ */ (0,
|
|
2108
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
2056
2109
|
"path",
|
|
2057
2110
|
{
|
|
2058
2111
|
clipRule: "evenodd",
|
|
@@ -2065,14 +2118,14 @@ var AsteriskIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
|
2065
2118
|
);
|
|
2066
2119
|
|
|
2067
2120
|
// src/components/Icon/icons/AudioDescriptionIcon.tsx
|
|
2068
|
-
var
|
|
2069
|
-
var AudioDescriptionIcon = (props) => /* @__PURE__ */ (0,
|
|
2121
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
2122
|
+
var AudioDescriptionIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
2070
2123
|
"svg",
|
|
2071
2124
|
{
|
|
2072
2125
|
...props,
|
|
2073
2126
|
viewBox: "0 0 24 24",
|
|
2074
2127
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2075
|
-
children: /* @__PURE__ */ (0,
|
|
2128
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
2076
2129
|
"path",
|
|
2077
2130
|
{
|
|
2078
2131
|
clipRule: "evenodd",
|
|
@@ -2085,14 +2138,14 @@ var AudioDescriptionIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime17.j
|
|
|
2085
2138
|
);
|
|
2086
2139
|
|
|
2087
2140
|
// src/components/Icon/icons/AutoScrollIcon.tsx
|
|
2088
|
-
var
|
|
2089
|
-
var AutoScrollIcon = (props) => /* @__PURE__ */ (0,
|
|
2141
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
2142
|
+
var AutoScrollIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
2090
2143
|
"svg",
|
|
2091
2144
|
{
|
|
2092
2145
|
...props,
|
|
2093
2146
|
viewBox: "0 0 24 24",
|
|
2094
2147
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2095
|
-
children: /* @__PURE__ */ (0,
|
|
2148
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
2096
2149
|
"path",
|
|
2097
2150
|
{
|
|
2098
2151
|
clipRule: "evenodd",
|
|
@@ -2105,14 +2158,14 @@ var AutoScrollIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
|
2105
2158
|
);
|
|
2106
2159
|
|
|
2107
2160
|
// src/components/Icon/icons/BackgroundIcon.tsx
|
|
2108
|
-
var
|
|
2109
|
-
var BackgroundIcon = (props) => /* @__PURE__ */ (0,
|
|
2161
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
2162
|
+
var BackgroundIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
2110
2163
|
"svg",
|
|
2111
2164
|
{
|
|
2112
2165
|
...props,
|
|
2113
2166
|
viewBox: "0 0 24 24",
|
|
2114
2167
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2115
|
-
children: /* @__PURE__ */ (0,
|
|
2168
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
2116
2169
|
"path",
|
|
2117
2170
|
{
|
|
2118
2171
|
clipRule: "evenodd",
|
|
@@ -2125,14 +2178,14 @@ var BackgroundIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
|
2125
2178
|
);
|
|
2126
2179
|
|
|
2127
2180
|
// src/components/Icon/icons/BellIcon.tsx
|
|
2128
|
-
var
|
|
2129
|
-
var BellIcon = (props) => /* @__PURE__ */ (0,
|
|
2181
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
2182
|
+
var BellIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
2130
2183
|
"svg",
|
|
2131
2184
|
{
|
|
2132
2185
|
...props,
|
|
2133
2186
|
viewBox: "0 0 24 24",
|
|
2134
2187
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2135
|
-
children: /* @__PURE__ */ (0,
|
|
2188
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
2136
2189
|
"path",
|
|
2137
2190
|
{
|
|
2138
2191
|
clipRule: "evenodd",
|
|
@@ -2145,14 +2198,14 @@ var BellIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
|
2145
2198
|
);
|
|
2146
2199
|
|
|
2147
2200
|
// src/components/Icon/icons/BoltIcon.tsx
|
|
2148
|
-
var
|
|
2149
|
-
var BoltIcon = (props) => /* @__PURE__ */ (0,
|
|
2201
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
2202
|
+
var BoltIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2150
2203
|
"svg",
|
|
2151
2204
|
{
|
|
2152
2205
|
...props,
|
|
2153
2206
|
viewBox: "0 0 24 24",
|
|
2154
2207
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2155
|
-
children: /* @__PURE__ */ (0,
|
|
2208
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2156
2209
|
"path",
|
|
2157
2210
|
{
|
|
2158
2211
|
d: "M20.2048 10.0546C19.9755 9.61061 19.5208 9.33328 19.0208 9.33328H13.4395L14.1288 2.5013C14.2155 1.89063 13.8768 1.30397 13.3021 1.07463C12.7301 0.8453 12.0781 1.03863 11.7208 1.5413L3.89017 12.5613C3.60084 12.9706 3.56484 13.5013 3.79417 13.9453C4.0235 14.3893 4.47817 14.6666 4.97817 14.6666H10.5595L9.87015 21.4986C9.78349 22.1092 10.1222 22.6959 10.6968 22.9252C10.8582 22.9892 11.0262 23.0212 11.1928 23.0212C11.6142 23.0212 12.0221 22.8199 12.2781 22.4586L20.1101 11.4386C20.3995 11.0293 20.4341 10.4986 20.2048 10.0546Z",
|
|
@@ -2163,14 +2216,14 @@ var BoltIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
|
2163
2216
|
);
|
|
2164
2217
|
|
|
2165
2218
|
// src/components/Icon/icons/CalendarIcon.tsx
|
|
2166
|
-
var
|
|
2167
|
-
var CalendarIcon = (props) => /* @__PURE__ */ (0,
|
|
2219
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
2220
|
+
var CalendarIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
2168
2221
|
"svg",
|
|
2169
2222
|
{
|
|
2170
2223
|
...props,
|
|
2171
2224
|
viewBox: "0 0 24 24",
|
|
2172
2225
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2173
|
-
children: /* @__PURE__ */ (0,
|
|
2226
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
2174
2227
|
"path",
|
|
2175
2228
|
{
|
|
2176
2229
|
clipRule: "evenodd",
|
|
@@ -2183,14 +2236,14 @@ var CalendarIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
|
2183
2236
|
);
|
|
2184
2237
|
|
|
2185
2238
|
// src/components/Icon/icons/CallToActionIcon.tsx
|
|
2186
|
-
var
|
|
2187
|
-
var CallToActionIcon = (props) => /* @__PURE__ */ (0,
|
|
2239
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
2240
|
+
var CallToActionIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2188
2241
|
"svg",
|
|
2189
2242
|
{
|
|
2190
2243
|
...props,
|
|
2191
2244
|
viewBox: "0 0 24 24",
|
|
2192
2245
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2193
|
-
children: /* @__PURE__ */ (0,
|
|
2246
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2194
2247
|
"path",
|
|
2195
2248
|
{
|
|
2196
2249
|
clipRule: "evenodd",
|
|
@@ -2203,14 +2256,14 @@ var CallToActionIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
|
2203
2256
|
);
|
|
2204
2257
|
|
|
2205
2258
|
// src/components/Icon/icons/CameraIcon.tsx
|
|
2206
|
-
var
|
|
2207
|
-
var CameraIcon = (props) => /* @__PURE__ */ (0,
|
|
2259
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
2260
|
+
var CameraIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2208
2261
|
"svg",
|
|
2209
2262
|
{
|
|
2210
2263
|
...props,
|
|
2211
2264
|
viewBox: "0 0 24 24",
|
|
2212
2265
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2213
|
-
children: /* @__PURE__ */ (0,
|
|
2266
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2214
2267
|
"path",
|
|
2215
2268
|
{
|
|
2216
2269
|
clipRule: "evenodd",
|
|
@@ -2223,14 +2276,14 @@ var CameraIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
|
2223
2276
|
);
|
|
2224
2277
|
|
|
2225
2278
|
// src/components/Icon/icons/CameraOffIcon.tsx
|
|
2226
|
-
var
|
|
2227
|
-
var CameraOffIcon = (props) => /* @__PURE__ */ (0,
|
|
2279
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
2280
|
+
var CameraOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
2228
2281
|
"svg",
|
|
2229
2282
|
{
|
|
2230
2283
|
...props,
|
|
2231
2284
|
viewBox: "0 0 24 24",
|
|
2232
2285
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2233
|
-
children: /* @__PURE__ */ (0,
|
|
2286
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
2234
2287
|
"path",
|
|
2235
2288
|
{
|
|
2236
2289
|
clipRule: "evenodd",
|
|
@@ -2243,14 +2296,14 @@ var CameraOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
|
2243
2296
|
);
|
|
2244
2297
|
|
|
2245
2298
|
// src/components/Icon/icons/CaretDownIcon.tsx
|
|
2246
|
-
var
|
|
2247
|
-
var CaretDownIcon = (props) => /* @__PURE__ */ (0,
|
|
2299
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
2300
|
+
var CaretDownIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2248
2301
|
"svg",
|
|
2249
2302
|
{
|
|
2250
2303
|
...props,
|
|
2251
2304
|
viewBox: "0 0 24 24",
|
|
2252
2305
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2253
|
-
children: /* @__PURE__ */ (0,
|
|
2306
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2254
2307
|
"path",
|
|
2255
2308
|
{
|
|
2256
2309
|
d: "M11.9999 19.3331C11.7439 19.3331 11.4879 19.2358 11.2932 19.0398L2.95992 10.7065C2.56926 10.3158 2.56926 9.68251 2.95992 9.29184C3.35059 8.90117 3.98392 8.90117 4.37459 9.29184L12.0012 16.9185L19.6279 9.29184C20.0185 8.90117 20.6519 8.90117 21.0425 9.29184C21.4332 9.68251 21.4332 10.3158 21.0425 10.7065L12.7092 19.0398C12.5146 19.2345 12.2586 19.3331 12.0026 19.3331H11.9999Z",
|
|
@@ -2261,14 +2314,14 @@ var CaretDownIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
|
2261
2314
|
);
|
|
2262
2315
|
|
|
2263
2316
|
// src/components/Icon/icons/CaretDownStrongIcon.tsx
|
|
2264
|
-
var
|
|
2265
|
-
var CaretDownStrongIcon = (props) => /* @__PURE__ */ (0,
|
|
2317
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
2318
|
+
var CaretDownStrongIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2266
2319
|
"svg",
|
|
2267
2320
|
{
|
|
2268
2321
|
...props,
|
|
2269
2322
|
viewBox: "0 0 24 24",
|
|
2270
2323
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2271
|
-
children: /* @__PURE__ */ (0,
|
|
2324
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2272
2325
|
"path",
|
|
2273
2326
|
{
|
|
2274
2327
|
d: "M18.6985 5.33321H5.30121C4.45054 5.33321 3.66654 5.79588 3.25721 6.54121C2.84788 7.28655 2.87454 8.19721 3.33054 8.91588L10.0292 19.4799C10.4599 20.1585 11.1959 20.5625 11.9999 20.5625C12.8039 20.5625 13.5399 20.1572 13.9705 19.4799L20.6705 8.91455C21.1252 8.19588 21.1532 7.28521 20.7439 6.53988C20.3345 5.79455 19.5505 5.33188 18.6999 5.33188L18.6985 5.33321Z",
|
|
@@ -2279,14 +2332,14 @@ var CaretDownStrongIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime27.js
|
|
|
2279
2332
|
);
|
|
2280
2333
|
|
|
2281
2334
|
// src/components/Icon/icons/CaretLeftIcon.tsx
|
|
2282
|
-
var
|
|
2283
|
-
var CaretLeftIcon = (props) => /* @__PURE__ */ (0,
|
|
2335
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
2336
|
+
var CaretLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2284
2337
|
"svg",
|
|
2285
2338
|
{
|
|
2286
2339
|
...props,
|
|
2287
2340
|
viewBox: "0 0 24 24",
|
|
2288
2341
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2289
|
-
children: /* @__PURE__ */ (0,
|
|
2342
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2290
2343
|
"path",
|
|
2291
2344
|
{
|
|
2292
2345
|
d: "M15.3332 21.3332C15.0772 21.3332 14.8212 21.2358 14.6265 21.0398L6.29319 12.7065C5.90252 12.3158 5.90252 11.6825 6.29319 11.2918L14.6265 2.95987C15.0172 2.5692 15.6505 2.5692 16.0412 2.95987C16.4318 3.35054 16.4318 3.98387 16.0412 4.37453L8.41451 12.0012L16.0412 19.6278C16.4318 20.0185 16.4318 20.6518 16.0412 21.0425C15.8465 21.2372 15.5905 21.3358 15.3345 21.3358L15.3332 21.3332Z",
|
|
@@ -2297,14 +2350,14 @@ var CaretLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
|
2297
2350
|
);
|
|
2298
2351
|
|
|
2299
2352
|
// src/components/Icon/icons/CaretLeftStrongIcon.tsx
|
|
2300
|
-
var
|
|
2301
|
-
var CaretLeftStrongIcon = (props) => /* @__PURE__ */ (0,
|
|
2353
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
2354
|
+
var CaretLeftStrongIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2302
2355
|
"svg",
|
|
2303
2356
|
{
|
|
2304
2357
|
...props,
|
|
2305
2358
|
viewBox: "0 0 24 24",
|
|
2306
2359
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2307
|
-
children: /* @__PURE__ */ (0,
|
|
2360
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2308
2361
|
"path",
|
|
2309
2362
|
{
|
|
2310
2363
|
d: "M4.51848 10.0292L15.0838 3.32921C15.8038 2.87321 16.7145 2.84521 17.4585 3.25587C18.2038 3.66654 18.6665 4.44921 18.6665 5.29987V18.6985C18.6665 19.5492 18.2038 20.3332 17.4585 20.7425C17.1078 20.9359 16.7198 21.0319 16.3331 21.0319C15.8985 21.0319 15.4638 20.9105 15.0825 20.6692L4.51848 13.9705C3.83981 13.5399 3.43581 12.8039 3.43581 11.9999C3.43581 11.1959 3.84115 10.4599 4.51848 10.0292Z",
|
|
@@ -2315,14 +2368,14 @@ var CaretLeftStrongIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime29.js
|
|
|
2315
2368
|
);
|
|
2316
2369
|
|
|
2317
2370
|
// src/components/Icon/icons/CaretRightIcon.tsx
|
|
2318
|
-
var
|
|
2319
|
-
var CaretRightIcon = (props) => /* @__PURE__ */ (0,
|
|
2371
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
2372
|
+
var CaretRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
2320
2373
|
"svg",
|
|
2321
2374
|
{
|
|
2322
2375
|
...props,
|
|
2323
2376
|
viewBox: "0 0 24 24",
|
|
2324
2377
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2325
|
-
children: /* @__PURE__ */ (0,
|
|
2378
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
2326
2379
|
"path",
|
|
2327
2380
|
{
|
|
2328
2381
|
d: "M17.7064 11.2932L9.37311 2.95987C8.98244 2.5692 8.34911 2.5692 7.95845 2.95987C7.56778 3.35054 7.56778 3.98387 7.95845 4.37453L15.5851 12.0012L7.95845 19.6278C7.56778 20.0185 7.56778 20.6518 7.95845 21.0425C8.15311 21.2372 8.40911 21.3358 8.66511 21.3358C8.92111 21.3358 9.17711 21.2385 9.37178 21.0425L17.7051 12.7092C18.0958 12.3185 18.0958 11.6852 17.7051 11.2945L17.7064 11.2932Z",
|
|
@@ -2333,14 +2386,14 @@ var CaretRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
|
2333
2386
|
);
|
|
2334
2387
|
|
|
2335
2388
|
// src/components/Icon/icons/CaretRightStrongIcon.tsx
|
|
2336
|
-
var
|
|
2337
|
-
var CaretRightStrongIcon = (props) => /* @__PURE__ */ (0,
|
|
2389
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
2390
|
+
var CaretRightStrongIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
2338
2391
|
"svg",
|
|
2339
2392
|
{
|
|
2340
2393
|
...props,
|
|
2341
2394
|
viewBox: "0 0 24 24",
|
|
2342
2395
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2343
|
-
children: /* @__PURE__ */ (0,
|
|
2396
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
2344
2397
|
"path",
|
|
2345
2398
|
{
|
|
2346
2399
|
d: "M19.4811 10.0292L8.91576 3.32921C8.19576 2.87321 7.28509 2.84521 6.54109 3.25587C5.79576 3.66654 5.33309 4.44921 5.33309 5.29987V18.6985C5.33309 19.5492 5.79576 20.3332 6.54109 20.7425C6.89176 20.9359 7.27976 21.0319 7.66643 21.0319C8.10109 21.0319 8.53576 20.9105 8.91709 20.6692L19.4811 13.9705C20.1598 13.5399 20.5638 12.8039 20.5638 11.9999C20.5638 11.1959 20.1584 10.4599 19.4811 10.0292Z",
|
|
@@ -2351,14 +2404,14 @@ var CaretRightStrongIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime31.j
|
|
|
2351
2404
|
);
|
|
2352
2405
|
|
|
2353
2406
|
// src/components/Icon/icons/CaretUpIcon.tsx
|
|
2354
|
-
var
|
|
2355
|
-
var CaretUpIcon = (props) => /* @__PURE__ */ (0,
|
|
2407
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
2408
|
+
var CaretUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
2356
2409
|
"svg",
|
|
2357
2410
|
{
|
|
2358
2411
|
...props,
|
|
2359
2412
|
viewBox: "0 0 24 24",
|
|
2360
2413
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2361
|
-
children: /* @__PURE__ */ (0,
|
|
2414
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
2362
2415
|
"path",
|
|
2363
2416
|
{
|
|
2364
2417
|
d: "M12.7064 6.29318C12.3157 5.90252 11.6824 5.90252 11.2917 6.29318L2.95974 14.6265C2.56907 15.0172 2.56907 15.6505 2.95974 16.0412C3.35041 16.4318 3.98374 16.4318 4.3744 16.0412L12.0011 8.41451L19.6277 16.0412C19.8224 16.2358 20.0784 16.3345 20.3344 16.3345C20.5904 16.3345 20.8464 16.2372 21.041 16.0412C21.4317 15.6505 21.4317 15.0172 21.041 14.6265L12.7077 6.29318H12.7064Z",
|
|
@@ -2369,14 +2422,14 @@ var CaretUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
|
2369
2422
|
);
|
|
2370
2423
|
|
|
2371
2424
|
// src/components/Icon/icons/CaretUpStrongIcon.tsx
|
|
2372
|
-
var
|
|
2373
|
-
var CaretUpStrongIcon = (props) => /* @__PURE__ */ (0,
|
|
2425
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
2426
|
+
var CaretUpStrongIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
2374
2427
|
"svg",
|
|
2375
2428
|
{
|
|
2376
2429
|
...props,
|
|
2377
2430
|
viewBox: "0 0 24 24",
|
|
2378
2431
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2379
|
-
children: /* @__PURE__ */ (0,
|
|
2432
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
2380
2433
|
"path",
|
|
2381
2434
|
{
|
|
2382
2435
|
d: "M18.6987 18.6665H5.30133C4.45066 18.6665 3.66666 18.2039 3.25733 17.4585C2.848 16.7132 2.87466 15.8025 3.33066 15.0839L10.0293 4.51988C10.46 3.84121 11.196 3.43721 12 3.43721C12.804 3.43721 13.54 3.84254 13.9707 4.51988L20.6707 15.0852C21.1253 15.8039 21.1533 16.7145 20.744 17.4599C20.3347 18.2052 19.5507 18.6679 18.7 18.6679L18.6987 18.6665Z",
|
|
@@ -2387,14 +2440,14 @@ var CaretUpStrongIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)
|
|
|
2387
2440
|
);
|
|
2388
2441
|
|
|
2389
2442
|
// src/components/Icon/icons/ChannelIcon.tsx
|
|
2390
|
-
var
|
|
2391
|
-
var ChannelIcon = (props) => /* @__PURE__ */ (0,
|
|
2443
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
2444
|
+
var ChannelIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
2392
2445
|
"svg",
|
|
2393
2446
|
{
|
|
2394
2447
|
...props,
|
|
2395
2448
|
viewBox: "0 0 24 24",
|
|
2396
2449
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2397
|
-
children: /* @__PURE__ */ (0,
|
|
2450
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
2398
2451
|
"path",
|
|
2399
2452
|
{
|
|
2400
2453
|
clipRule: "evenodd",
|
|
@@ -2407,14 +2460,14 @@ var ChannelIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
|
2407
2460
|
);
|
|
2408
2461
|
|
|
2409
2462
|
// src/components/Icon/icons/ChaptersIcon.tsx
|
|
2410
|
-
var
|
|
2411
|
-
var ChaptersIcon = (props) => /* @__PURE__ */ (0,
|
|
2463
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
2464
|
+
var ChaptersIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
2412
2465
|
"svg",
|
|
2413
2466
|
{
|
|
2414
2467
|
...props,
|
|
2415
2468
|
viewBox: "0 0 24 24",
|
|
2416
2469
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2417
|
-
children: /* @__PURE__ */ (0,
|
|
2470
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
2418
2471
|
"path",
|
|
2419
2472
|
{
|
|
2420
2473
|
d: "M17.6666 2.66653H6.33325C4.31059 2.66653 2.6666 4.31053 2.6666 6.33319V17.6665C2.6666 19.6892 4.31059 21.3332 6.33325 21.3332H17.6666C19.6892 21.3332 21.3332 19.6892 21.3332 17.6665V6.33319C21.3332 4.31053 19.6892 2.66653 17.6666 2.66653ZM7.66658 17.3332C6.93058 17.3332 6.33325 16.7358 6.33325 15.9998C6.33325 15.2638 6.93058 14.6665 7.66658 14.6665C8.40258 14.6665 8.99991 15.2638 8.99991 15.9998C8.99991 16.7358 8.40258 17.3332 7.66658 17.3332ZM7.66658 13.3332C6.93058 13.3332 6.33325 12.7358 6.33325 11.9998C6.33325 11.2638 6.93058 10.6665 7.66658 10.6665C8.40258 10.6665 8.99991 11.2638 8.99991 11.9998C8.99991 12.7358 8.40258 13.3332 7.66658 13.3332ZM7.66658 9.66652C6.93058 9.66652 6.33325 9.06919 6.33325 8.33319C6.33325 7.59719 6.93058 6.99986 7.66658 6.99986C8.40258 6.99986 8.99991 7.59719 8.99991 8.33319C8.99991 9.06919 8.40258 9.66652 7.66658 9.66652ZM16.6666 16.6665H11.6666C11.1146 16.6665 10.6666 16.2185 10.6666 15.6665C10.6666 15.1145 11.1146 14.6665 11.6666 14.6665H16.6666C17.2186 14.6665 17.6666 15.1145 17.6666 15.6665C17.6666 16.2185 17.2186 16.6665 16.6666 16.6665ZM16.6666 12.9998H11.6666C11.1146 12.9998 10.6666 12.5518 10.6666 11.9998C10.6666 11.4478 11.1146 10.9998 11.6666 10.9998H16.6666C17.2186 10.9998 17.6666 11.4478 17.6666 11.9998C17.6666 12.5518 17.2186 12.9998 16.6666 12.9998ZM16.6666 9.33318H11.6666C11.1146 9.33318 10.6666 8.88519 10.6666 8.33319C10.6666 7.78119 11.1146 7.33319 11.6666 7.33319H16.6666C17.2186 7.33319 17.6666 7.78119 17.6666 8.33319C17.6666 8.88519 17.2186 9.33318 16.6666 9.33318Z",
|
|
@@ -2425,14 +2478,14 @@ var ChaptersIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
|
2425
2478
|
);
|
|
2426
2479
|
|
|
2427
2480
|
// src/components/Icon/icons/CheckmarkCircleIcon.tsx
|
|
2428
|
-
var
|
|
2429
|
-
var CheckmarkCircleIcon = (props) => /* @__PURE__ */ (0,
|
|
2481
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
2482
|
+
var CheckmarkCircleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
2430
2483
|
"svg",
|
|
2431
2484
|
{
|
|
2432
2485
|
...props,
|
|
2433
2486
|
viewBox: "0 0 24 24",
|
|
2434
2487
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2435
|
-
children: /* @__PURE__ */ (0,
|
|
2488
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
2436
2489
|
"path",
|
|
2437
2490
|
{
|
|
2438
2491
|
d: "M11.9998 1.33322C6.11847 1.33322 1.33315 6.11854 1.33315 11.9999C1.33315 17.8812 6.11847 22.6665 11.9998 22.6665C17.8811 22.6665 22.6664 17.8812 22.6664 11.9999C22.6664 6.11854 17.8811 1.33322 11.9998 1.33322ZM17.1238 8.94387L11.4571 16.2772C11.2758 16.5119 10.9998 16.6545 10.7038 16.6652C10.6905 16.6652 10.6785 16.6652 10.6665 16.6652C10.3838 16.6652 10.1131 16.5452 9.92246 16.3345L6.92246 13.0012C6.55313 12.5905 6.58647 11.9585 6.99713 11.5879C7.40913 11.2199 8.03846 11.2519 8.41046 11.6625L10.6078 14.1052L15.5424 7.71987C15.8798 7.28254 16.5091 7.20254 16.9451 7.53987C17.3824 7.87721 17.4624 8.5052 17.1251 8.94254L17.1238 8.94387Z",
|
|
@@ -2443,14 +2496,14 @@ var CheckmarkCircleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime36.js
|
|
|
2443
2496
|
);
|
|
2444
2497
|
|
|
2445
2498
|
// src/components/Icon/icons/CheckmarkCircleOutlineIcon.tsx
|
|
2446
|
-
var
|
|
2447
|
-
var CheckmarkCircleOutlineIcon = (props) => /* @__PURE__ */ (0,
|
|
2499
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
2500
|
+
var CheckmarkCircleOutlineIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
2448
2501
|
"svg",
|
|
2449
2502
|
{
|
|
2450
2503
|
...props,
|
|
2451
2504
|
viewBox: "0 0 24 24",
|
|
2452
2505
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2453
|
-
children: /* @__PURE__ */ (0,
|
|
2506
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
2454
2507
|
"path",
|
|
2455
2508
|
{
|
|
2456
2509
|
clipRule: "evenodd",
|
|
@@ -2463,14 +2516,14 @@ var CheckmarkCircleOutlineIcon = (props) => /* @__PURE__ */ (0, import_jsx_runti
|
|
|
2463
2516
|
);
|
|
2464
2517
|
|
|
2465
2518
|
// src/components/Icon/icons/CheckmarkIcon.tsx
|
|
2466
|
-
var
|
|
2467
|
-
var CheckmarkIcon = (props) => /* @__PURE__ */ (0,
|
|
2519
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
2520
|
+
var CheckmarkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2468
2521
|
"svg",
|
|
2469
2522
|
{
|
|
2470
2523
|
...props,
|
|
2471
2524
|
viewBox: "0 0 24 24",
|
|
2472
2525
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2473
|
-
children: /* @__PURE__ */ (0,
|
|
2526
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2474
2527
|
"path",
|
|
2475
2528
|
{
|
|
2476
2529
|
d: "M8.99985 19.9998H8.99718C8.69451 19.9998 8.40785 19.8612 8.21985 19.6252L2.88653 12.9585C2.54119 12.5265 2.61053 11.8985 3.04253 11.5532C3.47586 11.2078 4.10386 11.2785 4.44786 11.7092L9.00518 17.4052L19.5558 4.37053C19.9038 3.9412 20.5318 3.8732 20.9625 4.22253C21.3918 4.57053 21.4585 5.19986 21.1105 5.62919L9.77718 19.6292C9.58651 19.8638 9.30118 19.9998 8.99985 19.9998Z",
|
|
@@ -2481,14 +2534,14 @@ var CheckmarkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
|
2481
2534
|
);
|
|
2482
2535
|
|
|
2483
2536
|
// src/components/Icon/icons/CheckmarkThreeQuatersCircleIcon.tsx
|
|
2484
|
-
var
|
|
2485
|
-
var CheckmarkThreeQuatersCircleIcon = (props) => /* @__PURE__ */ (0,
|
|
2537
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
2538
|
+
var CheckmarkThreeQuatersCircleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
2486
2539
|
"svg",
|
|
2487
2540
|
{
|
|
2488
2541
|
...props,
|
|
2489
2542
|
viewBox: "0 0 24 24",
|
|
2490
2543
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2491
|
-
children: /* @__PURE__ */ (0,
|
|
2544
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
2492
2545
|
"path",
|
|
2493
2546
|
{
|
|
2494
2547
|
clipRule: "evenodd",
|
|
@@ -2501,14 +2554,14 @@ var CheckmarkThreeQuatersCircleIcon = (props) => /* @__PURE__ */ (0, import_jsx_
|
|
|
2501
2554
|
);
|
|
2502
2555
|
|
|
2503
2556
|
// src/components/Icon/icons/CircleSlashedIcon.tsx
|
|
2504
|
-
var
|
|
2505
|
-
var CircleSlashedIcon = (props) => /* @__PURE__ */ (0,
|
|
2557
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
2558
|
+
var CircleSlashedIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
2506
2559
|
"svg",
|
|
2507
2560
|
{
|
|
2508
2561
|
...props,
|
|
2509
2562
|
viewBox: "0 0 24 24",
|
|
2510
2563
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2511
|
-
children: /* @__PURE__ */ (0,
|
|
2564
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
2512
2565
|
"path",
|
|
2513
2566
|
{
|
|
2514
2567
|
clipRule: "evenodd",
|
|
@@ -2521,14 +2574,14 @@ var CircleSlashedIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)
|
|
|
2521
2574
|
);
|
|
2522
2575
|
|
|
2523
2576
|
// src/components/Icon/icons/CloseIcon.tsx
|
|
2524
|
-
var
|
|
2525
|
-
var CloseIcon = (props) => /* @__PURE__ */ (0,
|
|
2577
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
2578
|
+
var CloseIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
2526
2579
|
"svg",
|
|
2527
2580
|
{
|
|
2528
2581
|
...props,
|
|
2529
2582
|
viewBox: "0 0 24 24",
|
|
2530
2583
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2531
|
-
children: /* @__PURE__ */ (0,
|
|
2584
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
2532
2585
|
"path",
|
|
2533
2586
|
{
|
|
2534
2587
|
clipRule: "evenodd",
|
|
@@ -2541,14 +2594,14 @@ var CloseIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
|
2541
2594
|
);
|
|
2542
2595
|
|
|
2543
2596
|
// src/components/Icon/icons/CloseOctagonIcon.tsx
|
|
2544
|
-
var
|
|
2545
|
-
var CloseOctagonIcon = (props) => /* @__PURE__ */ (0,
|
|
2597
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
2598
|
+
var CloseOctagonIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
2546
2599
|
"svg",
|
|
2547
2600
|
{
|
|
2548
2601
|
...props,
|
|
2549
2602
|
viewBox: "0 0 24 24",
|
|
2550
2603
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2551
|
-
children: /* @__PURE__ */ (0,
|
|
2604
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
2552
2605
|
"path",
|
|
2553
2606
|
{
|
|
2554
2607
|
clipRule: "evenodd",
|
|
@@ -2561,14 +2614,14 @@ var CloseOctagonIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
|
2561
2614
|
);
|
|
2562
2615
|
|
|
2563
2616
|
// src/components/Icon/icons/ClosedCaptionsIcon.tsx
|
|
2564
|
-
var
|
|
2565
|
-
var ClosedCaptionsIcon = (props) => /* @__PURE__ */ (0,
|
|
2617
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
2618
|
+
var ClosedCaptionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
2566
2619
|
"svg",
|
|
2567
2620
|
{
|
|
2568
2621
|
...props,
|
|
2569
2622
|
viewBox: "0 0 24 24",
|
|
2570
2623
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2571
|
-
children: /* @__PURE__ */ (0,
|
|
2624
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
2572
2625
|
"path",
|
|
2573
2626
|
{
|
|
2574
2627
|
d: "M19 2.66653H4.99999C2.97732 2.66653 1.33333 4.31053 1.33333 6.33319V17.6665C1.33333 19.6892 2.97732 21.3332 4.99999 21.3332H19C21.0226 21.3332 22.6666 19.6892 22.6666 17.6665V6.33319C22.6666 4.31053 21.0226 2.66653 19 2.66653ZM6.33332 11.3332H13C13.552 11.3332 14 11.7812 14 12.3332C14 12.8852 13.552 13.3332 13 13.3332H6.33332C5.78132 13.3332 5.33332 12.8852 5.33332 12.3332C5.33332 11.7812 5.78132 11.3332 6.33332 11.3332ZM7.66665 17.3332H6.33332C5.78132 17.3332 5.33332 16.8852 5.33332 16.3332C5.33332 15.7812 5.78132 15.3332 6.33332 15.3332H7.66665C8.21864 15.3332 8.66664 15.7812 8.66664 16.3332C8.66664 16.8852 8.21864 17.3332 7.66665 17.3332ZM17.6666 17.3332H11C10.448 17.3332 9.99997 16.8852 9.99997 16.3332C9.99997 15.7812 10.448 15.3332 11 15.3332H17.6666C18.2186 15.3332 18.6666 15.7812 18.6666 16.3332C18.6666 16.8852 18.2186 17.3332 17.6666 17.3332ZM17.6666 13.3332H16.3333C15.7813 13.3332 15.3333 12.8852 15.3333 12.3332C15.3333 11.7812 15.7813 11.3332 16.3333 11.3332H17.6666C18.2186 11.3332 18.6666 11.7812 18.6666 12.3332C18.6666 12.8852 18.2186 13.3332 17.6666 13.3332Z",
|
|
@@ -2579,14 +2632,14 @@ var ClosedCaptionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx
|
|
|
2579
2632
|
);
|
|
2580
2633
|
|
|
2581
2634
|
// src/components/Icon/icons/CollapseDiagonalIcon.tsx
|
|
2582
|
-
var
|
|
2583
|
-
var CollapseDiagonalIcon = (props) => /* @__PURE__ */ (0,
|
|
2635
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
2636
|
+
var CollapseDiagonalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
2584
2637
|
"svg",
|
|
2585
2638
|
{
|
|
2586
2639
|
...props,
|
|
2587
2640
|
viewBox: "0 0 24 24",
|
|
2588
2641
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2589
|
-
children: /* @__PURE__ */ (0,
|
|
2642
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
2590
2643
|
"path",
|
|
2591
2644
|
{
|
|
2592
2645
|
clipRule: "evenodd",
|
|
@@ -2599,14 +2652,14 @@ var CollapseDiagonalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime44.j
|
|
|
2599
2652
|
);
|
|
2600
2653
|
|
|
2601
2654
|
// src/components/Icon/icons/CommentsIcon.tsx
|
|
2602
|
-
var
|
|
2603
|
-
var CommentsIcon = (props) => /* @__PURE__ */ (0,
|
|
2655
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
2656
|
+
var CommentsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
2604
2657
|
"svg",
|
|
2605
2658
|
{
|
|
2606
2659
|
...props,
|
|
2607
2660
|
viewBox: "0 0 24 24",
|
|
2608
2661
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2609
|
-
children: /* @__PURE__ */ (0,
|
|
2662
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
2610
2663
|
"path",
|
|
2611
2664
|
{
|
|
2612
2665
|
d: "M11.9999 1.33322C6.11859 1.33322 1.33327 6.11854 1.33327 11.9999C1.33327 13.8612 1.82793 15.7012 2.74926 17.2945C3.0666 17.8892 2.6226 19.9638 1.6266 20.9598C1.34793 21.2385 1.2586 21.6558 1.39993 22.0238C1.54127 22.3918 1.8866 22.6438 2.27993 22.6652C2.38526 22.6705 2.49326 22.6732 2.60126 22.6732C4.12793 22.6732 5.98126 22.1305 7.18792 21.5118C8.08792 21.9692 9.04125 22.2945 10.0292 22.4825C10.6746 22.6052 11.3386 22.6665 11.9999 22.6665C17.8812 22.6665 22.6665 17.8812 22.6665 11.9999C22.6665 6.11854 17.8812 1.33322 11.9999 1.33322ZM11.3332 14.3332C11.3332 14.8852 10.8852 15.3332 10.3332 15.3332H7.66658C7.11459 15.3332 6.66659 14.8852 6.66659 14.3332V12.3332C6.66659 9.7292 7.57859 8.16254 9.53591 7.40121C10.0506 7.20121 10.6292 7.45721 10.8306 7.97054C11.0306 8.4852 10.7746 9.0652 10.2612 9.2652C9.59058 9.5252 8.93325 9.91187 8.73058 11.3332H10.3332C10.8852 11.3332 11.3332 11.7812 11.3332 12.3332V14.3332ZM17.3332 14.3332C17.3332 14.8852 16.8852 15.3332 16.3332 15.3332H13.6666C13.1146 15.3332 12.6666 14.8852 12.6666 14.3332V12.3332C12.6666 9.7292 13.5786 8.16254 15.5359 7.40121C16.0506 7.20121 16.6306 7.45721 16.8306 7.97054C17.0306 8.4852 16.7746 9.0652 16.2612 9.2652C15.5906 9.5252 14.9332 9.91187 14.7306 11.3332H16.3332C16.8852 11.3332 17.3332 11.7812 17.3332 12.3332V14.3332Z",
|
|
@@ -2617,14 +2670,14 @@ var CommentsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
|
2617
2670
|
);
|
|
2618
2671
|
|
|
2619
2672
|
// src/components/Icon/icons/CompanyIcon.tsx
|
|
2620
|
-
var
|
|
2621
|
-
var CompanyIcon = (props) => /* @__PURE__ */ (0,
|
|
2673
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
2674
|
+
var CompanyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
2622
2675
|
"svg",
|
|
2623
2676
|
{
|
|
2624
2677
|
...props,
|
|
2625
2678
|
viewBox: "0 0 24 24",
|
|
2626
2679
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2627
|
-
children: /* @__PURE__ */ (0,
|
|
2680
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
2628
2681
|
"path",
|
|
2629
2682
|
{
|
|
2630
2683
|
clipRule: "evenodd",
|
|
@@ -2637,14 +2690,14 @@ var CompanyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
|
2637
2690
|
);
|
|
2638
2691
|
|
|
2639
2692
|
// src/components/Icon/icons/CompareIcon.tsx
|
|
2640
|
-
var
|
|
2641
|
-
var CompareIcon = (props) => /* @__PURE__ */ (0,
|
|
2693
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
2694
|
+
var CompareIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
2642
2695
|
"svg",
|
|
2643
2696
|
{
|
|
2644
2697
|
...props,
|
|
2645
2698
|
viewBox: "0 0 24 24",
|
|
2646
2699
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2647
|
-
children: /* @__PURE__ */ (0,
|
|
2700
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
2648
2701
|
"path",
|
|
2649
2702
|
{
|
|
2650
2703
|
d: "M16.9878 7.01321C15.9904 3.73055 12.9384 1.33322 9.33313 1.33322C4.92114 1.33322 1.33315 4.92121 1.33315 9.3332C1.33315 12.9372 3.72914 15.9905 7.0118 16.9865C8.00913 20.2692 11.0611 22.6665 14.6664 22.6665C19.0784 22.6665 22.6664 19.0785 22.6664 14.6665C22.6664 11.0625 20.2704 8.00921 16.9878 7.01321ZM3.33314 9.3332C3.33314 6.02521 6.02513 3.33322 9.33313 3.33322C11.6798 3.33322 13.6944 4.69988 14.6798 6.66654C14.6758 6.66654 14.6704 6.66654 14.6664 6.66654C10.2545 6.66654 6.66647 10.2545 6.66647 14.6665C6.66647 14.6705 6.66647 14.6759 6.66647 14.6799C4.69847 13.6945 3.33314 11.6799 3.33314 9.3332ZM14.6664 20.6665C12.3198 20.6665 10.3051 19.2998 9.31979 17.3332C9.32379 17.3332 9.32913 17.3332 9.33313 17.3332C13.7451 17.3332 17.3331 13.7452 17.3331 9.3332C17.3331 9.3292 17.3331 9.32387 17.3331 9.31987C19.3011 10.3052 20.6664 12.3199 20.6664 14.6665C20.6664 17.9745 17.9744 20.6665 14.6664 20.6665Z",
|
|
@@ -2655,14 +2708,14 @@ var CompareIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
|
2655
2708
|
);
|
|
2656
2709
|
|
|
2657
2710
|
// src/components/Icon/icons/ContentLibraryIcon.tsx
|
|
2658
|
-
var
|
|
2659
|
-
var ContentLibraryIcon = (props) => /* @__PURE__ */ (0,
|
|
2711
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
2712
|
+
var ContentLibraryIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
2660
2713
|
"svg",
|
|
2661
2714
|
{
|
|
2662
2715
|
...props,
|
|
2663
2716
|
viewBox: "0 0 24 24",
|
|
2664
2717
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2665
|
-
children: /* @__PURE__ */ (0,
|
|
2718
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
2666
2719
|
"path",
|
|
2667
2720
|
{
|
|
2668
2721
|
clipRule: "evenodd",
|
|
@@ -2675,14 +2728,14 @@ var ContentLibraryIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx
|
|
|
2675
2728
|
);
|
|
2676
2729
|
|
|
2677
2730
|
// src/components/Icon/icons/ControlsIcon.tsx
|
|
2678
|
-
var
|
|
2679
|
-
var ControlsIcon = (props) => /* @__PURE__ */ (0,
|
|
2731
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
2732
|
+
var ControlsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
2680
2733
|
"svg",
|
|
2681
2734
|
{
|
|
2682
2735
|
...props,
|
|
2683
2736
|
viewBox: "0 0 24 24",
|
|
2684
2737
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2685
|
-
children: /* @__PURE__ */ (0,
|
|
2738
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
2686
2739
|
"path",
|
|
2687
2740
|
{
|
|
2688
2741
|
clipRule: "evenodd",
|
|
@@ -2695,14 +2748,14 @@ var ControlsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
|
2695
2748
|
);
|
|
2696
2749
|
|
|
2697
2750
|
// src/components/Icon/icons/CursorClickIcon.tsx
|
|
2698
|
-
var
|
|
2699
|
-
var CursorClickIcon = (props) => /* @__PURE__ */ (0,
|
|
2751
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
2752
|
+
var CursorClickIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
2700
2753
|
"svg",
|
|
2701
2754
|
{
|
|
2702
2755
|
...props,
|
|
2703
2756
|
viewBox: "0 0 24 24",
|
|
2704
2757
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2705
|
-
children: /* @__PURE__ */ (0,
|
|
2758
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
2706
2759
|
"path",
|
|
2707
2760
|
{
|
|
2708
2761
|
clipRule: "evenodd",
|
|
@@ -2715,14 +2768,14 @@ var CursorClickIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
|
2715
2768
|
);
|
|
2716
2769
|
|
|
2717
2770
|
// src/components/Icon/icons/DeleteIcon.tsx
|
|
2718
|
-
var
|
|
2719
|
-
var DeleteIcon = (props) => /* @__PURE__ */ (0,
|
|
2771
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
2772
|
+
var DeleteIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
2720
2773
|
"svg",
|
|
2721
2774
|
{
|
|
2722
2775
|
...props,
|
|
2723
2776
|
viewBox: "0 0 24 24",
|
|
2724
2777
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2725
|
-
children: /* @__PURE__ */ (0,
|
|
2778
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
2726
2779
|
"path",
|
|
2727
2780
|
{
|
|
2728
2781
|
clipRule: "evenodd",
|
|
@@ -2735,14 +2788,14 @@ var DeleteIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
|
2735
2788
|
);
|
|
2736
2789
|
|
|
2737
2790
|
// src/components/Icon/icons/DesktopIcon.tsx
|
|
2738
|
-
var
|
|
2739
|
-
var DesktopIcon = (props) => /* @__PURE__ */ (0,
|
|
2791
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
2792
|
+
var DesktopIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
2740
2793
|
"svg",
|
|
2741
2794
|
{
|
|
2742
2795
|
...props,
|
|
2743
2796
|
viewBox: "0 0 24 24",
|
|
2744
2797
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2745
|
-
children: /* @__PURE__ */ (0,
|
|
2798
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
2746
2799
|
"path",
|
|
2747
2800
|
{
|
|
2748
2801
|
clipRule: "evenodd",
|
|
@@ -2755,14 +2808,14 @@ var DesktopIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
|
2755
2808
|
);
|
|
2756
2809
|
|
|
2757
2810
|
// src/components/Icon/icons/DotsHorizontalIcon.tsx
|
|
2758
|
-
var
|
|
2759
|
-
var DotsHorizontalIcon = (props) => /* @__PURE__ */ (0,
|
|
2811
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
2812
|
+
var DotsHorizontalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
2760
2813
|
"svg",
|
|
2761
2814
|
{
|
|
2762
2815
|
...props,
|
|
2763
2816
|
viewBox: "0 0 24 24",
|
|
2764
2817
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2765
|
-
children: /* @__PURE__ */ (0,
|
|
2818
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
2766
2819
|
"path",
|
|
2767
2820
|
{
|
|
2768
2821
|
clipRule: "evenodd",
|
|
@@ -2775,14 +2828,14 @@ var DotsHorizontalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx
|
|
|
2775
2828
|
);
|
|
2776
2829
|
|
|
2777
2830
|
// src/components/Icon/icons/DownloadIcon.tsx
|
|
2778
|
-
var
|
|
2779
|
-
var DownloadIcon = (props) => /* @__PURE__ */ (0,
|
|
2831
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
2832
|
+
var DownloadIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
2780
2833
|
"svg",
|
|
2781
2834
|
{
|
|
2782
2835
|
...props,
|
|
2783
2836
|
viewBox: "0 0 24 24",
|
|
2784
2837
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2785
|
-
children: /* @__PURE__ */ (0,
|
|
2838
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
2786
2839
|
"path",
|
|
2787
2840
|
{
|
|
2788
2841
|
clipRule: "evenodd",
|
|
@@ -2795,14 +2848,14 @@ var DownloadIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
|
2795
2848
|
);
|
|
2796
2849
|
|
|
2797
2850
|
// src/components/Icon/icons/EditTranscriptIcon.tsx
|
|
2798
|
-
var
|
|
2799
|
-
var EditTranscriptIcon = (props) => /* @__PURE__ */ (0,
|
|
2851
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
2852
|
+
var EditTranscriptIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
2800
2853
|
"svg",
|
|
2801
2854
|
{
|
|
2802
2855
|
...props,
|
|
2803
2856
|
viewBox: "0 0 24 24",
|
|
2804
2857
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2805
|
-
children: /* @__PURE__ */ (0,
|
|
2858
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
2806
2859
|
"path",
|
|
2807
2860
|
{
|
|
2808
2861
|
clipRule: "evenodd",
|
|
@@ -2815,14 +2868,14 @@ var EditTranscriptIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx
|
|
|
2815
2868
|
);
|
|
2816
2869
|
|
|
2817
2870
|
// src/components/Icon/icons/EllipsesVerticalIcon.tsx
|
|
2818
|
-
var
|
|
2819
|
-
var EllipsesVerticalIcon = (props) => /* @__PURE__ */ (0,
|
|
2871
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
2872
|
+
var EllipsesVerticalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
2820
2873
|
"svg",
|
|
2821
2874
|
{
|
|
2822
2875
|
...props,
|
|
2823
2876
|
viewBox: "0 0 24 24",
|
|
2824
2877
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2825
|
-
children: /* @__PURE__ */ (0,
|
|
2878
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
2826
2879
|
"path",
|
|
2827
2880
|
{
|
|
2828
2881
|
clipRule: "evenodd",
|
|
@@ -2835,14 +2888,14 @@ var EllipsesVerticalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime56.j
|
|
|
2835
2888
|
);
|
|
2836
2889
|
|
|
2837
2890
|
// src/components/Icon/icons/EmbedIcon.tsx
|
|
2838
|
-
var
|
|
2839
|
-
var EmbedIcon = (props) => /* @__PURE__ */ (0,
|
|
2891
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
2892
|
+
var EmbedIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
2840
2893
|
"svg",
|
|
2841
2894
|
{
|
|
2842
2895
|
...props,
|
|
2843
2896
|
viewBox: "0 0 24 24",
|
|
2844
2897
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2845
|
-
children: /* @__PURE__ */ (0,
|
|
2898
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
2846
2899
|
"path",
|
|
2847
2900
|
{
|
|
2848
2901
|
clipRule: "evenodd",
|
|
@@ -2855,14 +2908,14 @@ var EmbedIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
|
2855
2908
|
);
|
|
2856
2909
|
|
|
2857
2910
|
// src/components/Icon/icons/EnvelopeIcon.tsx
|
|
2858
|
-
var
|
|
2859
|
-
var EnvelopeIcon = (props) => /* @__PURE__ */ (0,
|
|
2911
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
2912
|
+
var EnvelopeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
2860
2913
|
"svg",
|
|
2861
2914
|
{
|
|
2862
2915
|
...props,
|
|
2863
2916
|
viewBox: "0 0 24 24",
|
|
2864
2917
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2865
|
-
children: /* @__PURE__ */ (0,
|
|
2918
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
2866
2919
|
"path",
|
|
2867
2920
|
{
|
|
2868
2921
|
clipRule: "evenodd",
|
|
@@ -2875,14 +2928,14 @@ var EnvelopeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
|
2875
2928
|
);
|
|
2876
2929
|
|
|
2877
2930
|
// src/components/Icon/icons/ErrorIcon.tsx
|
|
2878
|
-
var
|
|
2879
|
-
var ErrorIcon = (props) => /* @__PURE__ */ (0,
|
|
2931
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
2932
|
+
var ErrorIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
2880
2933
|
"svg",
|
|
2881
2934
|
{
|
|
2882
2935
|
...props,
|
|
2883
2936
|
viewBox: "0 0 24 24",
|
|
2884
2937
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2885
|
-
children: /* @__PURE__ */ (0,
|
|
2938
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
2886
2939
|
"path",
|
|
2887
2940
|
{
|
|
2888
2941
|
d: "M21.9156 16.6878L14.6823 4.15987C14.1223 3.19054 13.1196 2.61188 11.9996 2.61188C10.8796 2.61188 9.87694 3.19054 9.31695 4.15987L2.08363 16.6878C1.52363 17.6572 1.52363 18.8145 2.08363 19.7838C2.64363 20.7545 3.64629 21.3332 4.76629 21.3332H19.2329C20.3529 21.3332 21.3556 20.7545 21.9156 19.7838C22.4756 18.8145 22.4756 17.6572 21.9156 16.6878ZM10.9996 8.66653C10.9996 8.11453 11.4476 7.66653 11.9996 7.66653C12.5516 7.66653 12.9996 8.11453 12.9996 8.66653V13.3332C12.9996 13.8852 12.5516 14.3332 11.9996 14.3332C11.4476 14.3332 10.9996 13.8852 10.9996 13.3332V8.66653ZM11.9996 18.0918C11.2636 18.0918 10.6663 17.4932 10.6663 16.7585C10.6663 16.0238 11.2636 15.4252 11.9996 15.4252C12.7356 15.4252 13.3329 16.0238 13.3329 16.7585C13.3329 17.4932 12.7356 18.0918 11.9996 18.0918Z",
|
|
@@ -2893,14 +2946,14 @@ var ErrorIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
|
2893
2946
|
);
|
|
2894
2947
|
|
|
2895
2948
|
// src/components/Icon/icons/ExpandDiagonalIcon.tsx
|
|
2896
|
-
var
|
|
2897
|
-
var ExpandDiagonalIcon = (props) => /* @__PURE__ */ (0,
|
|
2949
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
2950
|
+
var ExpandDiagonalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
2898
2951
|
"svg",
|
|
2899
2952
|
{
|
|
2900
2953
|
...props,
|
|
2901
2954
|
viewBox: "0 0 24 24",
|
|
2902
2955
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2903
|
-
children: /* @__PURE__ */ (0,
|
|
2956
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
2904
2957
|
"path",
|
|
2905
2958
|
{
|
|
2906
2959
|
clipRule: "evenodd",
|
|
@@ -2913,14 +2966,14 @@ var ExpandDiagonalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx
|
|
|
2913
2966
|
);
|
|
2914
2967
|
|
|
2915
2968
|
// src/components/Icon/icons/ExpandIcon.tsx
|
|
2916
|
-
var
|
|
2917
|
-
var ExpandIcon = (props) => /* @__PURE__ */ (0,
|
|
2969
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
2970
|
+
var ExpandIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
2918
2971
|
"svg",
|
|
2919
2972
|
{
|
|
2920
2973
|
...props,
|
|
2921
2974
|
viewBox: "0 0 24 24",
|
|
2922
2975
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2923
|
-
children: /* @__PURE__ */ (0,
|
|
2976
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
2924
2977
|
"path",
|
|
2925
2978
|
{
|
|
2926
2979
|
clipRule: "evenodd",
|
|
@@ -2933,14 +2986,14 @@ var ExpandIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
|
2933
2986
|
);
|
|
2934
2987
|
|
|
2935
2988
|
// src/components/Icon/icons/FavoriteIcon.tsx
|
|
2936
|
-
var
|
|
2937
|
-
var FavoriteIcon = (props) => /* @__PURE__ */ (0,
|
|
2989
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
2990
|
+
var FavoriteIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
2938
2991
|
"svg",
|
|
2939
2992
|
{
|
|
2940
2993
|
...props,
|
|
2941
2994
|
viewBox: "0 0 24 24",
|
|
2942
2995
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2943
|
-
children: /* @__PURE__ */ (0,
|
|
2996
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
2944
2997
|
"path",
|
|
2945
2998
|
{
|
|
2946
2999
|
d: "M22.6168 9.04785C22.4995 8.68652 22.1861 8.42252 21.8101 8.36786L15.6501 7.47319L12.8955 1.89054C12.5595 1.20787 11.4382 1.20787 11.1022 1.89054L8.34749 7.47186L2.18751 8.36652C1.81151 8.42119 1.49818 8.68519 1.38084 9.04652C1.26351 9.40785 1.36084 9.80652 1.63418 10.0719L6.0915 14.4158L5.03817 20.5505C4.97417 20.9265 5.1275 21.3052 5.4355 21.5292C5.7435 21.7518 6.15283 21.7812 6.48883 21.6052L11.9981 18.7078L17.5075 21.6052C17.6541 21.6825 17.8128 21.7198 17.9728 21.7198C18.1795 21.7198 18.3861 21.6558 18.5608 21.5292C18.8688 21.3052 19.0235 20.9265 18.9581 20.5505L17.9048 14.4158L22.3621 10.0719C22.6355 9.80652 22.7328 9.40785 22.6155 9.04652L22.6168 9.04785Z",
|
|
@@ -2951,14 +3004,14 @@ var FavoriteIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
|
2951
3004
|
);
|
|
2952
3005
|
|
|
2953
3006
|
// src/components/Icon/icons/FavoriteOutlineIcon.tsx
|
|
2954
|
-
var
|
|
2955
|
-
var FavoriteOutlineIcon = (props) => /* @__PURE__ */ (0,
|
|
3007
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
3008
|
+
var FavoriteOutlineIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
2956
3009
|
"svg",
|
|
2957
3010
|
{
|
|
2958
3011
|
...props,
|
|
2959
3012
|
viewBox: "0 0 24 24",
|
|
2960
3013
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2961
|
-
children: /* @__PURE__ */ (0,
|
|
3014
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
2962
3015
|
"path",
|
|
2963
3016
|
{
|
|
2964
3017
|
d: "M12 2.33321L14.9866 8.38519L21.6666 9.35586L16.8333 14.0678L17.9746 20.7198L12 17.5798L6.02532 20.7198L7.16665 14.0678L2.33333 9.35586L9.01331 8.38519L12 2.33321Z",
|
|
@@ -2972,14 +3025,14 @@ var FavoriteOutlineIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime63.js
|
|
|
2972
3025
|
);
|
|
2973
3026
|
|
|
2974
3027
|
// src/components/Icon/icons/FileTreeIcon.tsx
|
|
2975
|
-
var
|
|
2976
|
-
var FileTreeIcon = (props) => /* @__PURE__ */ (0,
|
|
3028
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
3029
|
+
var FileTreeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
2977
3030
|
"svg",
|
|
2978
3031
|
{
|
|
2979
3032
|
...props,
|
|
2980
3033
|
viewBox: "0 0 24 24",
|
|
2981
3034
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2982
|
-
children: /* @__PURE__ */ (0,
|
|
3035
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
2983
3036
|
"path",
|
|
2984
3037
|
{
|
|
2985
3038
|
clipRule: "evenodd",
|
|
@@ -2992,14 +3045,14 @@ var FileTreeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
|
2992
3045
|
);
|
|
2993
3046
|
|
|
2994
3047
|
// src/components/Icon/icons/FilterIcon.tsx
|
|
2995
|
-
var
|
|
2996
|
-
var FilterIcon = (props) => /* @__PURE__ */ (0,
|
|
3048
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
3049
|
+
var FilterIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
2997
3050
|
"svg",
|
|
2998
3051
|
{
|
|
2999
3052
|
...props,
|
|
3000
3053
|
viewBox: "0 0 24 24",
|
|
3001
3054
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3002
|
-
children: /* @__PURE__ */ (0,
|
|
3055
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
3003
3056
|
"path",
|
|
3004
3057
|
{
|
|
3005
3058
|
clipRule: "evenodd",
|
|
@@ -3012,14 +3065,14 @@ var FilterIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
|
3012
3065
|
);
|
|
3013
3066
|
|
|
3014
3067
|
// src/components/Icon/icons/FontsIcon.tsx
|
|
3015
|
-
var
|
|
3016
|
-
var FontsIcon = (props) => /* @__PURE__ */ (0,
|
|
3068
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
3069
|
+
var FontsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
3017
3070
|
"svg",
|
|
3018
3071
|
{
|
|
3019
3072
|
...props,
|
|
3020
3073
|
viewBox: "0 0 24 24",
|
|
3021
3074
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3022
|
-
children: /* @__PURE__ */ (0,
|
|
3075
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
3023
3076
|
"path",
|
|
3024
3077
|
{
|
|
3025
3078
|
clipRule: "evenodd",
|
|
@@ -3032,14 +3085,14 @@ var FontsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
|
3032
3085
|
);
|
|
3033
3086
|
|
|
3034
3087
|
// src/components/Icon/icons/FullScreenIcon.tsx
|
|
3035
|
-
var
|
|
3036
|
-
var FullScreenIcon = (props) => /* @__PURE__ */ (0,
|
|
3088
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
3089
|
+
var FullScreenIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
3037
3090
|
"svg",
|
|
3038
3091
|
{
|
|
3039
3092
|
...props,
|
|
3040
3093
|
viewBox: "0 0 24 24",
|
|
3041
3094
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3042
|
-
children: /* @__PURE__ */ (0,
|
|
3095
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
3043
3096
|
"path",
|
|
3044
3097
|
{
|
|
3045
3098
|
clipRule: "evenodd",
|
|
@@ -3052,14 +3105,14 @@ var FullScreenIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
|
3052
3105
|
);
|
|
3053
3106
|
|
|
3054
3107
|
// src/components/Icon/icons/GearIcon.tsx
|
|
3055
|
-
var
|
|
3056
|
-
var GearIcon = (props) => /* @__PURE__ */ (0,
|
|
3108
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
3109
|
+
var GearIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
3057
3110
|
"svg",
|
|
3058
3111
|
{
|
|
3059
3112
|
...props,
|
|
3060
3113
|
viewBox: "0 0 24 24",
|
|
3061
3114
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3062
|
-
children: /* @__PURE__ */ (0,
|
|
3115
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
3063
3116
|
"path",
|
|
3064
3117
|
{
|
|
3065
3118
|
d: "M21.253 9.92118L19.837 9.70384C19.6717 9.13851 19.4477 8.59585 19.1637 8.07985L20.0117 6.92385C20.5024 6.25585 20.433 5.34385 19.8464 4.75985L19.2384 4.15186C18.6544 3.56652 17.7437 3.49719 17.073 3.98652L15.917 4.83585C15.401 4.55186 14.8584 4.32786 14.2944 4.16252L14.0757 2.74519C13.9491 1.92653 13.2571 1.33186 12.4291 1.33186H11.5691C10.7411 1.33186 10.0477 1.92653 9.9224 2.74653L9.70506 4.16252C9.13973 4.32786 8.59707 4.55186 8.08107 4.83585L6.92507 3.98786C6.25574 3.49852 5.34507 3.56786 4.76108 4.15452L4.15308 4.76252C3.56774 5.34785 3.49841 6.25852 3.98774 6.92785L4.83708 8.08385C4.55441 8.59985 4.32908 9.14251 4.16374 9.70651L2.74641 9.92517C1.92775 10.0518 1.33308 10.7438 1.33308 11.5718V12.4318C1.33308 13.2598 1.92775 13.9532 2.74775 14.0785L4.16374 14.2958C4.32908 14.8612 4.55308 15.4038 4.83708 15.9198L3.98908 17.0758C3.49975 17.7438 3.56908 18.6545 4.15574 19.2398L4.76374 19.8478C5.34907 20.4345 6.26107 20.5038 6.92907 20.0132L8.08507 19.1638C8.60107 19.4465 9.14373 19.6718 9.70773 19.8372L9.9264 21.2545C10.0531 22.0731 10.7451 22.6678 11.5731 22.6678H12.4331C13.2611 22.6678 13.9544 22.0731 14.0797 21.2531L14.2971 19.8372C14.8624 19.6718 15.405 19.4478 15.921 19.1638L17.077 20.0118C17.745 20.5025 18.6557 20.4318 19.241 19.8465L19.849 19.2385C20.4344 18.6532 20.5037 17.7425 20.0144 17.0732L19.165 15.9172C19.449 15.4012 19.673 14.8585 19.8384 14.2945L21.2557 14.0758C22.0744 13.9492 22.669 13.2572 22.669 12.4292V11.5692C22.669 10.7412 22.0744 10.0478 21.2557 9.92251L21.253 9.92118ZM11.9997 14.9998C10.3424 14.9998 8.99973 13.6572 8.99973 11.9998C8.99973 10.3425 10.3424 8.99984 11.9997 8.99984C13.6571 8.99984 14.9997 10.3425 14.9997 11.9998C14.9997 13.6572 13.6571 14.9998 11.9997 14.9998Z",
|
|
@@ -3070,14 +3123,14 @@ var GearIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
|
3070
3123
|
);
|
|
3071
3124
|
|
|
3072
3125
|
// src/components/Icon/icons/GettingStartedIcon.tsx
|
|
3073
|
-
var
|
|
3074
|
-
var GettingStartedIcon = (props) => /* @__PURE__ */ (0,
|
|
3126
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
3127
|
+
var GettingStartedIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
3075
3128
|
"svg",
|
|
3076
3129
|
{
|
|
3077
3130
|
...props,
|
|
3078
3131
|
viewBox: "0 0 24 24",
|
|
3079
3132
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3080
|
-
children: /* @__PURE__ */ (0,
|
|
3133
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
3081
3134
|
"path",
|
|
3082
3135
|
{
|
|
3083
3136
|
clipRule: "evenodd",
|
|
@@ -3090,14 +3143,14 @@ var GettingStartedIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx
|
|
|
3090
3143
|
);
|
|
3091
3144
|
|
|
3092
3145
|
// src/components/Icon/icons/GridIcon.tsx
|
|
3093
|
-
var
|
|
3094
|
-
var GridIcon = (props) => /* @__PURE__ */ (0,
|
|
3146
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
3147
|
+
var GridIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
3095
3148
|
"svg",
|
|
3096
3149
|
{
|
|
3097
3150
|
...props,
|
|
3098
3151
|
viewBox: "0 0 24 24",
|
|
3099
3152
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3100
|
-
children: /* @__PURE__ */ (0,
|
|
3153
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
3101
3154
|
"path",
|
|
3102
3155
|
{
|
|
3103
3156
|
clipRule: "evenodd",
|
|
@@ -3110,14 +3163,14 @@ var GridIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
|
3110
3163
|
);
|
|
3111
3164
|
|
|
3112
3165
|
// src/components/Icon/icons/GripDotsVerticalIcon.tsx
|
|
3113
|
-
var
|
|
3114
|
-
var GripDotsVerticalIcon = (props) => /* @__PURE__ */ (0,
|
|
3166
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
3167
|
+
var GripDotsVerticalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
3115
3168
|
"svg",
|
|
3116
3169
|
{
|
|
3117
3170
|
...props,
|
|
3118
3171
|
viewBox: "0 0 24 24",
|
|
3119
3172
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3120
|
-
children: /* @__PURE__ */ (0,
|
|
3173
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
3121
3174
|
"path",
|
|
3122
3175
|
{
|
|
3123
3176
|
clipRule: "evenodd",
|
|
@@ -3130,14 +3183,14 @@ var GripDotsVerticalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime71.j
|
|
|
3130
3183
|
);
|
|
3131
3184
|
|
|
3132
3185
|
// src/components/Icon/icons/HelpCenterIcon.tsx
|
|
3133
|
-
var
|
|
3134
|
-
var HelpCenterIcon = (props) => /* @__PURE__ */ (0,
|
|
3186
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
3187
|
+
var HelpCenterIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
3135
3188
|
"svg",
|
|
3136
3189
|
{
|
|
3137
3190
|
...props,
|
|
3138
3191
|
viewBox: "0 0 24 24",
|
|
3139
3192
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3140
|
-
children: /* @__PURE__ */ (0,
|
|
3193
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
3141
3194
|
"path",
|
|
3142
3195
|
{
|
|
3143
3196
|
clipRule: "evenodd",
|
|
@@ -3150,14 +3203,14 @@ var HelpCenterIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
|
3150
3203
|
);
|
|
3151
3204
|
|
|
3152
3205
|
// src/components/Icon/icons/HideIcon.tsx
|
|
3153
|
-
var
|
|
3154
|
-
var HideIcon = (props) => /* @__PURE__ */ (0,
|
|
3206
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
3207
|
+
var HideIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
3155
3208
|
"svg",
|
|
3156
3209
|
{
|
|
3157
3210
|
...props,
|
|
3158
3211
|
viewBox: "0 0 24 24",
|
|
3159
3212
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3160
|
-
children: /* @__PURE__ */ (0,
|
|
3213
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
3161
3214
|
"path",
|
|
3162
3215
|
{
|
|
3163
3216
|
clipRule: "evenodd",
|
|
@@ -3170,14 +3223,14 @@ var HideIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
|
3170
3223
|
);
|
|
3171
3224
|
|
|
3172
3225
|
// src/components/Icon/icons/HomeIcon.tsx
|
|
3173
|
-
var
|
|
3174
|
-
var HomeIcon = (props) => /* @__PURE__ */ (0,
|
|
3226
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
3227
|
+
var HomeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
3175
3228
|
"svg",
|
|
3176
3229
|
{
|
|
3177
3230
|
...props,
|
|
3178
3231
|
viewBox: "0 0 24 24",
|
|
3179
3232
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3180
|
-
children: /* @__PURE__ */ (0,
|
|
3233
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
3181
3234
|
"path",
|
|
3182
3235
|
{
|
|
3183
3236
|
d: "M20.4119 7.47053L13.4119 2.15054C12.5799 1.51721 11.4186 1.51854 10.5879 2.15054L3.58793 7.47053C3.01059 7.90919 2.6666 8.60386 2.6666 9.32786V18.9998C2.6666 21.0225 4.31059 22.6665 6.33325 22.6665H17.6666C19.6892 22.6665 21.3332 21.0225 21.3332 18.9998V9.32786C21.3332 8.60386 20.9892 7.91053 20.4119 7.47053Z",
|
|
@@ -3188,14 +3241,14 @@ var HomeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
|
3188
3241
|
);
|
|
3189
3242
|
|
|
3190
3243
|
// src/components/Icon/icons/HourglassIcon.tsx
|
|
3191
|
-
var
|
|
3192
|
-
var HourglassIcon = (props) => /* @__PURE__ */ (0,
|
|
3244
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
3245
|
+
var HourglassIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
3193
3246
|
"svg",
|
|
3194
3247
|
{
|
|
3195
3248
|
...props,
|
|
3196
3249
|
viewBox: "0 0 24 24",
|
|
3197
3250
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3198
|
-
children: /* @__PURE__ */ (0,
|
|
3251
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
3199
3252
|
"path",
|
|
3200
3253
|
{
|
|
3201
3254
|
clipRule: "evenodd",
|
|
@@ -3208,14 +3261,14 @@ var HourglassIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
|
3208
3261
|
);
|
|
3209
3262
|
|
|
3210
3263
|
// src/components/Icon/icons/InfoIcon.tsx
|
|
3211
|
-
var
|
|
3212
|
-
var InfoIcon = (props) => /* @__PURE__ */ (0,
|
|
3264
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
3265
|
+
var InfoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
3213
3266
|
"svg",
|
|
3214
3267
|
{
|
|
3215
3268
|
...props,
|
|
3216
3269
|
viewBox: "0 0 24 24",
|
|
3217
3270
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3218
|
-
children: /* @__PURE__ */ (0,
|
|
3271
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
3219
3272
|
"path",
|
|
3220
3273
|
{
|
|
3221
3274
|
d: "M11.9998 1.33321C6.11847 1.33321 1.33315 6.11853 1.33315 11.9998C1.33315 17.8812 6.11847 22.6665 11.9998 22.6665C17.8811 22.6665 22.6664 17.8812 22.6664 11.9998C22.6664 6.11853 17.8811 1.33321 11.9998 1.33321ZM12.9998 17.0918C12.9998 17.6438 12.5518 18.0918 11.9998 18.0918C11.4478 18.0918 10.9998 17.6438 10.9998 17.0918V10.9998C10.9998 10.4479 11.4478 9.99985 11.9998 9.99985C12.5518 9.99985 12.9998 10.4479 12.9998 10.9998V17.0918ZM11.9998 8.99985C11.2638 8.99985 10.6665 8.40119 10.6665 7.66652C10.6665 6.93186 11.2638 6.33319 11.9998 6.33319C12.7358 6.33319 13.3331 6.93186 13.3331 7.66652C13.3331 8.40119 12.7358 8.99985 11.9998 8.99985Z",
|
|
@@ -3226,14 +3279,14 @@ var InfoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
|
3226
3279
|
);
|
|
3227
3280
|
|
|
3228
3281
|
// src/components/Icon/icons/IntegrationsIcon.tsx
|
|
3229
|
-
var
|
|
3230
|
-
var IntegrationsIcon = (props) => /* @__PURE__ */ (0,
|
|
3282
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
3283
|
+
var IntegrationsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
3231
3284
|
"svg",
|
|
3232
3285
|
{
|
|
3233
3286
|
...props,
|
|
3234
3287
|
viewBox: "0 0 24 24",
|
|
3235
3288
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3236
|
-
children: /* @__PURE__ */ (0,
|
|
3289
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
3237
3290
|
"path",
|
|
3238
3291
|
{
|
|
3239
3292
|
clipRule: "evenodd",
|
|
@@ -3246,14 +3299,14 @@ var IntegrationsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
|
3246
3299
|
);
|
|
3247
3300
|
|
|
3248
3301
|
// src/components/Icon/icons/LeaveIcon.tsx
|
|
3249
|
-
var
|
|
3250
|
-
var LeaveIcon = (props) => /* @__PURE__ */ (0,
|
|
3302
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
3303
|
+
var LeaveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
3251
3304
|
"svg",
|
|
3252
3305
|
{
|
|
3253
3306
|
...props,
|
|
3254
3307
|
viewBox: "0 0 24 24",
|
|
3255
3308
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3256
|
-
children: /* @__PURE__ */ (0,
|
|
3309
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
3257
3310
|
"path",
|
|
3258
3311
|
{
|
|
3259
3312
|
clipRule: "evenodd",
|
|
@@ -3266,14 +3319,14 @@ var LeaveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
|
3266
3319
|
);
|
|
3267
3320
|
|
|
3268
3321
|
// src/components/Icon/icons/LinkIcon.tsx
|
|
3269
|
-
var
|
|
3270
|
-
var LinkIcon = (props) => /* @__PURE__ */ (0,
|
|
3322
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
3323
|
+
var LinkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
3271
3324
|
"svg",
|
|
3272
3325
|
{
|
|
3273
3326
|
...props,
|
|
3274
3327
|
viewBox: "0 0 24 24",
|
|
3275
3328
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3276
|
-
children: /* @__PURE__ */ (0,
|
|
3329
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
3277
3330
|
"path",
|
|
3278
3331
|
{
|
|
3279
3332
|
clipRule: "evenodd",
|
|
@@ -3286,14 +3339,14 @@ var LinkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
|
3286
3339
|
);
|
|
3287
3340
|
|
|
3288
3341
|
// src/components/Icon/icons/ListIcon.tsx
|
|
3289
|
-
var
|
|
3290
|
-
var ListIcon = (props) => /* @__PURE__ */ (0,
|
|
3342
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
3343
|
+
var ListIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
3291
3344
|
"svg",
|
|
3292
3345
|
{
|
|
3293
3346
|
...props,
|
|
3294
3347
|
viewBox: "0 0 24 24",
|
|
3295
3348
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3296
|
-
children: /* @__PURE__ */ (0,
|
|
3349
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
3297
3350
|
"path",
|
|
3298
3351
|
{
|
|
3299
3352
|
clipRule: "evenodd",
|
|
@@ -3306,14 +3359,14 @@ var ListIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
|
3306
3359
|
);
|
|
3307
3360
|
|
|
3308
3361
|
// src/components/Icon/icons/LiveIcon.tsx
|
|
3309
|
-
var
|
|
3310
|
-
var LiveIcon = (props) => /* @__PURE__ */ (0,
|
|
3362
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
3363
|
+
var LiveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
3311
3364
|
"svg",
|
|
3312
3365
|
{
|
|
3313
3366
|
...props,
|
|
3314
3367
|
viewBox: "0 0 24 24",
|
|
3315
3368
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3316
|
-
children: /* @__PURE__ */ (0,
|
|
3369
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
3317
3370
|
"path",
|
|
3318
3371
|
{
|
|
3319
3372
|
clipRule: "evenodd",
|
|
@@ -3326,14 +3379,14 @@ var LiveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
|
3326
3379
|
);
|
|
3327
3380
|
|
|
3328
3381
|
// src/components/Icon/icons/LockIcon.tsx
|
|
3329
|
-
var
|
|
3330
|
-
var LockIcon = (props) => /* @__PURE__ */ (0,
|
|
3382
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
3383
|
+
var LockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
3331
3384
|
"svg",
|
|
3332
3385
|
{
|
|
3333
3386
|
...props,
|
|
3334
3387
|
viewBox: "0 0 24 24",
|
|
3335
3388
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3336
|
-
children: /* @__PURE__ */ (0,
|
|
3389
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
3337
3390
|
"path",
|
|
3338
3391
|
{
|
|
3339
3392
|
clipRule: "evenodd",
|
|
@@ -3346,14 +3399,14 @@ var LockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
|
3346
3399
|
);
|
|
3347
3400
|
|
|
3348
3401
|
// src/components/Icon/icons/LogoutIcon.tsx
|
|
3349
|
-
var
|
|
3350
|
-
var LogoutIcon = (props) => /* @__PURE__ */ (0,
|
|
3402
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
3403
|
+
var LogoutIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
3351
3404
|
"svg",
|
|
3352
3405
|
{
|
|
3353
3406
|
...props,
|
|
3354
3407
|
viewBox: "0 0 24 24",
|
|
3355
3408
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3356
|
-
children: /* @__PURE__ */ (0,
|
|
3409
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
3357
3410
|
"path",
|
|
3358
3411
|
{
|
|
3359
3412
|
clipRule: "evenodd",
|
|
@@ -3366,14 +3419,14 @@ var LogoutIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
|
3366
3419
|
);
|
|
3367
3420
|
|
|
3368
3421
|
// src/components/Icon/icons/MaximizeIcon.tsx
|
|
3369
|
-
var
|
|
3370
|
-
var MaximizeIcon = (props) => /* @__PURE__ */ (0,
|
|
3422
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
3423
|
+
var MaximizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
3371
3424
|
"svg",
|
|
3372
3425
|
{
|
|
3373
3426
|
...props,
|
|
3374
3427
|
viewBox: "0 0 24 24",
|
|
3375
3428
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3376
|
-
children: /* @__PURE__ */ (0,
|
|
3429
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
3377
3430
|
"path",
|
|
3378
3431
|
{
|
|
3379
3432
|
clipRule: "evenodd",
|
|
@@ -3386,14 +3439,14 @@ var MaximizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
|
3386
3439
|
);
|
|
3387
3440
|
|
|
3388
3441
|
// src/components/Icon/icons/MediaIcon.tsx
|
|
3389
|
-
var
|
|
3390
|
-
var MediaIcon = (props) => /* @__PURE__ */ (0,
|
|
3442
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
3443
|
+
var MediaIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
3391
3444
|
"svg",
|
|
3392
3445
|
{
|
|
3393
3446
|
...props,
|
|
3394
3447
|
viewBox: "0 0 24 24",
|
|
3395
3448
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3396
|
-
children: /* @__PURE__ */ (0,
|
|
3449
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
3397
3450
|
"path",
|
|
3398
3451
|
{
|
|
3399
3452
|
d: "M17.6666 2.66653H6.33325C4.31059 2.66653 2.6666 4.31053 2.6666 6.33319V17.6665C2.6666 19.6892 4.31059 21.3332 6.33325 21.3332H17.6666C19.6892 21.3332 21.3332 19.6892 21.3332 17.6665V6.33319C21.3332 4.31053 19.6892 2.66653 17.6666 2.66653ZM15.0372 12.8638L10.1706 15.7025C10.0132 15.7945 9.83991 15.8412 9.66658 15.8412C9.49591 15.8412 9.32525 15.7958 9.16791 15.7065C8.85325 15.5265 8.66658 15.2025 8.66658 14.8398V9.16118C8.66658 8.79852 8.85458 8.47452 9.16791 8.29452C9.48258 8.11319 9.85724 8.11585 10.1692 8.29719L15.0359 11.1358C15.3466 11.3172 15.5332 11.6398 15.5332 11.9998C15.5332 12.3598 15.3492 12.6825 15.0372 12.8638Z",
|
|
@@ -3404,14 +3457,14 @@ var MediaIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
|
3404
3457
|
);
|
|
3405
3458
|
|
|
3406
3459
|
// src/components/Icon/icons/MenuIcon.tsx
|
|
3407
|
-
var
|
|
3408
|
-
var MenuIcon = (props) => /* @__PURE__ */ (0,
|
|
3460
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
3461
|
+
var MenuIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
3409
3462
|
"svg",
|
|
3410
3463
|
{
|
|
3411
3464
|
...props,
|
|
3412
3465
|
viewBox: "0 0 24 24",
|
|
3413
3466
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3414
|
-
children: /* @__PURE__ */ (0,
|
|
3467
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
3415
3468
|
"path",
|
|
3416
3469
|
{
|
|
3417
3470
|
clipRule: "evenodd",
|
|
@@ -3424,14 +3477,14 @@ var MenuIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
|
3424
3477
|
);
|
|
3425
3478
|
|
|
3426
3479
|
// src/components/Icon/icons/MicIcon.tsx
|
|
3427
|
-
var
|
|
3428
|
-
var MicIcon = (props) => /* @__PURE__ */ (0,
|
|
3480
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
3481
|
+
var MicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
3429
3482
|
"svg",
|
|
3430
3483
|
{
|
|
3431
3484
|
...props,
|
|
3432
3485
|
viewBox: "0 0 24 24",
|
|
3433
3486
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3434
|
-
children: /* @__PURE__ */ (0,
|
|
3487
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
3435
3488
|
"path",
|
|
3436
3489
|
{
|
|
3437
3490
|
clipRule: "evenodd",
|
|
@@ -3444,14 +3497,14 @@ var MicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
|
3444
3497
|
);
|
|
3445
3498
|
|
|
3446
3499
|
// src/components/Icon/icons/MicOffIcon.tsx
|
|
3447
|
-
var
|
|
3448
|
-
var MicOffIcon = (props) => /* @__PURE__ */ (0,
|
|
3500
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
3501
|
+
var MicOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
3449
3502
|
"svg",
|
|
3450
3503
|
{
|
|
3451
3504
|
...props,
|
|
3452
3505
|
viewBox: "0 0 24 24",
|
|
3453
3506
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3454
|
-
children: /* @__PURE__ */ (0,
|
|
3507
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
3455
3508
|
"path",
|
|
3456
3509
|
{
|
|
3457
3510
|
clipRule: "evenodd",
|
|
@@ -3464,14 +3517,14 @@ var MicOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
|
3464
3517
|
);
|
|
3465
3518
|
|
|
3466
3519
|
// src/components/Icon/icons/MinimizeIcon.tsx
|
|
3467
|
-
var
|
|
3468
|
-
var MinimizeIcon = (props) => /* @__PURE__ */ (0,
|
|
3520
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
3521
|
+
var MinimizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
3469
3522
|
"svg",
|
|
3470
3523
|
{
|
|
3471
3524
|
...props,
|
|
3472
3525
|
viewBox: "0 0 24 24",
|
|
3473
3526
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3474
|
-
children: /* @__PURE__ */ (0,
|
|
3527
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
3475
3528
|
"path",
|
|
3476
3529
|
{
|
|
3477
3530
|
clipRule: "evenodd",
|
|
@@ -3484,14 +3537,14 @@ var MinimizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
|
3484
3537
|
);
|
|
3485
3538
|
|
|
3486
3539
|
// src/components/Icon/icons/MinusCircleIcon.tsx
|
|
3487
|
-
var
|
|
3488
|
-
var MinusCircleIcon = (props) => /* @__PURE__ */ (0,
|
|
3540
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
3541
|
+
var MinusCircleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
3489
3542
|
"svg",
|
|
3490
3543
|
{
|
|
3491
3544
|
...props,
|
|
3492
3545
|
viewBox: "0 0 24 24",
|
|
3493
3546
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3494
|
-
children: /* @__PURE__ */ (0,
|
|
3547
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
3495
3548
|
"path",
|
|
3496
3549
|
{
|
|
3497
3550
|
d: "M11.9998 1.33321C6.11842 1.33321 1.33309 6.11855 1.33309 11.9999C1.33309 17.8812 6.11842 22.6665 11.9998 22.6665C17.8811 22.6665 22.6664 17.8812 22.6664 11.9999C22.6664 6.11855 17.8811 1.33321 11.9998 1.33321ZM16.3331 12.9999H7.66642C7.11442 12.9999 6.66642 12.5519 6.66642 11.9999C6.66642 11.4479 7.11442 10.9999 7.66642 10.9999H16.3331C16.8851 10.9999 17.3331 11.4479 17.3331 11.9999C17.3331 12.5519 16.8851 12.9999 16.3331 12.9999Z",
|
|
@@ -3502,14 +3555,14 @@ var MinusCircleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
|
3502
3555
|
);
|
|
3503
3556
|
|
|
3504
3557
|
// src/components/Icon/icons/MobileIcon.tsx
|
|
3505
|
-
var
|
|
3506
|
-
var MobileIcon = (props) => /* @__PURE__ */ (0,
|
|
3558
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
3559
|
+
var MobileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
3507
3560
|
"svg",
|
|
3508
3561
|
{
|
|
3509
3562
|
...props,
|
|
3510
3563
|
viewBox: "0 0 24 24",
|
|
3511
3564
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3512
|
-
children: /* @__PURE__ */ (0,
|
|
3565
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
3513
3566
|
"path",
|
|
3514
3567
|
{
|
|
3515
3568
|
clipRule: "evenodd",
|
|
@@ -3522,14 +3575,14 @@ var MobileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
|
3522
3575
|
);
|
|
3523
3576
|
|
|
3524
3577
|
// src/components/Icon/icons/MoreOptionsIcon.tsx
|
|
3525
|
-
var
|
|
3526
|
-
var MoreOptionsIcon = (props) => /* @__PURE__ */ (0,
|
|
3578
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
3579
|
+
var MoreOptionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
3527
3580
|
"svg",
|
|
3528
3581
|
{
|
|
3529
3582
|
...props,
|
|
3530
3583
|
viewBox: "0 0 24 24",
|
|
3531
3584
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3532
|
-
children: /* @__PURE__ */ (0,
|
|
3585
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
3533
3586
|
"path",
|
|
3534
3587
|
{
|
|
3535
3588
|
clipRule: "evenodd",
|
|
@@ -3542,14 +3595,14 @@ var MoreOptionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
|
3542
3595
|
);
|
|
3543
3596
|
|
|
3544
3597
|
// src/components/Icon/icons/MoveLeftIcon.tsx
|
|
3545
|
-
var
|
|
3546
|
-
var MoveLeftIcon = (props) => /* @__PURE__ */ (0,
|
|
3598
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
3599
|
+
var MoveLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
3547
3600
|
"svg",
|
|
3548
3601
|
{
|
|
3549
3602
|
...props,
|
|
3550
3603
|
viewBox: "0 0 24 24",
|
|
3551
3604
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3552
|
-
children: /* @__PURE__ */ (0,
|
|
3605
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
3553
3606
|
"path",
|
|
3554
3607
|
{
|
|
3555
3608
|
clipRule: "evenodd",
|
|
@@ -3562,14 +3615,14 @@ var MoveLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
|
3562
3615
|
);
|
|
3563
3616
|
|
|
3564
3617
|
// src/components/Icon/icons/MoveRightIcon.tsx
|
|
3565
|
-
var
|
|
3566
|
-
var MoveRightIcon = (props) => /* @__PURE__ */ (0,
|
|
3618
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
3619
|
+
var MoveRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
3567
3620
|
"svg",
|
|
3568
3621
|
{
|
|
3569
3622
|
...props,
|
|
3570
3623
|
viewBox: "0 0 24 24",
|
|
3571
3624
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3572
|
-
children: /* @__PURE__ */ (0,
|
|
3625
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
3573
3626
|
"path",
|
|
3574
3627
|
{
|
|
3575
3628
|
clipRule: "evenodd",
|
|
@@ -3582,14 +3635,14 @@ var MoveRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
|
3582
3635
|
);
|
|
3583
3636
|
|
|
3584
3637
|
// src/components/Icon/icons/MusicIcon.tsx
|
|
3585
|
-
var
|
|
3586
|
-
var MusicIcon = (props) => /* @__PURE__ */ (0,
|
|
3638
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
3639
|
+
var MusicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
3587
3640
|
"svg",
|
|
3588
3641
|
{
|
|
3589
3642
|
...props,
|
|
3590
3643
|
viewBox: "0 0 24 24",
|
|
3591
3644
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3592
|
-
children: /* @__PURE__ */ (0,
|
|
3645
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
3593
3646
|
"path",
|
|
3594
3647
|
{
|
|
3595
3648
|
d: "M17.9493 1.93853L8.61598 3.49453C7.48665 3.68253 6.66665 4.65053 6.66665 5.79586V15.0852C6.16398 14.8265 5.60265 14.6665 4.99999 14.6665C2.97732 14.6665 1.33333 16.3105 1.33333 18.3332C1.33333 20.3558 2.97732 21.9998 4.99999 21.9998C7.02265 21.9998 8.66664 20.3558 8.66664 18.3332V9.84651L18.6666 8.17985V13.0852C18.164 12.8265 17.6026 12.6665 17 12.6665C14.9773 12.6665 13.3333 14.3105 13.3333 16.3332C13.3333 18.3558 14.9773 19.9998 17 19.9998C19.0226 19.9998 20.6666 18.3558 20.6666 16.3332V4.2412C20.6666 3.5532 20.3653 2.9052 19.8413 2.4612C19.3159 2.0172 18.6306 1.82787 17.9493 1.93987V1.93853Z",
|
|
@@ -3600,14 +3653,14 @@ var MusicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
|
3600
3653
|
);
|
|
3601
3654
|
|
|
3602
3655
|
// src/components/Icon/icons/OpenNewIcon.tsx
|
|
3603
|
-
var
|
|
3604
|
-
var OpenNewIcon = (props) => /* @__PURE__ */ (0,
|
|
3656
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
3657
|
+
var OpenNewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
3605
3658
|
"svg",
|
|
3606
3659
|
{
|
|
3607
3660
|
...props,
|
|
3608
3661
|
viewBox: "0 0 24 24",
|
|
3609
3662
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3610
|
-
children: /* @__PURE__ */ (0,
|
|
3663
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
3611
3664
|
"path",
|
|
3612
3665
|
{
|
|
3613
3666
|
clipRule: "evenodd",
|
|
@@ -3620,14 +3673,14 @@ var OpenNewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
|
3620
3673
|
);
|
|
3621
3674
|
|
|
3622
3675
|
// src/components/Icon/icons/OverviewIcon.tsx
|
|
3623
|
-
var
|
|
3624
|
-
var OverviewIcon = (props) => /* @__PURE__ */ (0,
|
|
3676
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
3677
|
+
var OverviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
3625
3678
|
"svg",
|
|
3626
3679
|
{
|
|
3627
3680
|
...props,
|
|
3628
3681
|
viewBox: "0 0 24 24",
|
|
3629
3682
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3630
|
-
children: /* @__PURE__ */ (0,
|
|
3683
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
3631
3684
|
"path",
|
|
3632
3685
|
{
|
|
3633
3686
|
clipRule: "evenodd",
|
|
@@ -3640,14 +3693,14 @@ var OverviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
|
3640
3693
|
);
|
|
3641
3694
|
|
|
3642
3695
|
// src/components/Icon/icons/PageIcon.tsx
|
|
3643
|
-
var
|
|
3644
|
-
var PageIcon = (props) => /* @__PURE__ */ (0,
|
|
3696
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
3697
|
+
var PageIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
3645
3698
|
"svg",
|
|
3646
3699
|
{
|
|
3647
3700
|
...props,
|
|
3648
3701
|
viewBox: "0 0 24 24",
|
|
3649
3702
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3650
|
-
children: /* @__PURE__ */ (0,
|
|
3703
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
3651
3704
|
"path",
|
|
3652
3705
|
{
|
|
3653
3706
|
clipRule: "evenodd",
|
|
@@ -3660,14 +3713,14 @@ var PageIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
|
3660
3713
|
);
|
|
3661
3714
|
|
|
3662
3715
|
// src/components/Icon/icons/PanelLeftIcon.tsx
|
|
3663
|
-
var
|
|
3664
|
-
var PanelLeftIcon = (props) => /* @__PURE__ */ (0,
|
|
3716
|
+
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
3717
|
+
var PanelLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
3665
3718
|
"svg",
|
|
3666
3719
|
{
|
|
3667
3720
|
...props,
|
|
3668
3721
|
viewBox: "0 0 24 24",
|
|
3669
3722
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3670
|
-
children: /* @__PURE__ */ (0,
|
|
3723
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
3671
3724
|
"path",
|
|
3672
3725
|
{
|
|
3673
3726
|
d: "M18.9997 2.66653H4.99974C2.97708 2.66653 1.33309 4.31053 1.33309 6.33319V17.6665C1.33309 19.6892 2.97708 21.3332 4.99974 21.3332H18.9997C21.0224 21.3332 22.6664 19.6892 22.6664 17.6665V6.33319C22.6664 4.31053 21.0224 2.66653 18.9997 2.66653ZM7.33307 16.3332C7.33307 16.8852 6.88507 17.3332 6.33307 17.3332C5.78108 17.3332 5.33308 16.8852 5.33308 16.3332V7.66652C5.33308 7.11452 5.78108 6.66652 6.33307 6.66652C6.88507 6.66652 7.33307 7.11452 7.33307 7.66652V16.3332ZM17.6664 12.9998H12.0811L13.3744 14.2932C13.7651 14.6838 13.7651 15.3172 13.3744 15.7078C13.1797 15.9025 12.9237 16.0012 12.6677 16.0012C12.4117 16.0012 12.1557 15.9038 11.9611 15.7078L8.96107 12.7078C8.5704 12.3172 8.5704 11.6838 8.96107 11.2932L11.9611 8.29319C12.3517 7.90252 12.9851 7.90252 13.3757 8.29319C13.7664 8.68385 13.7664 9.31718 13.3757 9.70785L12.0824 11.0012H17.6677C18.2197 11.0012 18.6677 11.4492 18.6677 12.0012C18.6677 12.5532 18.2197 13.0012 17.6677 13.0012L17.6664 12.9998Z",
|
|
@@ -3678,14 +3731,14 @@ var PanelLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
|
3678
3731
|
);
|
|
3679
3732
|
|
|
3680
3733
|
// src/components/Icon/icons/PanelRightIcon.tsx
|
|
3681
|
-
var
|
|
3682
|
-
var PanelRightIcon = (props) => /* @__PURE__ */ (0,
|
|
3734
|
+
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
3735
|
+
var PanelRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
3683
3736
|
"svg",
|
|
3684
3737
|
{
|
|
3685
3738
|
...props,
|
|
3686
3739
|
viewBox: "0 0 24 24",
|
|
3687
3740
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3688
|
-
children: /* @__PURE__ */ (0,
|
|
3741
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
3689
3742
|
"path",
|
|
3690
3743
|
{
|
|
3691
3744
|
d: "M18.9996 2.66653H4.99968C2.97702 2.66653 1.33302 4.31053 1.33302 6.33319V17.6665C1.33302 19.6892 2.97702 21.3332 4.99968 21.3332H18.9996C21.0223 21.3332 22.6663 19.6892 22.6663 17.6665V6.33319C22.6663 4.31053 21.0223 2.66653 18.9996 2.66653ZM7.33301 16.3332C7.33301 16.8852 6.88501 17.3332 6.33301 17.3332C5.78101 17.3332 5.33301 16.8852 5.33301 16.3332V7.66652C5.33301 7.11452 5.78101 6.66652 6.33301 6.66652C6.88501 6.66652 7.33301 7.11452 7.33301 7.66652V16.3332ZM18.373 12.7065L15.373 15.7065C15.1783 15.9012 14.9223 15.9998 14.6663 15.9998C14.4103 15.9998 14.1543 15.9025 13.9597 15.7065C13.569 15.3158 13.569 14.6825 13.9597 14.2918L15.253 12.9985H9.66634C9.11434 12.9985 8.66634 12.5505 8.66634 11.9985C8.66634 11.4465 9.11434 10.9985 9.66634 10.9985H15.2517L13.9583 9.70518C13.5677 9.31452 13.5677 8.68119 13.9583 8.29052C14.349 7.89985 14.9823 7.89985 15.373 8.29052L18.373 11.2905C18.7636 11.6812 18.7636 12.3158 18.373 12.7065Z",
|
|
@@ -3696,14 +3749,14 @@ var PanelRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
|
3696
3749
|
);
|
|
3697
3750
|
|
|
3698
3751
|
// src/components/Icon/icons/PanelUpIcon.tsx
|
|
3699
|
-
var
|
|
3700
|
-
var PanelUpIcon = (props) => /* @__PURE__ */ (0,
|
|
3752
|
+
var import_jsx_runtime102 = require("react/jsx-runtime");
|
|
3753
|
+
var PanelUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
3701
3754
|
"svg",
|
|
3702
3755
|
{
|
|
3703
3756
|
...props,
|
|
3704
3757
|
viewBox: "0 0 24 24",
|
|
3705
3758
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3706
|
-
children: /* @__PURE__ */ (0,
|
|
3759
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
3707
3760
|
"path",
|
|
3708
3761
|
{
|
|
3709
3762
|
d: "M18.9996 2.66653H4.99962C2.97696 2.66653 1.33296 4.31053 1.33296 6.33319V17.6665C1.33296 19.6892 2.97696 21.3332 4.99962 21.3332H18.9996C21.0222 21.3332 22.6662 19.6892 22.6662 17.6665V6.33319C22.6662 4.31053 21.0222 2.66653 18.9996 2.66653ZM15.5343 14.8678C15.3396 15.0625 15.0836 15.1612 14.8276 15.1612C14.5716 15.1612 14.3156 15.0638 14.1209 14.8678L12.9996 13.7465V16.6652C12.9996 17.2172 12.5516 17.6652 11.9996 17.6652C11.4476 17.6652 10.9996 17.2172 10.9996 16.6652V13.7465L9.87827 14.8678C9.48761 15.2585 8.85428 15.2585 8.46361 14.8678C8.07295 14.4772 8.07295 13.8438 8.46361 13.4532L11.2916 10.6252C11.6823 10.2345 12.3156 10.2345 12.7063 10.6252L15.5343 13.4532C15.9249 13.8438 15.9249 14.4772 15.5343 14.8678ZM17.6663 8.66652H6.33295C5.78095 8.66652 5.33295 8.21852 5.33295 7.66652C5.33295 7.11452 5.78095 6.66652 6.33295 6.66652H17.6663C18.2183 6.66652 18.6663 7.11452 18.6663 7.66652C18.6663 8.21852 18.2183 8.66652 17.6663 8.66652Z",
|
|
@@ -3714,14 +3767,14 @@ var PanelUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
|
3714
3767
|
);
|
|
3715
3768
|
|
|
3716
3769
|
// src/components/Icon/icons/PasswordIcon.tsx
|
|
3717
|
-
var
|
|
3718
|
-
var PasswordIcon = (props) => /* @__PURE__ */ (0,
|
|
3770
|
+
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
3771
|
+
var PasswordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
3719
3772
|
"svg",
|
|
3720
3773
|
{
|
|
3721
3774
|
...props,
|
|
3722
3775
|
viewBox: "0 0 24 24",
|
|
3723
3776
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3724
|
-
children: /* @__PURE__ */ (0,
|
|
3777
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
3725
3778
|
"path",
|
|
3726
3779
|
{
|
|
3727
3780
|
clipRule: "evenodd",
|
|
@@ -3734,14 +3787,14 @@ var PasswordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
|
3734
3787
|
);
|
|
3735
3788
|
|
|
3736
3789
|
// src/components/Icon/icons/PencilIcon.tsx
|
|
3737
|
-
var
|
|
3738
|
-
var PencilIcon = (props) => /* @__PURE__ */ (0,
|
|
3790
|
+
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
3791
|
+
var PencilIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
3739
3792
|
"svg",
|
|
3740
3793
|
{
|
|
3741
3794
|
...props,
|
|
3742
3795
|
viewBox: "0 0 24 24",
|
|
3743
3796
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3744
|
-
children: /* @__PURE__ */ (0,
|
|
3797
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
3745
3798
|
"path",
|
|
3746
3799
|
{
|
|
3747
3800
|
d: "M15.2186 3.7972L4.80665 14.2092C3.65599 15.3612 2.93866 18.7505 2.68266 20.1545C2.62399 20.4772 2.72799 20.8092 2.95999 21.0412C3.14932 21.2305 3.40399 21.3345 3.66666 21.3345C3.72532 21.3345 3.78532 21.3292 3.84532 21.3185C5.24932 21.0638 8.63864 20.3465 9.79064 19.1945L20.2026 8.78252C21.5759 7.40786 21.5759 5.1732 20.2026 3.79854C18.872 2.46787 16.5493 2.46787 15.2186 3.7972Z",
|
|
@@ -3752,14 +3805,14 @@ var PencilIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
|
3752
3805
|
);
|
|
3753
3806
|
|
|
3754
3807
|
// src/components/Icon/icons/PeopleIcon.tsx
|
|
3755
|
-
var
|
|
3756
|
-
var PeopleIcon = (props) => /* @__PURE__ */ (0,
|
|
3808
|
+
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
3809
|
+
var PeopleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
3757
3810
|
"svg",
|
|
3758
3811
|
{
|
|
3759
3812
|
...props,
|
|
3760
3813
|
viewBox: "0 0 24 24",
|
|
3761
3814
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3762
|
-
children: /* @__PURE__ */ (0,
|
|
3815
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
3763
3816
|
"path",
|
|
3764
3817
|
{
|
|
3765
3818
|
clipRule: "evenodd",
|
|
@@ -3772,14 +3825,14 @@ var PeopleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
|
3772
3825
|
);
|
|
3773
3826
|
|
|
3774
3827
|
// src/components/Icon/icons/PinIcon.tsx
|
|
3775
|
-
var
|
|
3776
|
-
var PinIcon = (props) => /* @__PURE__ */ (0,
|
|
3828
|
+
var import_jsx_runtime106 = require("react/jsx-runtime");
|
|
3829
|
+
var PinIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
3777
3830
|
"svg",
|
|
3778
3831
|
{
|
|
3779
3832
|
...props,
|
|
3780
3833
|
viewBox: "0 0 24 24",
|
|
3781
3834
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3782
|
-
children: /* @__PURE__ */ (0,
|
|
3835
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
3783
3836
|
"path",
|
|
3784
3837
|
{
|
|
3785
3838
|
clipRule: "evenodd",
|
|
@@ -3792,14 +3845,14 @@ var PinIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
|
3792
3845
|
);
|
|
3793
3846
|
|
|
3794
3847
|
// src/components/Icon/icons/PinSlashIcon.tsx
|
|
3795
|
-
var
|
|
3796
|
-
var PinSlashIcon = (props) => /* @__PURE__ */ (0,
|
|
3848
|
+
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
3849
|
+
var PinSlashIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
3797
3850
|
"svg",
|
|
3798
3851
|
{
|
|
3799
3852
|
...props,
|
|
3800
3853
|
viewBox: "0 0 24 24",
|
|
3801
3854
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3802
|
-
children: /* @__PURE__ */ (0,
|
|
3855
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
3803
3856
|
"path",
|
|
3804
3857
|
{
|
|
3805
3858
|
clipRule: "evenodd",
|
|
@@ -3812,14 +3865,14 @@ var PinSlashIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
|
3812
3865
|
);
|
|
3813
3866
|
|
|
3814
3867
|
// src/components/Icon/icons/PlayIcon.tsx
|
|
3815
|
-
var
|
|
3816
|
-
var PlayIcon = (props) => /* @__PURE__ */ (0,
|
|
3868
|
+
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
3869
|
+
var PlayIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
3817
3870
|
"svg",
|
|
3818
3871
|
{
|
|
3819
3872
|
...props,
|
|
3820
3873
|
viewBox: "0 0 24 24",
|
|
3821
3874
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3822
|
-
children: /* @__PURE__ */ (0,
|
|
3875
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
3823
3876
|
"path",
|
|
3824
3877
|
{
|
|
3825
3878
|
d: "M20.1332 9.97052L7.47719 2.96254C6.73986 2.55454 5.8692 2.56654 5.1452 2.9932C4.42787 3.41587 3.99987 4.16253 3.99987 4.99186V19.0078C3.99987 19.8372 4.42787 20.5838 5.1452 21.0065C5.5172 21.2252 5.92653 21.3358 6.33853 21.3358C6.7292 21.3358 7.11986 21.2358 7.47719 21.0385L20.1318 14.0305C20.8732 13.6212 21.3332 12.8425 21.3332 12.0012C21.3332 11.1598 20.8732 10.3799 20.1332 9.97052Z",
|
|
@@ -3830,14 +3883,14 @@ var PlayIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
|
3830
3883
|
);
|
|
3831
3884
|
|
|
3832
3885
|
// src/components/Icon/icons/PlayerIcon.tsx
|
|
3833
|
-
var
|
|
3834
|
-
var PlayerIcon = (props) => /* @__PURE__ */ (0,
|
|
3886
|
+
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
3887
|
+
var PlayerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
3835
3888
|
"svg",
|
|
3836
3889
|
{
|
|
3837
3890
|
...props,
|
|
3838
3891
|
viewBox: "0 0 24 24",
|
|
3839
3892
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3840
|
-
children: /* @__PURE__ */ (0,
|
|
3893
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
3841
3894
|
"path",
|
|
3842
3895
|
{
|
|
3843
3896
|
d: "M18.9998 3.99987H4.9998C2.97714 3.99987 1.33315 5.64386 1.33315 7.66653V16.3332C1.33315 18.3558 2.97714 19.9998 4.9998 19.9998H18.9998C21.0224 19.9998 22.6664 18.3558 22.6664 16.3332V7.66653C22.6664 5.64386 21.0224 3.99987 18.9998 3.99987ZM15.0371 12.8638L10.1705 15.7025C10.0131 15.7945 9.83979 15.8412 9.66646 15.8412C9.49579 15.8412 9.32513 15.7958 9.16779 15.7065C8.85313 15.5265 8.66646 15.2025 8.66646 14.8398V9.16119C8.66646 8.79852 8.85446 8.47452 9.16779 8.29452C9.48246 8.11319 9.85712 8.11586 10.1691 8.29719L15.0358 11.1359C15.3464 11.3172 15.5331 11.6398 15.5331 11.9998C15.5331 12.3598 15.3491 12.6825 15.0371 12.8638Z",
|
|
@@ -3848,14 +3901,14 @@ var PlayerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
|
3848
3901
|
);
|
|
3849
3902
|
|
|
3850
3903
|
// src/components/Icon/icons/PlusIcon.tsx
|
|
3851
|
-
var
|
|
3852
|
-
var PlusIcon = (props) => /* @__PURE__ */ (0,
|
|
3904
|
+
var import_jsx_runtime110 = require("react/jsx-runtime");
|
|
3905
|
+
var PlusIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
3853
3906
|
"svg",
|
|
3854
3907
|
{
|
|
3855
3908
|
...props,
|
|
3856
3909
|
viewBox: "0 0 24 24",
|
|
3857
3910
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3858
|
-
children: /* @__PURE__ */ (0,
|
|
3911
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
3859
3912
|
"path",
|
|
3860
3913
|
{
|
|
3861
3914
|
clipRule: "evenodd",
|
|
@@ -3868,14 +3921,14 @@ var PlusIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
|
3868
3921
|
);
|
|
3869
3922
|
|
|
3870
3923
|
// src/components/Icon/icons/PodcastIcon.tsx
|
|
3871
|
-
var
|
|
3872
|
-
var PodcastIcon = (props) => /* @__PURE__ */ (0,
|
|
3924
|
+
var import_jsx_runtime111 = require("react/jsx-runtime");
|
|
3925
|
+
var PodcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
3873
3926
|
"svg",
|
|
3874
3927
|
{
|
|
3875
3928
|
...props,
|
|
3876
3929
|
viewBox: "0 0 24 24",
|
|
3877
3930
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3878
|
-
children: /* @__PURE__ */ (0,
|
|
3931
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
3879
3932
|
"path",
|
|
3880
3933
|
{
|
|
3881
3934
|
clipRule: "evenodd",
|
|
@@ -3888,14 +3941,14 @@ var PodcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
|
3888
3941
|
);
|
|
3889
3942
|
|
|
3890
3943
|
// src/components/Icon/icons/PreviewIcon.tsx
|
|
3891
|
-
var
|
|
3892
|
-
var PreviewIcon = (props) => /* @__PURE__ */ (0,
|
|
3944
|
+
var import_jsx_runtime112 = require("react/jsx-runtime");
|
|
3945
|
+
var PreviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
3893
3946
|
"svg",
|
|
3894
3947
|
{
|
|
3895
3948
|
...props,
|
|
3896
3949
|
viewBox: "0 0 24 24",
|
|
3897
3950
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3898
|
-
children: /* @__PURE__ */ (0,
|
|
3951
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
3899
3952
|
"path",
|
|
3900
3953
|
{
|
|
3901
3954
|
clipRule: "evenodd",
|
|
@@ -3908,14 +3961,14 @@ var PreviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
|
3908
3961
|
);
|
|
3909
3962
|
|
|
3910
3963
|
// src/components/Icon/icons/PrivateUserSessionsIcon.tsx
|
|
3911
|
-
var
|
|
3912
|
-
var PrivateUserSessionsIcon = (props) => /* @__PURE__ */ (0,
|
|
3964
|
+
var import_jsx_runtime113 = require("react/jsx-runtime");
|
|
3965
|
+
var PrivateUserSessionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
3913
3966
|
"svg",
|
|
3914
3967
|
{
|
|
3915
3968
|
...props,
|
|
3916
3969
|
viewBox: "0 0 24 24",
|
|
3917
3970
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3918
|
-
children: /* @__PURE__ */ (0,
|
|
3971
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
3919
3972
|
"path",
|
|
3920
3973
|
{
|
|
3921
3974
|
clipRule: "evenodd",
|
|
@@ -3928,15 +3981,15 @@ var PrivateUserSessionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime1
|
|
|
3928
3981
|
);
|
|
3929
3982
|
|
|
3930
3983
|
// src/components/Icon/icons/ProjectIcon.tsx
|
|
3931
|
-
var
|
|
3932
|
-
var ProjectIcon = (props) => /* @__PURE__ */ (0,
|
|
3984
|
+
var import_jsx_runtime114 = require("react/jsx-runtime");
|
|
3985
|
+
var ProjectIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
|
|
3933
3986
|
"svg",
|
|
3934
3987
|
{
|
|
3935
3988
|
...props,
|
|
3936
3989
|
viewBox: "0 0 24 24",
|
|
3937
3990
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3938
3991
|
children: [
|
|
3939
|
-
/* @__PURE__ */ (0,
|
|
3992
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
3940
3993
|
"path",
|
|
3941
3994
|
{
|
|
3942
3995
|
clipRule: "evenodd",
|
|
@@ -3945,7 +3998,7 @@ var ProjectIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
|
|
|
3945
3998
|
fillRule: "evenodd"
|
|
3946
3999
|
}
|
|
3947
4000
|
),
|
|
3948
|
-
/* @__PURE__ */ (0,
|
|
4001
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
3949
4002
|
"path",
|
|
3950
4003
|
{
|
|
3951
4004
|
d: "M9.95639 4.13386L8.95738 4.79867L8.95787 4.79941L9.95639 4.13386ZM12 7.19985L11.0015 7.8654C11.224 8.19929 11.5987 8.39985 12 8.39985V7.19985ZM4.8 7.19985V5.39986H2.40001V7.19985H4.8ZM4.8 5.39986C4.8 5.069 5.06914 4.79986 5.4 4.79986V2.39987C3.74366 2.39987 2.40001 3.74352 2.40001 5.39986H4.8ZM5.4 4.79986H8.95799V2.39987H5.4V4.79986ZM8.95799 4.79986C8.95808 4.79986 8.95805 4.79986 8.95807 4.79987C8.95816 4.79989 8.95836 4.79996 8.95858 4.80007C8.95903 4.80031 8.95826 4.8 8.95738 4.79867L10.9554 3.46906C10.51 2.79971 9.75864 2.39987 8.95799 2.39987V4.79986ZM8.95787 4.79941L11.0015 7.8654L12.9985 6.5343L10.9549 3.46832L8.95787 4.79941ZM12 8.39985H18.6V5.99985H12V8.39985ZM18.6 8.39985C18.9308 8.39985 19.2 8.66899 19.2 8.99984H21.6C21.6 7.34351 20.2563 5.99985 18.6 5.99985V8.39985ZM19.2 8.99984V16.7998H21.6V8.99984H19.2ZM19.2 16.7998C19.2 18.1243 18.1244 19.1998 16.8 19.1998V21.5998C19.4499 21.5998 21.6 19.4498 21.6 16.7998H19.2ZM16.8 19.1998H7.2V21.5998H16.8V19.1998ZM7.2 19.1998C5.87554 19.1998 4.8 18.1243 4.8 16.7998H2.40001C2.40001 19.4498 4.55006 21.5998 7.2 21.5998V19.1998ZM4.8 16.7998V7.19986H2.40001V16.7998H4.8ZM4.8 7.19986V7.19985H2.40001V7.19986H4.8Z",
|
|
@@ -3957,14 +4010,14 @@ var ProjectIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
|
|
|
3957
4010
|
);
|
|
3958
4011
|
|
|
3959
4012
|
// src/components/Icon/icons/PropertiesIcon.tsx
|
|
3960
|
-
var
|
|
3961
|
-
var PropertiesIcon = (props) => /* @__PURE__ */ (0,
|
|
4013
|
+
var import_jsx_runtime115 = require("react/jsx-runtime");
|
|
4014
|
+
var PropertiesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
3962
4015
|
"svg",
|
|
3963
4016
|
{
|
|
3964
4017
|
...props,
|
|
3965
4018
|
viewBox: "0 0 24 24",
|
|
3966
4019
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3967
|
-
children: /* @__PURE__ */ (0,
|
|
4020
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
3968
4021
|
"path",
|
|
3969
4022
|
{
|
|
3970
4023
|
clipRule: "evenodd",
|
|
@@ -3977,14 +4030,14 @@ var PropertiesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
|
3977
4030
|
);
|
|
3978
4031
|
|
|
3979
4032
|
// src/components/Icon/icons/QuestionMarkIcon.tsx
|
|
3980
|
-
var
|
|
3981
|
-
var QuestionMarkIcon = (props) => /* @__PURE__ */ (0,
|
|
4033
|
+
var import_jsx_runtime116 = require("react/jsx-runtime");
|
|
4034
|
+
var QuestionMarkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
3982
4035
|
"svg",
|
|
3983
4036
|
{
|
|
3984
4037
|
...props,
|
|
3985
4038
|
viewBox: "0 0 24 24",
|
|
3986
4039
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3987
|
-
children: /* @__PURE__ */ (0,
|
|
4040
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
3988
4041
|
"path",
|
|
3989
4042
|
{
|
|
3990
4043
|
d: "M11.9998 1.33321C6.11853 1.33321 1.33321 6.11853 1.33321 11.9998C1.33321 17.8812 6.11853 22.6665 11.9998 22.6665C17.8812 22.6665 22.6665 17.8812 22.6665 11.9998C22.6665 6.11853 17.8812 1.33321 11.9998 1.33321ZM11.7212 18.0892C10.9852 18.0892 10.3879 17.4905 10.3879 16.7558C10.3879 16.0212 10.9852 15.4225 11.7212 15.4225C12.4572 15.4225 13.0545 16.0212 13.0545 16.7558C13.0545 17.4905 12.4572 18.0892 11.7212 18.0892ZM13.7598 12.2865C13.1505 12.7118 12.8532 12.9412 12.7532 13.5065C12.6692 13.9918 12.2465 14.3332 11.7705 14.3332C11.7132 14.3332 11.6545 14.3292 11.5958 14.3185C11.0518 14.2225 10.6878 13.7052 10.7852 13.1598C11.0332 11.7505 11.9478 11.1119 12.6172 10.6452C13.3198 10.1545 13.5638 9.94919 13.5638 9.24652C13.5638 8.13052 12.6332 7.83586 12.1412 7.83586C11.5892 7.83586 10.5985 8.00919 10.1719 9.16919C9.98118 9.68785 9.41052 9.95319 8.88785 9.76385C8.36919 9.57319 8.10386 8.99852 8.29452 8.48119C8.90252 6.82519 10.3399 5.83586 12.1412 5.83586C13.7998 5.83586 15.5638 7.03053 15.5638 9.24652C15.5638 11.0292 14.5225 11.7558 13.7598 12.2865Z",
|
|
@@ -3995,14 +4048,14 @@ var QuestionMarkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)
|
|
|
3995
4048
|
);
|
|
3996
4049
|
|
|
3997
4050
|
// src/components/Icon/icons/ReactIcon.tsx
|
|
3998
|
-
var
|
|
3999
|
-
var ReactIcon = (props) => /* @__PURE__ */ (0,
|
|
4051
|
+
var import_jsx_runtime117 = require("react/jsx-runtime");
|
|
4052
|
+
var ReactIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
4000
4053
|
"svg",
|
|
4001
4054
|
{
|
|
4002
4055
|
...props,
|
|
4003
4056
|
viewBox: "0 0 24 24",
|
|
4004
4057
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4005
|
-
children: /* @__PURE__ */ (0,
|
|
4058
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
4006
4059
|
"path",
|
|
4007
4060
|
{
|
|
4008
4061
|
d: "M11.9998 1.33321C6.11847 1.33321 1.33315 6.11853 1.33315 11.9998C1.33315 17.8812 6.11847 22.6665 11.9998 22.6665C17.8811 22.6665 22.6664 17.8812 22.6664 11.9998C22.6664 6.11853 17.8811 1.33321 11.9998 1.33321ZM6.66647 10.6665C6.66647 9.93052 7.2638 9.33319 7.9998 9.33319C8.73579 9.33319 9.33313 9.93052 9.33313 10.6665C9.33313 11.4025 8.73579 11.9998 7.9998 11.9998C7.2638 11.9998 6.66647 11.4025 6.66647 10.6665ZM11.9998 18.6665C9.95846 18.6665 8.18779 17.1465 7.88113 15.1318C7.8358 14.8372 7.93313 14.5398 8.13846 14.3345C8.33979 14.1345 8.61579 14.0452 8.90113 14.0878C10.9358 14.4078 13.0424 14.4078 15.0851 14.0892C15.3744 14.0465 15.6558 14.1372 15.8624 14.3412C16.0664 14.5452 16.1624 14.8385 16.1184 15.1265C15.8131 17.1438 14.0424 18.6652 11.9998 18.6652V18.6665ZM15.9998 11.9998C15.2638 11.9998 14.6664 11.4025 14.6664 10.6665C14.6664 9.93052 15.2638 9.33319 15.9998 9.33319C16.7358 9.33319 17.3331 9.93052 17.3331 10.6665C17.3331 11.4025 16.7358 11.9998 15.9998 11.9998Z",
|
|
@@ -4013,14 +4066,14 @@ var ReactIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
|
4013
4066
|
);
|
|
4014
4067
|
|
|
4015
4068
|
// src/components/Icon/icons/RecordIcon.tsx
|
|
4016
|
-
var
|
|
4017
|
-
var RecordIcon = (props) => /* @__PURE__ */ (0,
|
|
4069
|
+
var import_jsx_runtime118 = require("react/jsx-runtime");
|
|
4070
|
+
var RecordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
4018
4071
|
"svg",
|
|
4019
4072
|
{
|
|
4020
4073
|
...props,
|
|
4021
4074
|
viewBox: "0 0 24 24",
|
|
4022
4075
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4023
|
-
children: /* @__PURE__ */ (0,
|
|
4076
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
4024
4077
|
"path",
|
|
4025
4078
|
{
|
|
4026
4079
|
clipRule: "evenodd",
|
|
@@ -4033,14 +4086,14 @@ var RecordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
|
4033
4086
|
);
|
|
4034
4087
|
|
|
4035
4088
|
// src/components/Icon/icons/RedoIcon.tsx
|
|
4036
|
-
var
|
|
4037
|
-
var RedoIcon = (props) => /* @__PURE__ */ (0,
|
|
4089
|
+
var import_jsx_runtime119 = require("react/jsx-runtime");
|
|
4090
|
+
var RedoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
4038
4091
|
"svg",
|
|
4039
4092
|
{
|
|
4040
4093
|
...props,
|
|
4041
4094
|
viewBox: "0 0 24 24",
|
|
4042
4095
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4043
|
-
children: /* @__PURE__ */ (0,
|
|
4096
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
4044
4097
|
"path",
|
|
4045
4098
|
{
|
|
4046
4099
|
clipRule: "evenodd",
|
|
@@ -4053,14 +4106,14 @@ var RedoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
|
4053
4106
|
);
|
|
4054
4107
|
|
|
4055
4108
|
// src/components/Icon/icons/ReplaceIcon.tsx
|
|
4056
|
-
var
|
|
4057
|
-
var ReplaceIcon = (props) => /* @__PURE__ */ (0,
|
|
4109
|
+
var import_jsx_runtime120 = require("react/jsx-runtime");
|
|
4110
|
+
var ReplaceIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
4058
4111
|
"svg",
|
|
4059
4112
|
{
|
|
4060
4113
|
...props,
|
|
4061
4114
|
viewBox: "0 0 24 24",
|
|
4062
4115
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4063
|
-
children: /* @__PURE__ */ (0,
|
|
4116
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
4064
4117
|
"path",
|
|
4065
4118
|
{
|
|
4066
4119
|
clipRule: "evenodd",
|
|
@@ -4073,14 +4126,14 @@ var ReplaceIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
|
4073
4126
|
);
|
|
4074
4127
|
|
|
4075
4128
|
// src/components/Icon/icons/ReplyIcon.tsx
|
|
4076
|
-
var
|
|
4077
|
-
var ReplyIcon = (props) => /* @__PURE__ */ (0,
|
|
4129
|
+
var import_jsx_runtime121 = require("react/jsx-runtime");
|
|
4130
|
+
var ReplyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
4078
4131
|
"svg",
|
|
4079
4132
|
{
|
|
4080
4133
|
...props,
|
|
4081
4134
|
viewBox: "0 0 24 24",
|
|
4082
4135
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4083
|
-
children: /* @__PURE__ */ (0,
|
|
4136
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
4084
4137
|
"path",
|
|
4085
4138
|
{
|
|
4086
4139
|
clipRule: "evenodd",
|
|
@@ -4093,14 +4146,14 @@ var ReplyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
|
4093
4146
|
);
|
|
4094
4147
|
|
|
4095
4148
|
// src/components/Icon/icons/SaveAsCopyIcon.tsx
|
|
4096
|
-
var
|
|
4097
|
-
var SaveAsCopyIcon = (props) => /* @__PURE__ */ (0,
|
|
4149
|
+
var import_jsx_runtime122 = require("react/jsx-runtime");
|
|
4150
|
+
var SaveAsCopyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
4098
4151
|
"svg",
|
|
4099
4152
|
{
|
|
4100
4153
|
...props,
|
|
4101
4154
|
viewBox: "0 0 24 24",
|
|
4102
4155
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4103
|
-
children: /* @__PURE__ */ (0,
|
|
4156
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
4104
4157
|
"path",
|
|
4105
4158
|
{
|
|
4106
4159
|
clipRule: "evenodd",
|
|
@@ -4113,14 +4166,14 @@ var SaveAsCopyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
|
4113
4166
|
);
|
|
4114
4167
|
|
|
4115
4168
|
// src/components/Icon/icons/SaveIcon.tsx
|
|
4116
|
-
var
|
|
4117
|
-
var SaveIcon = (props) => /* @__PURE__ */ (0,
|
|
4169
|
+
var import_jsx_runtime123 = require("react/jsx-runtime");
|
|
4170
|
+
var SaveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
4118
4171
|
"svg",
|
|
4119
4172
|
{
|
|
4120
4173
|
...props,
|
|
4121
4174
|
viewBox: "0 0 24 24",
|
|
4122
4175
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4123
|
-
children: /* @__PURE__ */ (0,
|
|
4176
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
4124
4177
|
"path",
|
|
4125
4178
|
{
|
|
4126
4179
|
d: "M21.3155 6.5692L17.4301 2.68387C16.9888 2.24254 16.4035 1.99987 15.7808 1.99987H5.87949C3.74083 1.99987 1.9995 3.7412 1.9995 5.87986V18.1198C1.9995 20.2585 3.74083 21.9998 5.87949 21.9998H18.1195C20.2581 21.9998 21.9995 20.2585 21.9995 18.1198V8.21852C21.9995 7.59586 21.7568 7.00919 21.3155 6.5692ZM6.66616 3.99987H14.6661V6.66653C14.6661 7.39986 14.0661 7.99986 13.3328 7.99986H7.99949C7.26616 7.99986 6.66616 7.39986 6.66616 6.66653V3.99987ZM17.3328 19.9998H6.66616V14.6665C6.66616 13.9332 7.26616 13.3332 7.99949 13.3332H15.9995C16.7328 13.3332 17.3328 13.9332 17.3328 14.6665V19.9998Z",
|
|
@@ -4131,14 +4184,14 @@ var SaveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
|
4131
4184
|
);
|
|
4132
4185
|
|
|
4133
4186
|
// src/components/Icon/icons/ScissorsIcon.tsx
|
|
4134
|
-
var
|
|
4135
|
-
var ScissorsIcon = (props) => /* @__PURE__ */ (0,
|
|
4187
|
+
var import_jsx_runtime124 = require("react/jsx-runtime");
|
|
4188
|
+
var ScissorsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
4136
4189
|
"svg",
|
|
4137
4190
|
{
|
|
4138
4191
|
...props,
|
|
4139
4192
|
viewBox: "0 0 24 24",
|
|
4140
4193
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4141
|
-
children: /* @__PURE__ */ (0,
|
|
4194
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
4142
4195
|
"path",
|
|
4143
4196
|
{
|
|
4144
4197
|
d: "M8.03042 13.6605C7.73535 14.0006 7.25074 14.0917 6.8028 14.0461C6.54217 14.0195 6.27019 14.0236 5.96972 14.0236C3.76414 14.0236 2.01959 16.1038 1.97773 18.0156C1.93586 19.9273 3.23259 22.2035 5.96972 22.0076C8.70686 21.8116 9.96172 20.2211 9.96172 18.0156C9.96172 17.6742 9.91811 17.3462 9.83672 17.0336C9.73128 16.6286 9.79891 16.1824 10.0948 15.8865L11.2506 14.7307C11.6411 14.3401 12.2743 14.3401 12.6648 14.7307L13.8206 15.8865C14.1165 16.1824 14.1841 16.6286 14.0787 17.0336C13.9973 17.3462 13.9537 17.6742 13.9537 18.0156C13.9537 20.2211 15.1616 22.1277 17.9457 22.0076C20.1138 22.0076 21.8769 20.2813 21.9362 18.1275C21.9382 18.0533 21.9472 17.9794 21.9583 17.906C22.2072 16.2536 19.8847 13.8188 17.9457 14.0236C17.606 14.0236 17.2796 14.0667 16.9684 14.1474C16.561 14.2529 16.1121 14.1834 15.8164 13.8839L15.5341 13.5979C15.1988 13.2583 15.1485 12.7314 15.4153 12.3357C16.7051 10.4232 20.3129 5.04458 20.9214 3.82741C21.5171 2.63608 20.8216 2.27428 20.5213 2.17749C20.4397 2.15115 20.3538 2.15005 20.2692 2.16438C19.9626 2.21628 19.1552 2.39484 18.4294 2.91739C17.5596 3.54369 11.1772 10.0335 8.03042 13.6605ZM7.96572 18.0156C7.96572 19.1134 7.62753 20.2005 5.93739 20.2918C4.24725 20.3831 4.00273 19.3194 3.97372 18.0156C3.94472 16.7117 4.78907 16.3065 5.90361 16.2727C7.01816 16.2389 7.96572 16.9178 7.96572 18.0156ZM19.5954 17.9155C19.5954 19.0133 18.9851 19.6891 17.8773 19.6891C16.7695 19.6891 16.2146 19.1796 16.2146 18.0818C16.2146 16.984 16.7141 16.3637 17.8219 16.3637C18.9297 16.3637 19.5954 16.8177 19.5954 17.9155ZM3.59453 4.26526C3.95765 4.87977 7.97772 9.95022 8.7319 10.3133C9.48608 10.6765 11.7442 7.95976 11.3532 7.17765C10.9621 6.39553 4.78187 2.23266 3.97372 2.04758C3.45763 1.92939 3.19544 2.20587 3.07334 2.42113C2.99439 2.56032 2.99979 2.7259 3.0443 2.87961C3.14116 3.21412 3.3405 3.83537 3.59453 4.26526Z",
|
|
@@ -4149,14 +4202,14 @@ var ScissorsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
|
4149
4202
|
);
|
|
4150
4203
|
|
|
4151
4204
|
// src/components/Icon/icons/ScreenshareOffIcon.tsx
|
|
4152
|
-
var
|
|
4153
|
-
var ScreenshareOffIcon = (props) => /* @__PURE__ */ (0,
|
|
4205
|
+
var import_jsx_runtime125 = require("react/jsx-runtime");
|
|
4206
|
+
var ScreenshareOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
4154
4207
|
"svg",
|
|
4155
4208
|
{
|
|
4156
4209
|
...props,
|
|
4157
4210
|
viewBox: "0 0 24 24",
|
|
4158
4211
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4159
|
-
children: /* @__PURE__ */ (0,
|
|
4212
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
4160
4213
|
"path",
|
|
4161
4214
|
{
|
|
4162
4215
|
clipRule: "evenodd",
|
|
@@ -4169,14 +4222,14 @@ var ScreenshareOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime124.js
|
|
|
4169
4222
|
);
|
|
4170
4223
|
|
|
4171
4224
|
// src/components/Icon/icons/ScreenshareOnIcon.tsx
|
|
4172
|
-
var
|
|
4173
|
-
var ScreenshareOnIcon = (props) => /* @__PURE__ */ (0,
|
|
4225
|
+
var import_jsx_runtime126 = require("react/jsx-runtime");
|
|
4226
|
+
var ScreenshareOnIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
4174
4227
|
"svg",
|
|
4175
4228
|
{
|
|
4176
4229
|
...props,
|
|
4177
4230
|
viewBox: "0 0 24 24",
|
|
4178
4231
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4179
|
-
children: /* @__PURE__ */ (0,
|
|
4232
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
4180
4233
|
"path",
|
|
4181
4234
|
{
|
|
4182
4235
|
clipRule: "evenodd",
|
|
@@ -4189,14 +4242,14 @@ var ScreenshareOnIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx
|
|
|
4189
4242
|
);
|
|
4190
4243
|
|
|
4191
4244
|
// src/components/Icon/icons/SearchIcon.tsx
|
|
4192
|
-
var
|
|
4193
|
-
var SearchIcon = (props) => /* @__PURE__ */ (0,
|
|
4245
|
+
var import_jsx_runtime127 = require("react/jsx-runtime");
|
|
4246
|
+
var SearchIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
4194
4247
|
"svg",
|
|
4195
4248
|
{
|
|
4196
4249
|
...props,
|
|
4197
4250
|
viewBox: "0 0 24 24",
|
|
4198
4251
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4199
|
-
children: /* @__PURE__ */ (0,
|
|
4252
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
4200
4253
|
"path",
|
|
4201
4254
|
{
|
|
4202
4255
|
clipRule: "evenodd",
|
|
@@ -4209,14 +4262,14 @@ var SearchIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
|
4209
4262
|
);
|
|
4210
4263
|
|
|
4211
4264
|
// src/components/Icon/icons/SendIcon.tsx
|
|
4212
|
-
var
|
|
4213
|
-
var SendIcon = (props) => /* @__PURE__ */ (0,
|
|
4265
|
+
var import_jsx_runtime128 = require("react/jsx-runtime");
|
|
4266
|
+
var SendIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
4214
4267
|
"svg",
|
|
4215
4268
|
{
|
|
4216
4269
|
...props,
|
|
4217
4270
|
viewBox: "0 0 24 24",
|
|
4218
4271
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4219
|
-
children: /* @__PURE__ */ (0,
|
|
4272
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
4220
4273
|
"path",
|
|
4221
4274
|
{
|
|
4222
4275
|
d: "M21.0892 10.5011L5.8012 2.56248C5.1972 2.25048 4.47187 2.32915 3.94787 2.75981C3.4252 3.19181 3.21187 3.89181 3.40387 4.54114L5.3172 10.9998H11.8478C12.3998 10.9998 12.8478 11.4478 12.8478 11.9998C12.8478 12.5518 12.3998 12.9998 11.8478 12.9998H5.3172L3.40387 19.4584C3.21054 20.1091 3.4252 20.8078 3.94787 21.2398C4.2572 21.4944 4.63853 21.6264 5.02253 21.6264C5.28787 21.6264 5.55453 21.5638 5.8012 21.4358L21.0892 13.4971C21.6505 13.2051 21.9998 12.6318 21.9998 11.9985C21.9998 11.3651 21.6505 10.7931 21.0892 10.5011Z",
|
|
@@ -4227,14 +4280,14 @@ var SendIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
|
4227
4280
|
);
|
|
4228
4281
|
|
|
4229
4282
|
// src/components/Icon/icons/ShapesIcon.tsx
|
|
4230
|
-
var
|
|
4231
|
-
var ShapesIcon = (props) => /* @__PURE__ */ (0,
|
|
4283
|
+
var import_jsx_runtime129 = require("react/jsx-runtime");
|
|
4284
|
+
var ShapesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
4232
4285
|
"svg",
|
|
4233
4286
|
{
|
|
4234
4287
|
...props,
|
|
4235
4288
|
viewBox: "0 0 24 24",
|
|
4236
4289
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4237
|
-
children: /* @__PURE__ */ (0,
|
|
4290
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
4238
4291
|
"path",
|
|
4239
4292
|
{
|
|
4240
4293
|
clipRule: "evenodd",
|
|
@@ -4247,14 +4300,14 @@ var ShapesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
|
4247
4300
|
);
|
|
4248
4301
|
|
|
4249
4302
|
// src/components/Icon/icons/ShareIcon.tsx
|
|
4250
|
-
var
|
|
4251
|
-
var ShareIcon = (props) => /* @__PURE__ */ (0,
|
|
4303
|
+
var import_jsx_runtime130 = require("react/jsx-runtime");
|
|
4304
|
+
var ShareIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
4252
4305
|
"svg",
|
|
4253
4306
|
{
|
|
4254
4307
|
...props,
|
|
4255
4308
|
viewBox: "0 0 24 24",
|
|
4256
4309
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4257
|
-
children: /* @__PURE__ */ (0,
|
|
4310
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
4258
4311
|
"path",
|
|
4259
4312
|
{
|
|
4260
4313
|
clipRule: "evenodd",
|
|
@@ -4267,14 +4320,14 @@ var ShareIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
|
4267
4320
|
);
|
|
4268
4321
|
|
|
4269
4322
|
// src/components/Icon/icons/SharingPermissionsIcon.tsx
|
|
4270
|
-
var
|
|
4271
|
-
var SharingPermissionsIcon = (props) => /* @__PURE__ */ (0,
|
|
4323
|
+
var import_jsx_runtime131 = require("react/jsx-runtime");
|
|
4324
|
+
var SharingPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
4272
4325
|
"svg",
|
|
4273
4326
|
{
|
|
4274
4327
|
...props,
|
|
4275
4328
|
viewBox: "0 0 24 24",
|
|
4276
4329
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4277
|
-
children: /* @__PURE__ */ (0,
|
|
4330
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
4278
4331
|
"path",
|
|
4279
4332
|
{
|
|
4280
4333
|
clipRule: "evenodd",
|
|
@@ -4287,14 +4340,14 @@ var SharingPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime13
|
|
|
4287
4340
|
);
|
|
4288
4341
|
|
|
4289
4342
|
// src/components/Icon/icons/SimulcastIcon.tsx
|
|
4290
|
-
var
|
|
4291
|
-
var SimulcastIcon = (props) => /* @__PURE__ */ (0,
|
|
4343
|
+
var import_jsx_runtime132 = require("react/jsx-runtime");
|
|
4344
|
+
var SimulcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
4292
4345
|
"svg",
|
|
4293
4346
|
{
|
|
4294
4347
|
...props,
|
|
4295
4348
|
viewBox: "0 0 24 24",
|
|
4296
4349
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4297
|
-
children: /* @__PURE__ */ (0,
|
|
4350
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
4298
4351
|
"path",
|
|
4299
4352
|
{
|
|
4300
4353
|
clipRule: "evenodd",
|
|
@@ -4307,14 +4360,14 @@ var SimulcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
|
4307
4360
|
);
|
|
4308
4361
|
|
|
4309
4362
|
// src/components/Icon/icons/SortIcon.tsx
|
|
4310
|
-
var
|
|
4311
|
-
var SortIcon = (props) => /* @__PURE__ */ (0,
|
|
4363
|
+
var import_jsx_runtime133 = require("react/jsx-runtime");
|
|
4364
|
+
var SortIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
4312
4365
|
"svg",
|
|
4313
4366
|
{
|
|
4314
4367
|
...props,
|
|
4315
4368
|
viewBox: "0 0 24 24",
|
|
4316
4369
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4317
|
-
children: /* @__PURE__ */ (0,
|
|
4370
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
4318
4371
|
"path",
|
|
4319
4372
|
{
|
|
4320
4373
|
clipRule: "evenodd",
|
|
@@ -4327,14 +4380,14 @@ var SortIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
|
4327
4380
|
);
|
|
4328
4381
|
|
|
4329
4382
|
// src/components/Icon/icons/SparkleIcon.tsx
|
|
4330
|
-
var
|
|
4331
|
-
var SparkleIcon = (props) => /* @__PURE__ */ (0,
|
|
4383
|
+
var import_jsx_runtime134 = require("react/jsx-runtime");
|
|
4384
|
+
var SparkleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
4332
4385
|
"svg",
|
|
4333
4386
|
{
|
|
4334
4387
|
...props,
|
|
4335
4388
|
viewBox: "0 0 24 24",
|
|
4336
4389
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4337
|
-
children: /* @__PURE__ */ (0,
|
|
4390
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
4338
4391
|
"path",
|
|
4339
4392
|
{
|
|
4340
4393
|
clipRule: "evenodd",
|
|
@@ -4347,34 +4400,47 @@ var SparkleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
|
4347
4400
|
);
|
|
4348
4401
|
|
|
4349
4402
|
// src/components/Icon/icons/SpinnerIcon.tsx
|
|
4350
|
-
var
|
|
4351
|
-
var SpinnerIcon = (props) => /* @__PURE__ */ (0,
|
|
4403
|
+
var import_jsx_runtime135 = require("react/jsx-runtime");
|
|
4404
|
+
var SpinnerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
|
|
4352
4405
|
"svg",
|
|
4353
4406
|
{
|
|
4354
4407
|
...props,
|
|
4355
4408
|
viewBox: "0 0 24 24",
|
|
4356
4409
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4357
|
-
children:
|
|
4358
|
-
|
|
4359
|
-
|
|
4360
|
-
|
|
4361
|
-
|
|
4362
|
-
|
|
4363
|
-
|
|
4364
|
-
|
|
4365
|
-
|
|
4410
|
+
children: [
|
|
4411
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
4412
|
+
"path",
|
|
4413
|
+
{
|
|
4414
|
+
clipRule: "evenodd",
|
|
4415
|
+
d: "M11.9999 5.33314C8.31802 5.33314 5.33326 8.31788 5.33326 11.9998C5.33326 15.6817 8.31802 18.6664 11.9999 18.6664C15.6818 18.6664 18.6666 15.6817 18.6666 11.9998C18.6666 11.0793 19.4127 10.3331 20.3332 10.3331C21.2537 10.3331 21.9999 11.0793 21.9999 11.9998C21.9999 17.5226 17.5227 21.9998 11.9999 21.9998C6.47708 21.9998 1.99994 17.5226 1.99994 11.9998C1.99994 6.47697 6.47708 1.99981 11.9999 1.99981C12.9204 1.99981 13.6666 2.74598 13.6666 3.66647C13.6666 4.58697 12.9204 5.33314 11.9999 5.33314Z",
|
|
4416
|
+
fill: "currentColor",
|
|
4417
|
+
fillRule: "evenodd"
|
|
4418
|
+
}
|
|
4419
|
+
),
|
|
4420
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
4421
|
+
"animateTransform",
|
|
4422
|
+
{
|
|
4423
|
+
attributeName: "transform",
|
|
4424
|
+
dur: "1.5s",
|
|
4425
|
+
keyTimes: "0;1",
|
|
4426
|
+
repeatCount: "indefinite",
|
|
4427
|
+
type: "rotate",
|
|
4428
|
+
values: "0 0 0;360 0 0"
|
|
4429
|
+
}
|
|
4430
|
+
)
|
|
4431
|
+
]
|
|
4366
4432
|
}
|
|
4367
4433
|
);
|
|
4368
4434
|
|
|
4369
4435
|
// src/components/Icon/icons/StatsIcon.tsx
|
|
4370
|
-
var
|
|
4371
|
-
var StatsIcon = (props) => /* @__PURE__ */ (0,
|
|
4436
|
+
var import_jsx_runtime136 = require("react/jsx-runtime");
|
|
4437
|
+
var StatsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
4372
4438
|
"svg",
|
|
4373
4439
|
{
|
|
4374
4440
|
...props,
|
|
4375
4441
|
viewBox: "0 0 24 24",
|
|
4376
4442
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4377
|
-
children: /* @__PURE__ */ (0,
|
|
4443
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
4378
4444
|
"path",
|
|
4379
4445
|
{
|
|
4380
4446
|
clipRule: "evenodd",
|
|
@@ -4387,14 +4453,14 @@ var StatsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
|
4387
4453
|
);
|
|
4388
4454
|
|
|
4389
4455
|
// src/components/Icon/icons/SwitchAccountsIcon.tsx
|
|
4390
|
-
var
|
|
4391
|
-
var SwitchAccountsIcon = (props) => /* @__PURE__ */ (0,
|
|
4456
|
+
var import_jsx_runtime137 = require("react/jsx-runtime");
|
|
4457
|
+
var SwitchAccountsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
|
|
4392
4458
|
"svg",
|
|
4393
4459
|
{
|
|
4394
4460
|
...props,
|
|
4395
4461
|
viewBox: "0 0 24 24",
|
|
4396
4462
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4397
|
-
children: /* @__PURE__ */ (0,
|
|
4463
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
|
|
4398
4464
|
"path",
|
|
4399
4465
|
{
|
|
4400
4466
|
clipRule: "evenodd",
|
|
@@ -4407,14 +4473,14 @@ var SwitchAccountsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime136.js
|
|
|
4407
4473
|
);
|
|
4408
4474
|
|
|
4409
4475
|
// src/components/Icon/icons/TagIcon.tsx
|
|
4410
|
-
var
|
|
4411
|
-
var TagIcon = (props) => /* @__PURE__ */ (0,
|
|
4476
|
+
var import_jsx_runtime138 = require("react/jsx-runtime");
|
|
4477
|
+
var TagIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
4412
4478
|
"svg",
|
|
4413
4479
|
{
|
|
4414
4480
|
...props,
|
|
4415
4481
|
viewBox: "0 0 24 24",
|
|
4416
4482
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4417
|
-
children: /* @__PURE__ */ (0,
|
|
4483
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
4418
4484
|
"path",
|
|
4419
4485
|
{
|
|
4420
4486
|
d: "M16.3331 1.33315H7.66641C5.64374 1.33315 3.99975 2.97714 3.99975 4.9998V21.6664C3.99975 22.0344 4.20241 22.3744 4.52775 22.5478C4.85308 22.7224 5.24775 22.7038 5.55441 22.4984L11.9997 18.2011L18.445 22.4984C18.6117 22.6091 18.8064 22.6664 18.9997 22.6664C19.1624 22.6664 19.3237 22.6278 19.4717 22.5478C19.797 22.3744 19.9997 22.0344 19.9997 21.6664V4.9998C19.9997 2.97714 18.3557 1.33315 16.3331 1.33315Z",
|
|
@@ -4425,14 +4491,14 @@ var TagIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
|
|
|
4425
4491
|
);
|
|
4426
4492
|
|
|
4427
4493
|
// src/components/Icon/icons/ThumbnailIcon.tsx
|
|
4428
|
-
var
|
|
4429
|
-
var ThumbnailIcon = (props) => /* @__PURE__ */ (0,
|
|
4494
|
+
var import_jsx_runtime139 = require("react/jsx-runtime");
|
|
4495
|
+
var ThumbnailIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
4430
4496
|
"svg",
|
|
4431
4497
|
{
|
|
4432
4498
|
...props,
|
|
4433
4499
|
viewBox: "0 0 24 24",
|
|
4434
4500
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4435
|
-
children: /* @__PURE__ */ (0,
|
|
4501
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
4436
4502
|
"path",
|
|
4437
4503
|
{
|
|
4438
4504
|
clipRule: "evenodd",
|
|
@@ -4445,14 +4511,14 @@ var ThumbnailIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
|
4445
4511
|
);
|
|
4446
4512
|
|
|
4447
4513
|
// src/components/Icon/icons/ThumbsDownIcon.tsx
|
|
4448
|
-
var
|
|
4449
|
-
var ThumbsDownIcon = (props) => /* @__PURE__ */ (0,
|
|
4514
|
+
var import_jsx_runtime140 = require("react/jsx-runtime");
|
|
4515
|
+
var ThumbsDownIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
4450
4516
|
"svg",
|
|
4451
4517
|
{
|
|
4452
4518
|
...props,
|
|
4453
4519
|
viewBox: "0 0 24 24",
|
|
4454
4520
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4455
|
-
children: /* @__PURE__ */ (0,
|
|
4521
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
4456
4522
|
"path",
|
|
4457
4523
|
{
|
|
4458
4524
|
clipRule: "evenodd",
|
|
@@ -4465,14 +4531,14 @@ var ThumbsDownIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
|
4465
4531
|
);
|
|
4466
4532
|
|
|
4467
4533
|
// src/components/Icon/icons/ThumbsUpIcon.tsx
|
|
4468
|
-
var
|
|
4469
|
-
var ThumbsUpIcon = (props) => /* @__PURE__ */ (0,
|
|
4534
|
+
var import_jsx_runtime141 = require("react/jsx-runtime");
|
|
4535
|
+
var ThumbsUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
4470
4536
|
"svg",
|
|
4471
4537
|
{
|
|
4472
4538
|
...props,
|
|
4473
4539
|
viewBox: "0 0 24 24",
|
|
4474
4540
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4475
|
-
children: /* @__PURE__ */ (0,
|
|
4541
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
4476
4542
|
"path",
|
|
4477
4543
|
{
|
|
4478
4544
|
clipRule: "evenodd",
|
|
@@ -4485,14 +4551,14 @@ var ThumbsUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
|
4485
4551
|
);
|
|
4486
4552
|
|
|
4487
4553
|
// src/components/Icon/icons/TransitionsIcon.tsx
|
|
4488
|
-
var
|
|
4489
|
-
var TransitionsIcon = (props) => /* @__PURE__ */ (0,
|
|
4554
|
+
var import_jsx_runtime142 = require("react/jsx-runtime");
|
|
4555
|
+
var TransitionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
4490
4556
|
"svg",
|
|
4491
4557
|
{
|
|
4492
4558
|
...props,
|
|
4493
4559
|
viewBox: "0 0 24 24",
|
|
4494
4560
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4495
|
-
children: /* @__PURE__ */ (0,
|
|
4561
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
4496
4562
|
"path",
|
|
4497
4563
|
{
|
|
4498
4564
|
clipRule: "evenodd",
|
|
@@ -4505,14 +4571,14 @@ var TransitionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
|
4505
4571
|
);
|
|
4506
4572
|
|
|
4507
4573
|
// src/components/Icon/icons/TrimIcon.tsx
|
|
4508
|
-
var
|
|
4509
|
-
var TrimIcon = (props) => /* @__PURE__ */ (0,
|
|
4574
|
+
var import_jsx_runtime143 = require("react/jsx-runtime");
|
|
4575
|
+
var TrimIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
4510
4576
|
"svg",
|
|
4511
4577
|
{
|
|
4512
4578
|
...props,
|
|
4513
4579
|
viewBox: "0 0 24 24",
|
|
4514
4580
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4515
|
-
children: /* @__PURE__ */ (0,
|
|
4581
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
4516
4582
|
"path",
|
|
4517
4583
|
{
|
|
4518
4584
|
clipRule: "evenodd",
|
|
@@ -4525,14 +4591,14 @@ var TrimIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
|
4525
4591
|
);
|
|
4526
4592
|
|
|
4527
4593
|
// src/components/Icon/icons/TurnstileIcon.tsx
|
|
4528
|
-
var
|
|
4529
|
-
var TurnstileIcon = (props) => /* @__PURE__ */ (0,
|
|
4594
|
+
var import_jsx_runtime144 = require("react/jsx-runtime");
|
|
4595
|
+
var TurnstileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
4530
4596
|
"svg",
|
|
4531
4597
|
{
|
|
4532
4598
|
...props,
|
|
4533
4599
|
viewBox: "0 0 24 24",
|
|
4534
4600
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4535
|
-
children: /* @__PURE__ */ (0,
|
|
4601
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
4536
4602
|
"path",
|
|
4537
4603
|
{
|
|
4538
4604
|
clipRule: "evenodd",
|
|
@@ -4545,14 +4611,14 @@ var TurnstileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
|
4545
4611
|
);
|
|
4546
4612
|
|
|
4547
4613
|
// src/components/Icon/icons/UndoIcon.tsx
|
|
4548
|
-
var
|
|
4549
|
-
var UndoIcon = (props) => /* @__PURE__ */ (0,
|
|
4614
|
+
var import_jsx_runtime145 = require("react/jsx-runtime");
|
|
4615
|
+
var UndoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
|
|
4550
4616
|
"svg",
|
|
4551
4617
|
{
|
|
4552
4618
|
...props,
|
|
4553
4619
|
viewBox: "0 0 24 24",
|
|
4554
4620
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4555
|
-
children: /* @__PURE__ */ (0,
|
|
4621
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
|
|
4556
4622
|
"path",
|
|
4557
4623
|
{
|
|
4558
4624
|
clipRule: "evenodd",
|
|
@@ -4565,14 +4631,14 @@ var UndoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
|
4565
4631
|
);
|
|
4566
4632
|
|
|
4567
4633
|
// src/components/Icon/icons/UnlockIcon.tsx
|
|
4568
|
-
var
|
|
4569
|
-
var UnlockIcon = (props) => /* @__PURE__ */ (0,
|
|
4634
|
+
var import_jsx_runtime146 = require("react/jsx-runtime");
|
|
4635
|
+
var UnlockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
4570
4636
|
"svg",
|
|
4571
4637
|
{
|
|
4572
4638
|
...props,
|
|
4573
4639
|
viewBox: "0 0 24 24",
|
|
4574
4640
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4575
|
-
children: /* @__PURE__ */ (0,
|
|
4641
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
4576
4642
|
"path",
|
|
4577
4643
|
{
|
|
4578
4644
|
clipRule: "evenodd",
|
|
@@ -4585,14 +4651,14 @@ var UnlockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
|
|
|
4585
4651
|
);
|
|
4586
4652
|
|
|
4587
4653
|
// src/components/Icon/icons/UploadIcon.tsx
|
|
4588
|
-
var
|
|
4589
|
-
var UploadIcon = (props) => /* @__PURE__ */ (0,
|
|
4654
|
+
var import_jsx_runtime147 = require("react/jsx-runtime");
|
|
4655
|
+
var UploadIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
|
|
4590
4656
|
"svg",
|
|
4591
4657
|
{
|
|
4592
4658
|
...props,
|
|
4593
4659
|
viewBox: "0 0 24 24",
|
|
4594
4660
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4595
|
-
children: /* @__PURE__ */ (0,
|
|
4661
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
|
|
4596
4662
|
"path",
|
|
4597
4663
|
{
|
|
4598
4664
|
clipRule: "evenodd",
|
|
@@ -4605,14 +4671,14 @@ var UploadIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
|
4605
4671
|
);
|
|
4606
4672
|
|
|
4607
4673
|
// src/components/Icon/icons/UsersPermissionsIcon.tsx
|
|
4608
|
-
var
|
|
4609
|
-
var UsersPermissionsIcon = (props) => /* @__PURE__ */ (0,
|
|
4674
|
+
var import_jsx_runtime148 = require("react/jsx-runtime");
|
|
4675
|
+
var UsersPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
|
|
4610
4676
|
"svg",
|
|
4611
4677
|
{
|
|
4612
4678
|
...props,
|
|
4613
4679
|
viewBox: "0 0 24 24",
|
|
4614
4680
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4615
|
-
children: /* @__PURE__ */ (0,
|
|
4681
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
|
|
4616
4682
|
"path",
|
|
4617
4683
|
{
|
|
4618
4684
|
clipRule: "evenodd",
|
|
@@ -4625,14 +4691,14 @@ var UsersPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime147.
|
|
|
4625
4691
|
);
|
|
4626
4692
|
|
|
4627
4693
|
// src/components/Icon/icons/ViewStreamIcon.tsx
|
|
4628
|
-
var
|
|
4629
|
-
var ViewStreamIcon = (props) => /* @__PURE__ */ (0,
|
|
4694
|
+
var import_jsx_runtime149 = require("react/jsx-runtime");
|
|
4695
|
+
var ViewStreamIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
|
|
4630
4696
|
"svg",
|
|
4631
4697
|
{
|
|
4632
4698
|
...props,
|
|
4633
4699
|
viewBox: "0 0 24 24",
|
|
4634
4700
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4635
|
-
children: /* @__PURE__ */ (0,
|
|
4701
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
|
|
4636
4702
|
"path",
|
|
4637
4703
|
{
|
|
4638
4704
|
clipRule: "evenodd",
|
|
@@ -4645,14 +4711,14 @@ var ViewStreamIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
|
|
|
4645
4711
|
);
|
|
4646
4712
|
|
|
4647
4713
|
// src/components/Icon/icons/VolumeIcon.tsx
|
|
4648
|
-
var
|
|
4649
|
-
var VolumeIcon = (props) => /* @__PURE__ */ (0,
|
|
4714
|
+
var import_jsx_runtime150 = require("react/jsx-runtime");
|
|
4715
|
+
var VolumeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
|
|
4650
4716
|
"svg",
|
|
4651
4717
|
{
|
|
4652
4718
|
...props,
|
|
4653
4719
|
viewBox: "0 0 24 24",
|
|
4654
4720
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4655
|
-
children: /* @__PURE__ */ (0,
|
|
4721
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
|
|
4656
4722
|
"path",
|
|
4657
4723
|
{
|
|
4658
4724
|
d: "M19.133 2.08909C18.5996 1.79709 17.9476 1.81843 17.4356 2.14776L10.3756 6.66643H5.66763C4.01297 6.66643 2.66763 8.01176 2.66763 9.66643V14.3331C2.66763 15.9878 4.01297 17.3331 5.66763 17.3331H10.3756L17.4356 21.8518C17.709 22.0264 18.021 22.1158 18.3356 22.1158C18.6103 22.1158 18.885 22.0478 19.1343 21.9118C19.669 21.6198 20.001 21.0584 20.001 20.4491V3.55176C20.001 2.94243 19.6676 2.38243 19.133 2.08909Z",
|
|
@@ -4663,14 +4729,14 @@ var VolumeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
|
|
|
4663
4729
|
);
|
|
4664
4730
|
|
|
4665
4731
|
// src/components/Icon/icons/VolumeOffIcon.tsx
|
|
4666
|
-
var
|
|
4667
|
-
var VolumeOffIcon = (props) => /* @__PURE__ */ (0,
|
|
4732
|
+
var import_jsx_runtime151 = require("react/jsx-runtime");
|
|
4733
|
+
var VolumeOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
4668
4734
|
"svg",
|
|
4669
4735
|
{
|
|
4670
4736
|
...props,
|
|
4671
4737
|
viewBox: "0 0 24 24",
|
|
4672
4738
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4673
|
-
children: /* @__PURE__ */ (0,
|
|
4739
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
4674
4740
|
"path",
|
|
4675
4741
|
{
|
|
4676
4742
|
clipRule: "evenodd",
|
|
@@ -4683,14 +4749,14 @@ var VolumeOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
|
|
|
4683
4749
|
);
|
|
4684
4750
|
|
|
4685
4751
|
// src/components/Icon/icons/VolumeUpIcon.tsx
|
|
4686
|
-
var
|
|
4687
|
-
var VolumeUpIcon = (props) => /* @__PURE__ */ (0,
|
|
4752
|
+
var import_jsx_runtime152 = require("react/jsx-runtime");
|
|
4753
|
+
var VolumeUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
|
|
4688
4754
|
"svg",
|
|
4689
4755
|
{
|
|
4690
4756
|
...props,
|
|
4691
4757
|
viewBox: "0 0 24 24",
|
|
4692
4758
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4693
|
-
children: /* @__PURE__ */ (0,
|
|
4759
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
|
|
4694
4760
|
"path",
|
|
4695
4761
|
{
|
|
4696
4762
|
clipRule: "evenodd",
|
|
@@ -4703,14 +4769,14 @@ var VolumeUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
|
4703
4769
|
);
|
|
4704
4770
|
|
|
4705
4771
|
// src/components/Icon/icons/VolumeXIcon.tsx
|
|
4706
|
-
var
|
|
4707
|
-
var VolumeXIcon = (props) => /* @__PURE__ */ (0,
|
|
4772
|
+
var import_jsx_runtime153 = require("react/jsx-runtime");
|
|
4773
|
+
var VolumeXIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
|
|
4708
4774
|
"svg",
|
|
4709
4775
|
{
|
|
4710
4776
|
...props,
|
|
4711
4777
|
viewBox: "0 0 24 24",
|
|
4712
4778
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4713
|
-
children: /* @__PURE__ */ (0,
|
|
4779
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
|
|
4714
4780
|
"path",
|
|
4715
4781
|
{
|
|
4716
4782
|
clipRule: "evenodd",
|
|
@@ -4723,14 +4789,14 @@ var VolumeXIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
|
|
|
4723
4789
|
);
|
|
4724
4790
|
|
|
4725
4791
|
// src/components/Icon/icons/WandIcon.tsx
|
|
4726
|
-
var
|
|
4727
|
-
var WandIcon = (props) => /* @__PURE__ */ (0,
|
|
4792
|
+
var import_jsx_runtime154 = require("react/jsx-runtime");
|
|
4793
|
+
var WandIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
|
|
4728
4794
|
"svg",
|
|
4729
4795
|
{
|
|
4730
4796
|
...props,
|
|
4731
4797
|
viewBox: "0 0 24 24",
|
|
4732
4798
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4733
|
-
children: /* @__PURE__ */ (0,
|
|
4799
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
|
|
4734
4800
|
"path",
|
|
4735
4801
|
{
|
|
4736
4802
|
clipRule: "evenodd",
|
|
@@ -4743,14 +4809,14 @@ var WandIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
|
|
|
4743
4809
|
);
|
|
4744
4810
|
|
|
4745
4811
|
// src/components/Icon/icons/ZoomInIcon.tsx
|
|
4746
|
-
var
|
|
4747
|
-
var ZoomInIcon = (props) => /* @__PURE__ */ (0,
|
|
4812
|
+
var import_jsx_runtime155 = require("react/jsx-runtime");
|
|
4813
|
+
var ZoomInIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
|
|
4748
4814
|
"svg",
|
|
4749
4815
|
{
|
|
4750
4816
|
...props,
|
|
4751
4817
|
viewBox: "0 0 24 24",
|
|
4752
4818
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4753
|
-
children: /* @__PURE__ */ (0,
|
|
4819
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
|
|
4754
4820
|
"path",
|
|
4755
4821
|
{
|
|
4756
4822
|
clipRule: "evenodd",
|
|
@@ -4763,14 +4829,14 @@ var ZoomInIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
|
|
|
4763
4829
|
);
|
|
4764
4830
|
|
|
4765
4831
|
// src/components/Icon/icons/ZoomOutIcon.tsx
|
|
4766
|
-
var
|
|
4767
|
-
var ZoomOutIcon = (props) => /* @__PURE__ */ (0,
|
|
4832
|
+
var import_jsx_runtime156 = require("react/jsx-runtime");
|
|
4833
|
+
var ZoomOutIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
|
|
4768
4834
|
"svg",
|
|
4769
4835
|
{
|
|
4770
4836
|
...props,
|
|
4771
4837
|
viewBox: "0 0 24 24",
|
|
4772
4838
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4773
|
-
children: /* @__PURE__ */ (0,
|
|
4839
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
|
|
4774
4840
|
"path",
|
|
4775
4841
|
{
|
|
4776
4842
|
clipRule: "evenodd",
|
|
@@ -4939,24 +5005,24 @@ var iconMap = {
|
|
|
4939
5005
|
};
|
|
4940
5006
|
|
|
4941
5007
|
// src/private/hooks/useResponsiveProp/useResponsiveProp.ts
|
|
4942
|
-
var
|
|
4943
|
-
var
|
|
5008
|
+
var import_type_guards7 = require("@wistia/type-guards");
|
|
5009
|
+
var import_react7 = require("react");
|
|
4944
5010
|
var isResponsiveObject = (values) => {
|
|
4945
5011
|
return typeof values === "object" && values !== null && !Array.isArray(values) && "base" in values;
|
|
4946
5012
|
};
|
|
4947
5013
|
var useResponsiveProp = (values) => {
|
|
4948
5014
|
const activeMediaQueries = useActiveMq();
|
|
4949
|
-
return (0,
|
|
4950
|
-
if ((0,
|
|
5015
|
+
return (0, import_react7.useMemo)(() => {
|
|
5016
|
+
if ((0, import_type_guards7.isRecord)(values) && isResponsiveObject(values)) {
|
|
4951
5017
|
const mq2 = activeMediaQueries.find((key) => key in values);
|
|
4952
|
-
return (0,
|
|
5018
|
+
return (0, import_type_guards7.isNotUndefined)(mq2) && (0, import_type_guards7.isNotUndefined)(values[mq2]) ? values[mq2] : values.base;
|
|
4953
5019
|
}
|
|
4954
5020
|
return values;
|
|
4955
5021
|
}, [activeMediaQueries, values]);
|
|
4956
5022
|
};
|
|
4957
5023
|
|
|
4958
5024
|
// src/components/Icon/Icon.tsx
|
|
4959
|
-
var
|
|
5025
|
+
var import_jsx_runtime157 = require("react/jsx-runtime");
|
|
4960
5026
|
var iconSizeMap = {
|
|
4961
5027
|
sm: "12",
|
|
4962
5028
|
md: "16",
|
|
@@ -4964,7 +5030,7 @@ var iconSizeMap = {
|
|
|
4964
5030
|
xl: "32",
|
|
4965
5031
|
xxl: "48"
|
|
4966
5032
|
};
|
|
4967
|
-
var StyledIcon =
|
|
5033
|
+
var StyledIcon = import_styled_components15.default.svg`
|
|
4968
5034
|
${({ $colorScheme }) => getColorScheme($colorScheme ?? "inherit")}
|
|
4969
5035
|
`;
|
|
4970
5036
|
var Icon = ({
|
|
@@ -4976,13 +5042,13 @@ var Icon = ({
|
|
|
4976
5042
|
...otherProps
|
|
4977
5043
|
}) => {
|
|
4978
5044
|
const responsiveSize = useResponsiveProp(size);
|
|
4979
|
-
if ((0,
|
|
5045
|
+
if ((0, import_type_guards8.isNil)(type)) {
|
|
4980
5046
|
throw new Error("An Icon component requires a `type` prop to be provided");
|
|
4981
5047
|
}
|
|
4982
|
-
if ((0,
|
|
5048
|
+
if ((0, import_type_guards8.isNil)(iconMap[type])) {
|
|
4983
5049
|
throw new Error(`Type "${type}" does not exist, please update type prop in Icon component.`);
|
|
4984
5050
|
}
|
|
4985
|
-
if ((0,
|
|
5051
|
+
if ((0, import_type_guards8.isNil)(iconSizeMap[responsiveSize])) {
|
|
4986
5052
|
throw new Error(
|
|
4987
5053
|
`Size "${responsiveSize}" does not exist, please update size prop in Icon component.`
|
|
4988
5054
|
);
|
|
@@ -4993,7 +5059,7 @@ var Icon = ({
|
|
|
4993
5059
|
...style
|
|
4994
5060
|
};
|
|
4995
5061
|
const iconColor = invertColor ? "var(--color-icon-on-fill)" : "var(--color-icon)";
|
|
4996
|
-
return /* @__PURE__ */ (0,
|
|
5062
|
+
return /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
|
|
4997
5063
|
StyledIcon,
|
|
4998
5064
|
{
|
|
4999
5065
|
$colorScheme: colorScheme,
|
|
@@ -5013,13 +5079,13 @@ var Icon = ({
|
|
|
5013
5079
|
Icon.displayName = "Icon";
|
|
5014
5080
|
|
|
5015
5081
|
// src/components/Link/Link.tsx
|
|
5016
|
-
var
|
|
5017
|
-
var
|
|
5018
|
-
var
|
|
5082
|
+
var import_react8 = require("react");
|
|
5083
|
+
var import_type_guards9 = require("@wistia/type-guards");
|
|
5084
|
+
var import_styled_components16 = __toESM(require("styled-components"));
|
|
5019
5085
|
var import_react_router_dom = require("react-router-dom");
|
|
5020
|
-
var
|
|
5086
|
+
var import_jsx_runtime158 = require("react/jsx-runtime");
|
|
5021
5087
|
var generateHref = (href, type, disabled) => {
|
|
5022
|
-
if (disabled || (0,
|
|
5088
|
+
if (disabled || (0, import_type_guards9.isNil)(href)) {
|
|
5023
5089
|
return void 0;
|
|
5024
5090
|
}
|
|
5025
5091
|
let to = href;
|
|
@@ -5031,17 +5097,17 @@ var generateHref = (href, type, disabled) => {
|
|
|
5031
5097
|
}
|
|
5032
5098
|
return to;
|
|
5033
5099
|
};
|
|
5034
|
-
var isButton = (props) => (0,
|
|
5035
|
-
var isLink = (props) => (0,
|
|
5036
|
-
var StyledLink =
|
|
5037
|
-
${({ href }) => (0,
|
|
5100
|
+
var isButton = (props) => (0, import_type_guards9.isUndefined)(props.href);
|
|
5101
|
+
var isLink = (props) => (0, import_type_guards9.isNotUndefined)(props.href);
|
|
5102
|
+
var StyledLink = import_styled_components16.default.a`
|
|
5103
|
+
${({ href }) => (0, import_type_guards9.isNil)(href) && buttonResetCss};
|
|
5038
5104
|
${({ $colorScheme }) => getColorScheme($colorScheme)}
|
|
5039
5105
|
cursor: pointer;
|
|
5040
5106
|
font-family: var(--typography-family-default);
|
|
5041
5107
|
color: var(--color-text-link);
|
|
5042
5108
|
text-decoration: ${({ $underline }) => $underline ? "underline" : "none"};
|
|
5043
5109
|
`;
|
|
5044
|
-
var Link = (0,
|
|
5110
|
+
var Link = (0, import_react8.forwardRef)(
|
|
5045
5111
|
({
|
|
5046
5112
|
beforeAction,
|
|
5047
5113
|
children,
|
|
@@ -5065,7 +5131,7 @@ var Link = (0, import_react7.forwardRef)(
|
|
|
5065
5131
|
} finally {
|
|
5066
5132
|
if (routingCallback !== null) {
|
|
5067
5133
|
routingCallback();
|
|
5068
|
-
} else if ((0,
|
|
5134
|
+
} else if ((0, import_type_guards9.isNotNil)(to)) {
|
|
5069
5135
|
window.location.assign(to);
|
|
5070
5136
|
} else {
|
|
5071
5137
|
}
|
|
@@ -5079,7 +5145,7 @@ var Link = (0, import_react7.forwardRef)(
|
|
|
5079
5145
|
onClick: handleClick
|
|
5080
5146
|
};
|
|
5081
5147
|
if (isButton(props)) {
|
|
5082
|
-
return /* @__PURE__ */ (0,
|
|
5148
|
+
return /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
|
|
5083
5149
|
StyledLink,
|
|
5084
5150
|
{
|
|
5085
5151
|
ref,
|
|
@@ -5099,7 +5165,7 @@ var Link = (0, import_react7.forwardRef)(
|
|
|
5099
5165
|
...commonProps,
|
|
5100
5166
|
...externalLinkProps
|
|
5101
5167
|
};
|
|
5102
|
-
return inRouterContext && type !== "external" ? /* @__PURE__ */ (0,
|
|
5168
|
+
return inRouterContext && type !== "external" ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
|
|
5103
5169
|
StyledLink,
|
|
5104
5170
|
{
|
|
5105
5171
|
as: import_react_router_dom.Link,
|
|
@@ -5107,7 +5173,7 @@ var Link = (0, import_react7.forwardRef)(
|
|
|
5107
5173
|
to: to ?? "",
|
|
5108
5174
|
children
|
|
5109
5175
|
}
|
|
5110
|
-
) : /* @__PURE__ */ (0,
|
|
5176
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
|
|
5111
5177
|
StyledLink,
|
|
5112
5178
|
{
|
|
5113
5179
|
as: "a",
|
|
@@ -5123,18 +5189,18 @@ var Link = (0, import_react7.forwardRef)(
|
|
|
5123
5189
|
Link.displayName = "Link";
|
|
5124
5190
|
|
|
5125
5191
|
// src/components/Button/Button.tsx
|
|
5126
|
-
var
|
|
5127
|
-
var isLink2 = (props) => (0,
|
|
5128
|
-
var StyledButton =
|
|
5192
|
+
var import_jsx_runtime159 = require("react/jsx-runtime");
|
|
5193
|
+
var isLink2 = (props) => (0, import_type_guards10.isNotUndefined)(props.href);
|
|
5194
|
+
var StyledButton = import_styled_components17.default.button`
|
|
5129
5195
|
${buttonResetCss}
|
|
5130
|
-
${({ colorScheme }) => getColorScheme(colorScheme)}
|
|
5131
|
-
${({ size }) => buttonSizeStyles[size]}
|
|
5132
|
-
${({ variant }) => buttonVariantsStyles[variant]}
|
|
5133
|
-
${({ unstyled }) =>
|
|
5134
|
-
${({ fullWidth }) => fullWidth && "width: 100%;"}
|
|
5196
|
+
${({ $colorScheme }) => getColorScheme($colorScheme)}
|
|
5197
|
+
${({ $size }) => buttonSizeStyles[$size]}
|
|
5198
|
+
${({ $variant }) => buttonVariantsStyles[$variant]}
|
|
5199
|
+
${({ $unstyled }) => !$unstyled && buttonBaseStyles}
|
|
5200
|
+
${({ $fullWidth }) => $fullWidth && "width: 100%;"}
|
|
5135
5201
|
position: relative;
|
|
5136
5202
|
`;
|
|
5137
|
-
var StyledButtonContent =
|
|
5203
|
+
var StyledButtonContent = import_styled_components17.default.div`
|
|
5138
5204
|
align-items: center;
|
|
5139
5205
|
display: inline-flex;
|
|
5140
5206
|
flex-grow: 1;
|
|
@@ -5146,11 +5212,11 @@ var StyledButtonContent = import_styled_components16.default.div`
|
|
|
5146
5212
|
${({ $hasLeftIcon }) => $hasLeftIcon && "padding-left: 0;"}
|
|
5147
5213
|
${({ $hasRightIcon }) => $hasRightIcon && "padding-right: 0;"}
|
|
5148
5214
|
`;
|
|
5149
|
-
var StyledButtonContentLabel =
|
|
5215
|
+
var StyledButtonContentLabel = import_styled_components17.default.span`
|
|
5150
5216
|
flex: 1;
|
|
5151
5217
|
text-align: center;
|
|
5152
5218
|
`;
|
|
5153
|
-
var StyledButtonLoading =
|
|
5219
|
+
var StyledButtonLoading = import_styled_components17.default.div`
|
|
5154
5220
|
position: absolute;
|
|
5155
5221
|
display: flex;
|
|
5156
5222
|
`;
|
|
@@ -5160,24 +5226,24 @@ var ButtonContent = ({
|
|
|
5160
5226
|
rightIcon,
|
|
5161
5227
|
children
|
|
5162
5228
|
}) => {
|
|
5163
|
-
return /* @__PURE__ */ (0,
|
|
5164
|
-
isLoading ? /* @__PURE__ */ (0,
|
|
5165
|
-
/* @__PURE__ */ (0,
|
|
5229
|
+
return /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(import_jsx_runtime159.Fragment, { children: [
|
|
5230
|
+
isLoading ? /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(StyledButtonLoading, { children: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(Icon, { type: "spinner" }) }) : null,
|
|
5231
|
+
/* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(
|
|
5166
5232
|
StyledButtonContent,
|
|
5167
5233
|
{
|
|
5168
|
-
$hasLeftIcon: (0,
|
|
5169
|
-
$hasRightIcon: (0,
|
|
5234
|
+
$hasLeftIcon: (0, import_type_guards10.isNotNil)(leftIcon),
|
|
5235
|
+
$hasRightIcon: (0, import_type_guards10.isNotNil)(rightIcon),
|
|
5170
5236
|
$isLoading: isLoading,
|
|
5171
5237
|
children: [
|
|
5172
5238
|
leftIcon ?? null,
|
|
5173
|
-
/* @__PURE__ */ (0,
|
|
5239
|
+
/* @__PURE__ */ (0, import_jsx_runtime159.jsx)(StyledButtonContentLabel, { children }),
|
|
5174
5240
|
rightIcon ?? null
|
|
5175
5241
|
]
|
|
5176
5242
|
}
|
|
5177
5243
|
)
|
|
5178
5244
|
] });
|
|
5179
5245
|
};
|
|
5180
|
-
var Button = (0,
|
|
5246
|
+
var Button = (0, import_react9.forwardRef)(
|
|
5181
5247
|
({
|
|
5182
5248
|
children,
|
|
5183
5249
|
forceState,
|
|
@@ -5190,7 +5256,7 @@ var Button = (0, import_react8.forwardRef)(
|
|
|
5190
5256
|
unstyled = false,
|
|
5191
5257
|
onClick,
|
|
5192
5258
|
fullWidth = false,
|
|
5193
|
-
size = "
|
|
5259
|
+
size = "md",
|
|
5194
5260
|
variant = "solid",
|
|
5195
5261
|
...props
|
|
5196
5262
|
}, ref) => {
|
|
@@ -5199,27 +5265,27 @@ var Button = (0, import_react8.forwardRef)(
|
|
|
5199
5265
|
const isAriaDisabled = () => isLoading || disabled;
|
|
5200
5266
|
const commonProps = {
|
|
5201
5267
|
"aria-disabled": isAriaDisabled() || void 0,
|
|
5202
|
-
colorScheme,
|
|
5203
|
-
|
|
5204
|
-
|
|
5205
|
-
unstyled,
|
|
5268
|
+
$colorScheme: colorScheme,
|
|
5269
|
+
$fullWidth: responsiveFullWidth,
|
|
5270
|
+
$size: responsiveSize,
|
|
5271
|
+
$unstyled: unstyled,
|
|
5272
|
+
$variant: variant,
|
|
5206
5273
|
className,
|
|
5207
|
-
|
|
5208
|
-
|
|
5209
|
-
fullWidth: responsiveFullWidth
|
|
5274
|
+
forceState,
|
|
5275
|
+
isLoading
|
|
5210
5276
|
};
|
|
5211
5277
|
if (forceState) {
|
|
5212
5278
|
commonProps.className = `${className ?? ""} force-state-${forceState}`;
|
|
5213
5279
|
}
|
|
5214
5280
|
if (isLink2(props)) {
|
|
5215
|
-
return /* @__PURE__ */ (0,
|
|
5281
|
+
return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
|
|
5216
5282
|
StyledButton,
|
|
5217
5283
|
{
|
|
5218
5284
|
ref,
|
|
5219
5285
|
as: Link,
|
|
5220
5286
|
...props,
|
|
5221
5287
|
...commonProps,
|
|
5222
|
-
children: /* @__PURE__ */ (0,
|
|
5288
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
|
|
5223
5289
|
ButtonContent,
|
|
5224
5290
|
{
|
|
5225
5291
|
isLoading,
|
|
@@ -5236,11 +5302,11 @@ var Button = (0, import_react8.forwardRef)(
|
|
|
5236
5302
|
event.preventDefault();
|
|
5237
5303
|
return;
|
|
5238
5304
|
}
|
|
5239
|
-
if ((0,
|
|
5305
|
+
if ((0, import_type_guards10.isNotNil)(onClick)) {
|
|
5240
5306
|
onClick(event);
|
|
5241
5307
|
}
|
|
5242
5308
|
};
|
|
5243
|
-
return /* @__PURE__ */ (0,
|
|
5309
|
+
return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
|
|
5244
5310
|
StyledButton,
|
|
5245
5311
|
{
|
|
5246
5312
|
ref,
|
|
@@ -5248,7 +5314,7 @@ var Button = (0, import_react8.forwardRef)(
|
|
|
5248
5314
|
type: "button",
|
|
5249
5315
|
...props,
|
|
5250
5316
|
...commonProps,
|
|
5251
|
-
children: /* @__PURE__ */ (0,
|
|
5317
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
|
|
5252
5318
|
ButtonContent,
|
|
5253
5319
|
{
|
|
5254
5320
|
isLoading,
|
|
@@ -5264,9 +5330,9 @@ var Button = (0, import_react8.forwardRef)(
|
|
|
5264
5330
|
Button.displayName = "Button";
|
|
5265
5331
|
|
|
5266
5332
|
// src/components/ButtonGroup/ButtonGroup.tsx
|
|
5267
|
-
var
|
|
5268
|
-
var
|
|
5269
|
-
var
|
|
5333
|
+
var import_styled_components18 = __toESM(require("styled-components"));
|
|
5334
|
+
var import_type_guards11 = require("@wistia/type-guards");
|
|
5335
|
+
var import_jsx_runtime160 = require("react/jsx-runtime");
|
|
5270
5336
|
var getAlignment = (align) => {
|
|
5271
5337
|
if (align === "center") {
|
|
5272
5338
|
return "center";
|
|
@@ -5279,15 +5345,15 @@ var getAlignment = (align) => {
|
|
|
5279
5345
|
}
|
|
5280
5346
|
return void 0;
|
|
5281
5347
|
};
|
|
5282
|
-
var ButtonGroupComponent =
|
|
5348
|
+
var ButtonGroupComponent = import_styled_components18.default.div`
|
|
5283
5349
|
display: flex;
|
|
5284
5350
|
|
|
5285
5351
|
/* this helps ensure that primary buttons appear at the top of the column */
|
|
5286
|
-
flex-direction: ${({ align }) => align === "right" ? "column-reverse" : "column"};
|
|
5352
|
+
flex-direction: ${({ $align }) => $align === "right" ? "column-reverse" : "column"};
|
|
5287
5353
|
gap: var(--space-04);
|
|
5288
5354
|
align-items: center;
|
|
5289
|
-
justify-content: ${({ align }) => getAlignment(align)};
|
|
5290
|
-
width: ${({ fullWidth }) => fullWidth ? "100%" : "auto"};
|
|
5355
|
+
justify-content: ${({ $align }) => getAlignment($align)};
|
|
5356
|
+
width: ${({ $fullWidth }) => $fullWidth ? "100%" : "auto"};
|
|
5291
5357
|
|
|
5292
5358
|
${mq.smAndUp} {
|
|
5293
5359
|
flex-direction: row;
|
|
@@ -5305,14 +5371,14 @@ var ButtonGroup = ({
|
|
|
5305
5371
|
fullWidth = false,
|
|
5306
5372
|
...otherProps
|
|
5307
5373
|
}) => {
|
|
5308
|
-
if ((0,
|
|
5374
|
+
if ((0, import_type_guards11.isNil)(children)) {
|
|
5309
5375
|
return null;
|
|
5310
5376
|
}
|
|
5311
|
-
return /* @__PURE__ */ (0,
|
|
5377
|
+
return /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
|
|
5312
5378
|
ButtonGroupComponent,
|
|
5313
5379
|
{
|
|
5314
|
-
align,
|
|
5315
|
-
fullWidth,
|
|
5380
|
+
$align: align,
|
|
5381
|
+
$fullWidth: fullWidth,
|
|
5316
5382
|
...otherProps,
|
|
5317
5383
|
children
|
|
5318
5384
|
}
|
|
@@ -5320,21 +5386,55 @@ var ButtonGroup = ({
|
|
|
5320
5386
|
};
|
|
5321
5387
|
ButtonGroup.displayName = "ButtonGroup";
|
|
5322
5388
|
|
|
5389
|
+
// src/components/ColorSchemeWrapper/ColorSchemeWrapper.tsx
|
|
5390
|
+
var import_styled_components19 = __toESM(require("styled-components"));
|
|
5391
|
+
var import_jsx_runtime161 = require("react/jsx-runtime");
|
|
5392
|
+
var colorSchemeOptions = [
|
|
5393
|
+
"inherit",
|
|
5394
|
+
"default",
|
|
5395
|
+
"info",
|
|
5396
|
+
"success",
|
|
5397
|
+
"warning",
|
|
5398
|
+
"error",
|
|
5399
|
+
"blue",
|
|
5400
|
+
"green",
|
|
5401
|
+
"orange",
|
|
5402
|
+
"pink",
|
|
5403
|
+
"purple",
|
|
5404
|
+
"yellow"
|
|
5405
|
+
];
|
|
5406
|
+
var StyledColorSchemeWrapper = import_styled_components19.default.div`
|
|
5407
|
+
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
5408
|
+
`;
|
|
5409
|
+
var ColorSchemeWrapper = ({
|
|
5410
|
+
colorScheme,
|
|
5411
|
+
children,
|
|
5412
|
+
...otherProps
|
|
5413
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
|
|
5414
|
+
StyledColorSchemeWrapper,
|
|
5415
|
+
{
|
|
5416
|
+
$colorScheme: colorScheme,
|
|
5417
|
+
...otherProps,
|
|
5418
|
+
children
|
|
5419
|
+
}
|
|
5420
|
+
);
|
|
5421
|
+
ColorSchemeWrapper.displayName = "ColorSchemeWrapper";
|
|
5422
|
+
|
|
5323
5423
|
// src/components/Divider/Divider.tsx
|
|
5324
|
-
var
|
|
5325
|
-
var
|
|
5424
|
+
var import_styled_components20 = __toESM(require("styled-components"));
|
|
5425
|
+
var import_jsx_runtime162 = require("react/jsx-runtime");
|
|
5326
5426
|
var sizeToPixelMap = {
|
|
5327
5427
|
lg: 4,
|
|
5328
5428
|
sm: 1
|
|
5329
5429
|
};
|
|
5330
|
-
var DividerComponent =
|
|
5430
|
+
var DividerComponent = import_styled_components20.default.hr`
|
|
5331
5431
|
background: none;
|
|
5332
5432
|
border-bottom: none;
|
|
5333
5433
|
border-left: none;
|
|
5334
5434
|
border-right: none;
|
|
5335
5435
|
border-top-color: var(--color-border);
|
|
5336
5436
|
border-top-style: solid;
|
|
5337
|
-
border-top-width: ${({ borderHeight }) => `${borderHeight}px`};
|
|
5437
|
+
border-top-width: ${({ $borderHeight }) => `${$borderHeight}px`};
|
|
5338
5438
|
clear: both;
|
|
5339
5439
|
height: 0;
|
|
5340
5440
|
line-height: 0;
|
|
@@ -5342,10 +5442,10 @@ var DividerComponent = import_styled_components18.default.hr`
|
|
|
5342
5442
|
`;
|
|
5343
5443
|
var Divider = ({ size = "sm", ...otherProps }) => {
|
|
5344
5444
|
const responsiveSize = useResponsiveProp(size);
|
|
5345
|
-
return /* @__PURE__ */ (0,
|
|
5445
|
+
return /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
|
|
5346
5446
|
DividerComponent,
|
|
5347
5447
|
{
|
|
5348
|
-
borderHeight: sizeToPixelMap[responsiveSize],
|
|
5448
|
+
$borderHeight: sizeToPixelMap[responsiveSize],
|
|
5349
5449
|
...otherProps
|
|
5350
5450
|
}
|
|
5351
5451
|
);
|
|
@@ -5353,10 +5453,10 @@ var Divider = ({ size = "sm", ...otherProps }) => {
|
|
|
5353
5453
|
Divider.displayName = "Divider";
|
|
5354
5454
|
|
|
5355
5455
|
// src/components/Ellipsis/Ellipsis.tsx
|
|
5356
|
-
var
|
|
5357
|
-
var
|
|
5358
|
-
var
|
|
5359
|
-
var ellipsisStyle =
|
|
5456
|
+
var import_type_guards12 = require("@wistia/type-guards");
|
|
5457
|
+
var import_styled_components21 = __toESM(require("styled-components"));
|
|
5458
|
+
var import_jsx_runtime163 = require("react/jsx-runtime");
|
|
5459
|
+
var ellipsisStyle = import_styled_components21.css`
|
|
5360
5460
|
overflow: hidden;
|
|
5361
5461
|
text-overflow: ellipsis;
|
|
5362
5462
|
white-space: nowrap;
|
|
@@ -5379,16 +5479,16 @@ var ellipsisStyle = import_styled_components19.css`
|
|
|
5379
5479
|
}
|
|
5380
5480
|
}
|
|
5381
5481
|
`;
|
|
5382
|
-
var ellipsisFlexParentStyle =
|
|
5482
|
+
var ellipsisFlexParentStyle = import_styled_components21.css`
|
|
5383
5483
|
min-width: 0;
|
|
5384
5484
|
`;
|
|
5385
|
-
var EllipsisComponent =
|
|
5485
|
+
var EllipsisComponent = import_styled_components21.default.div`
|
|
5386
5486
|
${ellipsisStyle};
|
|
5387
|
-
${({ lines }) => {
|
|
5388
|
-
if ((0,
|
|
5389
|
-
return
|
|
5487
|
+
${({ $lines }) => {
|
|
5488
|
+
if ((0, import_type_guards12.isNotNil)($lines)) {
|
|
5489
|
+
return import_styled_components21.css`
|
|
5390
5490
|
-webkit-box-orient: vertical;
|
|
5391
|
-
-webkit-line-clamp: ${lines};
|
|
5491
|
+
-webkit-line-clamp: ${$lines};
|
|
5392
5492
|
display: -webkit-box;
|
|
5393
5493
|
white-space: initial;
|
|
5394
5494
|
`;
|
|
@@ -5396,10 +5496,10 @@ var EllipsisComponent = import_styled_components19.default.div`
|
|
|
5396
5496
|
return void 0;
|
|
5397
5497
|
}}
|
|
5398
5498
|
`;
|
|
5399
|
-
var Ellipsis = ({ children, lines, ...otherProps }) => /* @__PURE__ */ (0,
|
|
5499
|
+
var Ellipsis = ({ children, lines, ...otherProps }) => /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
|
|
5400
5500
|
EllipsisComponent,
|
|
5401
5501
|
{
|
|
5402
|
-
lines,
|
|
5502
|
+
$lines: lines,
|
|
5403
5503
|
...otherProps,
|
|
5404
5504
|
children
|
|
5405
5505
|
}
|
|
@@ -5407,8 +5507,8 @@ var Ellipsis = ({ children, lines, ...otherProps }) => /* @__PURE__ */ (0, impor
|
|
|
5407
5507
|
Ellipsis.displayName = "Ellipsis";
|
|
5408
5508
|
|
|
5409
5509
|
// src/components/Heading/Heading.tsx
|
|
5410
|
-
var
|
|
5411
|
-
var
|
|
5510
|
+
var import_react10 = require("react");
|
|
5511
|
+
var import_styled_components22 = __toESM(require("styled-components"));
|
|
5412
5512
|
|
|
5413
5513
|
// src/private/helpers/makePolymorphic/makePolymorphic.tsx
|
|
5414
5514
|
var makePolymorphic = (component) => {
|
|
@@ -5416,44 +5516,44 @@ var makePolymorphic = (component) => {
|
|
|
5416
5516
|
};
|
|
5417
5517
|
|
|
5418
5518
|
// src/components/Heading/Heading.tsx
|
|
5419
|
-
var
|
|
5420
|
-
var heroStyle =
|
|
5519
|
+
var import_jsx_runtime164 = require("react/jsx-runtime");
|
|
5520
|
+
var heroStyle = import_styled_components22.css`
|
|
5421
5521
|
--font-family: var(--typography-heading-hero-family);
|
|
5422
5522
|
--font-size: var(--typography-heading-hero-size);
|
|
5423
5523
|
--font-weight: var(--typography-heading-hero-weight);
|
|
5424
5524
|
--line-height: var(--typography-heading-hero-line-height);
|
|
5425
5525
|
`;
|
|
5426
|
-
var heading1TextStyle =
|
|
5526
|
+
var heading1TextStyle = import_styled_components22.css`
|
|
5427
5527
|
--font-family: var(--typography-heading-1-family);
|
|
5428
5528
|
--font-size: var(--typography-heading-1-size);
|
|
5429
5529
|
--font-weight: var(--typography-heading-1-weight);
|
|
5430
5530
|
--line-height: var(--typography-heading-1-line-height);
|
|
5431
5531
|
`;
|
|
5432
|
-
var heading2TextStyle =
|
|
5532
|
+
var heading2TextStyle = import_styled_components22.css`
|
|
5433
5533
|
--font-family: var(--typography-heading-2-family);
|
|
5434
5534
|
--font-size: var(--typography-heading-2-size);
|
|
5435
5535
|
--font-weight: var(--typography-heading-2-weight);
|
|
5436
5536
|
--line-height: var(--typography-heading-2-line-height);
|
|
5437
5537
|
`;
|
|
5438
|
-
var heading3TextStyle =
|
|
5538
|
+
var heading3TextStyle = import_styled_components22.css`
|
|
5439
5539
|
--font-family: var(--typography-heading-3-family);
|
|
5440
5540
|
--font-size: var(--typography-heading-3-size);
|
|
5441
5541
|
--font-weight: var(--typography-heading-3-weight);
|
|
5442
5542
|
--line-height: var(--typography-heading-3-line-height);
|
|
5443
5543
|
`;
|
|
5444
|
-
var heading4TextStyle =
|
|
5544
|
+
var heading4TextStyle = import_styled_components22.css`
|
|
5445
5545
|
--font-family: var(--typography-heading-4-family);
|
|
5446
5546
|
--font-size: var(--typography-heading-4-size);
|
|
5447
5547
|
--font-weight: var(--typography-heading-4-weight);
|
|
5448
5548
|
--line-height: var(--typography-heading-4-line-height);
|
|
5449
5549
|
`;
|
|
5450
|
-
var heading5TextStyle =
|
|
5550
|
+
var heading5TextStyle = import_styled_components22.css`
|
|
5451
5551
|
--font-family: var(--typography-heading-5-family);
|
|
5452
5552
|
--font-size: var(--typography-heading-5-size);
|
|
5453
5553
|
--font-weight: var(--typography-heading-5-weight);
|
|
5454
5554
|
--line-height: var(--typography-heading-5-line-height);
|
|
5455
5555
|
`;
|
|
5456
|
-
var heading6TextStyle =
|
|
5556
|
+
var heading6TextStyle = import_styled_components22.css`
|
|
5457
5557
|
--font-family: var(--typography-heading-6-family);
|
|
5458
5558
|
--font-size: var(--typography-heading-6-size);
|
|
5459
5559
|
--font-weight: var(--typography-heading-6-weight);
|
|
@@ -5469,26 +5569,26 @@ var variantStyleMap = {
|
|
|
5469
5569
|
heading6: heading6TextStyle
|
|
5470
5570
|
};
|
|
5471
5571
|
var DEFAULT_ELEMENT = "h1";
|
|
5472
|
-
var StyledHeading =
|
|
5473
|
-
${({ colorScheme }) => getColorScheme(colorScheme)};
|
|
5572
|
+
var StyledHeading = import_styled_components22.default.div`
|
|
5573
|
+
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
5474
5574
|
font-family: var(--font-family);
|
|
5475
5575
|
font-size: var(--font-size);
|
|
5476
5576
|
font-weight: var(--font-weight);
|
|
5477
5577
|
line-height: var(--line-height);
|
|
5478
5578
|
color: var(--color-text);
|
|
5479
|
-
${({ variant }) => variantStyleMap[variant]}
|
|
5480
|
-
${({ ellipsis }) => ellipsis && ellipsisStyle};
|
|
5481
|
-
${({ inline }) => inline &&
|
|
5579
|
+
${({ $variant }) => variantStyleMap[$variant]}
|
|
5580
|
+
${({ $ellipsis }) => $ellipsis && ellipsisStyle};
|
|
5581
|
+
${({ $inline }) => $inline && import_styled_components22.css`
|
|
5482
5582
|
display: inline-block;
|
|
5483
5583
|
`}
|
|
5484
|
-
${({ disabled }) => disabled &&
|
|
5584
|
+
${({ $disabled }) => $disabled && import_styled_components22.css`
|
|
5485
5585
|
color: var(--color-text-disabled);
|
|
5486
5586
|
`}
|
|
5487
|
-
${({ preventUserSelect }) => preventUserSelect &&
|
|
5587
|
+
${({ $preventUserSelect }) => $preventUserSelect && import_styled_components22.css`
|
|
5488
5588
|
user-select: none;
|
|
5489
5589
|
`}
|
|
5490
|
-
${({ align }) =>
|
|
5491
|
-
text-align: ${align};
|
|
5590
|
+
${({ $align }) => import_styled_components22.css`
|
|
5591
|
+
text-align: ${$align};
|
|
5492
5592
|
`}
|
|
5493
5593
|
margin: 0;
|
|
5494
5594
|
`;
|
|
@@ -5501,7 +5601,7 @@ var variantElementMap = {
|
|
|
5501
5601
|
heading5: "h5",
|
|
5502
5602
|
heading6: "h6"
|
|
5503
5603
|
};
|
|
5504
|
-
var HeadingComponent = (0,
|
|
5604
|
+
var HeadingComponent = (0, import_react10.forwardRef)(
|
|
5505
5605
|
({
|
|
5506
5606
|
align = "left",
|
|
5507
5607
|
colorScheme = "inherit",
|
|
@@ -5512,18 +5612,18 @@ var HeadingComponent = (0, import_react9.forwardRef)(
|
|
|
5512
5612
|
variant = "heading1",
|
|
5513
5613
|
renderAs,
|
|
5514
5614
|
...otherProps
|
|
5515
|
-
}, ref) => /* @__PURE__ */ (0,
|
|
5615
|
+
}, ref) => /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
|
|
5516
5616
|
StyledHeading,
|
|
5517
5617
|
{
|
|
5518
5618
|
ref,
|
|
5519
|
-
align,
|
|
5619
|
+
$align: align,
|
|
5620
|
+
$colorScheme: colorScheme,
|
|
5621
|
+
$disabled: disabled,
|
|
5622
|
+
$ellipsis: ellipsis,
|
|
5623
|
+
$inline: inline,
|
|
5624
|
+
$preventUserSelect: preventUserSelect,
|
|
5625
|
+
$variant: variant,
|
|
5520
5626
|
as: renderAs ?? variantElementMap[variant],
|
|
5521
|
-
colorScheme,
|
|
5522
|
-
disabled,
|
|
5523
|
-
ellipsis,
|
|
5524
|
-
inline,
|
|
5525
|
-
preventUserSelect,
|
|
5526
|
-
variant,
|
|
5527
5627
|
...otherProps
|
|
5528
5628
|
}
|
|
5529
5629
|
)
|
|
@@ -5532,21 +5632,21 @@ HeadingComponent.displayName = "Heading";
|
|
|
5532
5632
|
var Heading = makePolymorphic(HeadingComponent);
|
|
5533
5633
|
|
|
5534
5634
|
// src/components/IconButton/IconButton.tsx
|
|
5535
|
-
var
|
|
5536
|
-
var
|
|
5635
|
+
var import_react11 = require("react");
|
|
5636
|
+
var import_styled_components24 = __toESM(require("styled-components"));
|
|
5537
5637
|
|
|
5538
5638
|
// src/components/Tooltip/Tooltip.tsx
|
|
5539
5639
|
var import_react_tooltip2 = require("@radix-ui/react-tooltip");
|
|
5540
|
-
var
|
|
5541
|
-
var
|
|
5542
|
-
var CompactTooltipStyles =
|
|
5640
|
+
var import_styled_components23 = __toESM(require("styled-components"));
|
|
5641
|
+
var import_jsx_runtime165 = require("react/jsx-runtime");
|
|
5642
|
+
var CompactTooltipStyles = import_styled_components23.css`
|
|
5543
5643
|
--tooltip-font-size: var(--typography-label-4-size);
|
|
5544
5644
|
--tooltip-line-height: var(--typography-label-4-line-height);
|
|
5545
5645
|
--tooltip-font-weight: var(--typography-label-4-weight);
|
|
5546
5646
|
--tooltip-horizontal-padding: var(--space-02);
|
|
5547
5647
|
--tooltip-vertical-padding: var(--space-03);
|
|
5548
5648
|
`;
|
|
5549
|
-
var StyledContent = (0,
|
|
5649
|
+
var StyledContent = (0, import_styled_components23.default)(import_react_tooltip2.Content)`
|
|
5550
5650
|
--tooltip-font-family: var(--typography-family-default);
|
|
5551
5651
|
--tooltip-border-radius: var(--border-radius-05);
|
|
5552
5652
|
--tooltip-bg: var(--color-bg-tooltip);
|
|
@@ -5604,14 +5704,14 @@ var Tooltip = ({
|
|
|
5604
5704
|
if (forceOpen === true) {
|
|
5605
5705
|
rootProps.open = true;
|
|
5606
5706
|
}
|
|
5607
|
-
return /* @__PURE__ */ (0,
|
|
5707
|
+
return /* @__PURE__ */ (0, import_jsx_runtime165.jsxs)(
|
|
5608
5708
|
import_react_tooltip2.Root,
|
|
5609
5709
|
{
|
|
5610
5710
|
delayDuration: delay,
|
|
5611
5711
|
...rootProps,
|
|
5612
5712
|
children: [
|
|
5613
|
-
/* @__PURE__ */ (0,
|
|
5614
|
-
/* @__PURE__ */ (0,
|
|
5713
|
+
/* @__PURE__ */ (0, import_jsx_runtime165.jsx)(import_react_tooltip2.Trigger, { asChild: true, children }),
|
|
5714
|
+
/* @__PURE__ */ (0, import_jsx_runtime165.jsx)(import_react_tooltip2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime165.jsxs)(
|
|
5615
5715
|
StyledContent,
|
|
5616
5716
|
{
|
|
5617
5717
|
$compact: compact,
|
|
@@ -5619,7 +5719,7 @@ var Tooltip = ({
|
|
|
5619
5719
|
sideOffset: hideArrow ? VISUAL_OFFSET : VISUAL_OFFSET - 2,
|
|
5620
5720
|
children: [
|
|
5621
5721
|
content,
|
|
5622
|
-
!hideArrow ? /* @__PURE__ */ (0,
|
|
5722
|
+
!hideArrow ? /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(import_react_tooltip2.Arrow, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
|
|
5623
5723
|
"svg",
|
|
5624
5724
|
{
|
|
5625
5725
|
fill: "var(--tooltip-bg)",
|
|
@@ -5628,7 +5728,7 @@ var Tooltip = ({
|
|
|
5628
5728
|
viewBox: "0 0 12 8",
|
|
5629
5729
|
width: "12",
|
|
5630
5730
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5631
|
-
children: /* @__PURE__ */ (0,
|
|
5731
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime165.jsx)("path", { d: "M6.8 6.93333C6.4 7.46667 5.6 7.46667 5.2 6.93333L-2.54292e-07 -1.04907e-06L12 0L6.8 6.93333Z" })
|
|
5632
5732
|
}
|
|
5633
5733
|
) }) : null
|
|
5634
5734
|
]
|
|
@@ -5641,18 +5741,12 @@ var Tooltip = ({
|
|
|
5641
5741
|
Tooltip.displayName = "Tooltip";
|
|
5642
5742
|
|
|
5643
5743
|
// src/components/IconButton/IconButton.tsx
|
|
5644
|
-
var
|
|
5645
|
-
var
|
|
5646
|
-
|
|
5647
|
-
|
|
5648
|
-
|
|
5649
|
-
|
|
5650
|
-
};
|
|
5651
|
-
var StyledButton2 = (0, import_styled_components22.default)(Button)`
|
|
5652
|
-
--icon-button-size-small: 24px;
|
|
5653
|
-
--icon-button-size-medium: 32px;
|
|
5654
|
-
--icon-button-size-large: 40px;
|
|
5655
|
-
--icon-button-size-hero: 48px;
|
|
5744
|
+
var import_jsx_runtime166 = require("react/jsx-runtime");
|
|
5745
|
+
var StyledButton2 = (0, import_styled_components24.default)(Button)`
|
|
5746
|
+
--icon-button-size-sm: 24px;
|
|
5747
|
+
--icon-button-size-md: 32px;
|
|
5748
|
+
--icon-button-size-lg: 40px;
|
|
5749
|
+
--icon-button-size-xl: 48px;
|
|
5656
5750
|
|
|
5657
5751
|
border-radius: 50%;
|
|
5658
5752
|
height: ${({ size }) => `var(--icon-button-size-${size})`};
|
|
@@ -5662,10 +5756,10 @@ var StyledButton2 = (0, import_styled_components22.default)(Button)`
|
|
|
5662
5756
|
align-items: center;
|
|
5663
5757
|
line-height: 1;
|
|
5664
5758
|
`;
|
|
5665
|
-
var IconButton = (0,
|
|
5666
|
-
({ children, label, disableTooltip = false, size = "
|
|
5759
|
+
var IconButton = (0, import_react11.forwardRef)(
|
|
5760
|
+
({ children, label, disableTooltip = false, size = "md", ...props }, ref) => {
|
|
5667
5761
|
const responsiveSize = useResponsiveProp(size);
|
|
5668
|
-
const button = /* @__PURE__ */ (0,
|
|
5762
|
+
const button = /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
|
|
5669
5763
|
StyledButton2,
|
|
5670
5764
|
{
|
|
5671
5765
|
...props,
|
|
@@ -5673,25 +5767,83 @@ var IconButton = (0, import_react10.forwardRef)(
|
|
|
5673
5767
|
"aria-label": label,
|
|
5674
5768
|
"data-wistia-ui-icon-button": true,
|
|
5675
5769
|
size: responsiveSize,
|
|
5676
|
-
children: (0,
|
|
5677
|
-
size:
|
|
5770
|
+
children: (0, import_react11.cloneElement)(import_react11.Children.only(children), {
|
|
5771
|
+
size: responsiveSize
|
|
5678
5772
|
})
|
|
5679
5773
|
}
|
|
5680
5774
|
);
|
|
5681
5775
|
if (disableTooltip) {
|
|
5682
5776
|
return button;
|
|
5683
5777
|
}
|
|
5684
|
-
return /* @__PURE__ */ (0,
|
|
5778
|
+
return /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Tooltip, { content: label, children: button });
|
|
5685
5779
|
}
|
|
5686
5780
|
);
|
|
5687
5781
|
IconButton.displayName = "IconButton";
|
|
5688
5782
|
|
|
5783
|
+
// src/components/Label/Label.tsx
|
|
5784
|
+
var import_styled_components25 = __toESM(require("styled-components"));
|
|
5785
|
+
var import_jsx_runtime167 = require("react/jsx-runtime");
|
|
5786
|
+
var requiredStyle = import_styled_components25.css`
|
|
5787
|
+
&::after {
|
|
5788
|
+
color: red; /* TODO need a color for this */
|
|
5789
|
+
display: inline;
|
|
5790
|
+
padding-left: var(--space-01);
|
|
5791
|
+
content: '*';
|
|
5792
|
+
}
|
|
5793
|
+
`;
|
|
5794
|
+
var disabledStyle = import_styled_components25.css`
|
|
5795
|
+
color: var(--color-text-disabled);
|
|
5796
|
+
`;
|
|
5797
|
+
var SPACE_BETWEEN_LABEL_AND_INPUT = "var(--space-02)";
|
|
5798
|
+
var StyledLabel = import_styled_components25.default.label`
|
|
5799
|
+
display: block;
|
|
5800
|
+
font-size: var(--typography-label-1-size);
|
|
5801
|
+
font-weight: var(--typography-label-1-weight);
|
|
5802
|
+
line-height: var(--typography-label-1-line-height);
|
|
5803
|
+
margin-bottom: ${SPACE_BETWEEN_LABEL_AND_INPUT};
|
|
5804
|
+
width: 100%;
|
|
5805
|
+
|
|
5806
|
+
/* if label is wrapping an input this ensures it appears beneath the label with a nice margin */
|
|
5807
|
+
> input,
|
|
5808
|
+
> textarea,
|
|
5809
|
+
> select {
|
|
5810
|
+
display: block;
|
|
5811
|
+
margin-top: ${SPACE_BETWEEN_LABEL_AND_INPUT};
|
|
5812
|
+
}
|
|
5813
|
+
|
|
5814
|
+
> label {
|
|
5815
|
+
font-weight: normal;
|
|
5816
|
+
}
|
|
5817
|
+
|
|
5818
|
+
${({ screenReaderOnly }) => screenReaderOnly && visuallyHiddenStyle}
|
|
5819
|
+
${({ disabled }) => disabled && disabledStyle}
|
|
5820
|
+
${({ required }) => required && requiredStyle}
|
|
5821
|
+
`;
|
|
5822
|
+
var Label = ({
|
|
5823
|
+
children,
|
|
5824
|
+
disabled = false,
|
|
5825
|
+
htmlFor,
|
|
5826
|
+
required = false,
|
|
5827
|
+
screenReaderOnly = false,
|
|
5828
|
+
...otherProps
|
|
5829
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
|
|
5830
|
+
StyledLabel,
|
|
5831
|
+
{
|
|
5832
|
+
disabled,
|
|
5833
|
+
required,
|
|
5834
|
+
screenReaderOnly,
|
|
5835
|
+
...otherProps,
|
|
5836
|
+
children
|
|
5837
|
+
}
|
|
5838
|
+
);
|
|
5839
|
+
Label.displayName = "Label";
|
|
5840
|
+
|
|
5689
5841
|
// src/components/ScreenReaderOnly/ScreenReaderOnly.tsx
|
|
5690
|
-
var
|
|
5691
|
-
var
|
|
5692
|
-
var
|
|
5693
|
-
var VisuallyHidden =
|
|
5694
|
-
var VisuallyHiddenButFocusable =
|
|
5842
|
+
var import_styled_components26 = __toESM(require("styled-components"));
|
|
5843
|
+
var import_type_guards13 = require("@wistia/type-guards");
|
|
5844
|
+
var import_jsx_runtime168 = require("react/jsx-runtime");
|
|
5845
|
+
var VisuallyHidden = import_styled_components26.default.div({ ...visuallyHiddenStyle });
|
|
5846
|
+
var VisuallyHiddenButFocusable = import_styled_components26.default.div({
|
|
5695
5847
|
"&:not(:focus-within)": visuallyHiddenStyle
|
|
5696
5848
|
});
|
|
5697
5849
|
var ScreenReaderOnly = ({
|
|
@@ -5700,39 +5852,39 @@ var ScreenReaderOnly = ({
|
|
|
5700
5852
|
focusable = false,
|
|
5701
5853
|
...otherProps
|
|
5702
5854
|
}) => {
|
|
5703
|
-
const accessibleText = (0,
|
|
5855
|
+
const accessibleText = (0, import_type_guards13.isNotNil)(text) ? text : children;
|
|
5704
5856
|
if (focusable) {
|
|
5705
|
-
return /* @__PURE__ */ (0,
|
|
5857
|
+
return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(VisuallyHiddenButFocusable, { ...otherProps, children: accessibleText });
|
|
5706
5858
|
}
|
|
5707
|
-
return /* @__PURE__ */ (0,
|
|
5859
|
+
return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(VisuallyHidden, { ...otherProps, children: accessibleText });
|
|
5708
5860
|
};
|
|
5709
5861
|
ScreenReaderOnly.displayName = "ScreenReaderOnly";
|
|
5710
5862
|
|
|
5711
5863
|
// src/components/Stack/Stack.tsx
|
|
5712
|
-
var
|
|
5713
|
-
var
|
|
5714
|
-
var
|
|
5864
|
+
var import_react12 = require("react");
|
|
5865
|
+
var import_styled_components27 = __toESM(require("styled-components"));
|
|
5866
|
+
var import_jsx_runtime169 = require("react/jsx-runtime");
|
|
5715
5867
|
var DEFAULT_ELEMENT2 = "div";
|
|
5716
|
-
var StyledStack =
|
|
5868
|
+
var StyledStack = import_styled_components27.default.div`
|
|
5717
5869
|
display: flex;
|
|
5718
5870
|
flex-direction: ${({ $direction }) => $direction === "horizontal" ? "row" : "column"};
|
|
5719
|
-
gap: ${({ gap }) => `var(--${gap})`};
|
|
5871
|
+
gap: ${({ $gap }) => `var(--${$gap})`};
|
|
5720
5872
|
|
|
5721
5873
|
> * {
|
|
5722
5874
|
flex: 1;
|
|
5723
5875
|
}
|
|
5724
5876
|
`;
|
|
5725
|
-
var StackComponent = (0,
|
|
5877
|
+
var StackComponent = (0, import_react12.forwardRef)(
|
|
5726
5878
|
({ renderAs, direction = "vertical", gap = "space-02", ...props }, ref) => {
|
|
5727
5879
|
const responsiveGap = useResponsiveProp(gap);
|
|
5728
5880
|
const responsiveDirection = useResponsiveProp(direction);
|
|
5729
|
-
return /* @__PURE__ */ (0,
|
|
5881
|
+
return /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
|
|
5730
5882
|
StyledStack,
|
|
5731
5883
|
{
|
|
5732
5884
|
ref,
|
|
5733
5885
|
$direction: responsiveDirection,
|
|
5886
|
+
$gap: responsiveGap,
|
|
5734
5887
|
as: renderAs ?? DEFAULT_ELEMENT2,
|
|
5735
|
-
gap: responsiveGap,
|
|
5736
5888
|
...props
|
|
5737
5889
|
}
|
|
5738
5890
|
);
|
|
@@ -5742,90 +5894,90 @@ StackComponent.displayName = "Stack";
|
|
|
5742
5894
|
var Stack = makePolymorphic(StackComponent);
|
|
5743
5895
|
|
|
5744
5896
|
// src/components/Text/Text.tsx
|
|
5745
|
-
var
|
|
5746
|
-
var
|
|
5747
|
-
var
|
|
5748
|
-
var bodyBoldStyles =
|
|
5897
|
+
var import_react13 = require("react");
|
|
5898
|
+
var import_styled_components28 = __toESM(require("styled-components"));
|
|
5899
|
+
var import_jsx_runtime170 = require("react/jsx-runtime");
|
|
5900
|
+
var bodyBoldStyles = import_styled_components28.css`
|
|
5749
5901
|
> strong,
|
|
5750
5902
|
b {
|
|
5751
5903
|
font-weight: var(--typography-weight-body-bold);
|
|
5752
5904
|
}
|
|
5753
5905
|
`;
|
|
5754
|
-
var labelBoldStyles =
|
|
5906
|
+
var labelBoldStyles = import_styled_components28.css`
|
|
5755
5907
|
> strong,
|
|
5756
5908
|
b {
|
|
5757
5909
|
font-weight: var(--typography-weight-label-bold);
|
|
5758
5910
|
}
|
|
5759
5911
|
`;
|
|
5760
|
-
var body1TextStyle =
|
|
5912
|
+
var body1TextStyle = import_styled_components28.css`
|
|
5761
5913
|
--font-family: var(--typography-body-1-family);
|
|
5762
5914
|
--font-size: var(--typography-body-1-size);
|
|
5763
5915
|
--font-weight: var(--typography-body-1-weight);
|
|
5764
5916
|
--line-height: var(--typography-body-1-line-height);
|
|
5765
5917
|
${bodyBoldStyles}
|
|
5766
5918
|
`;
|
|
5767
|
-
var body2TextStyle =
|
|
5919
|
+
var body2TextStyle = import_styled_components28.css`
|
|
5768
5920
|
--font-family: var(--typography-body-2-family);
|
|
5769
5921
|
--font-size: var(--typography-body-2-size);
|
|
5770
5922
|
--font-weight: var(--typography-body-2-weight);
|
|
5771
5923
|
--line-height: var(--typography-body-2-line-height);
|
|
5772
5924
|
${bodyBoldStyles}
|
|
5773
5925
|
`;
|
|
5774
|
-
var body3TextStyle =
|
|
5926
|
+
var body3TextStyle = import_styled_components28.css`
|
|
5775
5927
|
--font-family: var(--typography-body-3-family);
|
|
5776
5928
|
--font-size: var(--typography-body-3-size);
|
|
5777
5929
|
--font-weight: var(--typography-body-3-weight);
|
|
5778
5930
|
--line-height: var(--typography-body-3-line-height);
|
|
5779
5931
|
${bodyBoldStyles}
|
|
5780
5932
|
`;
|
|
5781
|
-
var body4TextStyle =
|
|
5933
|
+
var body4TextStyle = import_styled_components28.css`
|
|
5782
5934
|
--font-family: var(--typography-body-4-family);
|
|
5783
5935
|
--font-size: var(--typography-body-4-size);
|
|
5784
5936
|
--font-weight: var(--typography-body-4-weight);
|
|
5785
5937
|
--line-height: var(--typography-body-4-line-height);
|
|
5786
5938
|
${bodyBoldStyles}
|
|
5787
5939
|
`;
|
|
5788
|
-
var label1TextStyle =
|
|
5940
|
+
var label1TextStyle = import_styled_components28.css`
|
|
5789
5941
|
--font-family: var(--typography-label-1-family);
|
|
5790
5942
|
--font-size: var(--typography-label-1-size);
|
|
5791
5943
|
--font-weight: var(--typography-label-1-weight);
|
|
5792
5944
|
--line-height: var(--typography-label-1-line-height);
|
|
5793
5945
|
${labelBoldStyles}
|
|
5794
5946
|
`;
|
|
5795
|
-
var label2TextStyle =
|
|
5947
|
+
var label2TextStyle = import_styled_components28.css`
|
|
5796
5948
|
--font-family: var(--typography-label-2-family);
|
|
5797
5949
|
--font-size: var(--typography-label-2-size);
|
|
5798
5950
|
--font-weight: var(--typography-label-2-weight);
|
|
5799
5951
|
--line-height: var(--typography-label-2-line-height);
|
|
5800
5952
|
${labelBoldStyles}
|
|
5801
5953
|
`;
|
|
5802
|
-
var label3TextStyle =
|
|
5954
|
+
var label3TextStyle = import_styled_components28.css`
|
|
5803
5955
|
--font-family: var(--typography-label-3-family);
|
|
5804
5956
|
--font-size: var(--typography-label-3-size);
|
|
5805
5957
|
--font-weight: var(--typography-label-3-weight);
|
|
5806
5958
|
--line-height: var(--typography-label-3-line-height);
|
|
5807
5959
|
${labelBoldStyles}
|
|
5808
5960
|
`;
|
|
5809
|
-
var label4TextStyle =
|
|
5961
|
+
var label4TextStyle = import_styled_components28.css`
|
|
5810
5962
|
--font-family: var(--typography-label-4-family);
|
|
5811
5963
|
--font-size: var(--typography-label-4-size);
|
|
5812
5964
|
--font-weight: var(--typography-label-4-weight);
|
|
5813
5965
|
--line-height: var(--typography-label-4-line-height);
|
|
5814
5966
|
${labelBoldStyles}
|
|
5815
5967
|
`;
|
|
5816
|
-
var body1MonoTextStyle =
|
|
5968
|
+
var body1MonoTextStyle = import_styled_components28.css`
|
|
5817
5969
|
${body1TextStyle};
|
|
5818
5970
|
--font-family: var(--typography-family-mono);
|
|
5819
5971
|
`;
|
|
5820
|
-
var body2MonoTextStyle =
|
|
5972
|
+
var body2MonoTextStyle = import_styled_components28.css`
|
|
5821
5973
|
${body2TextStyle};
|
|
5822
5974
|
--font-family: var(--typography-family-mono);
|
|
5823
5975
|
`;
|
|
5824
|
-
var body3MonoTextStyle =
|
|
5976
|
+
var body3MonoTextStyle = import_styled_components28.css`
|
|
5825
5977
|
${body3TextStyle};
|
|
5826
5978
|
--font-family: var(--typography-family-mono);
|
|
5827
5979
|
`;
|
|
5828
|
-
var body4MonoTextStyle =
|
|
5980
|
+
var body4MonoTextStyle = import_styled_components28.css`
|
|
5829
5981
|
${body4TextStyle};
|
|
5830
5982
|
--font-family: var(--typography-family-mono);
|
|
5831
5983
|
`;
|
|
@@ -5843,13 +5995,13 @@ var variantStyleMap2 = {
|
|
|
5843
5995
|
label3: label3TextStyle,
|
|
5844
5996
|
label4: label4TextStyle
|
|
5845
5997
|
};
|
|
5846
|
-
var highContrastProminenceStyle =
|
|
5998
|
+
var highContrastProminenceStyle = import_styled_components28.css`
|
|
5847
5999
|
--text-color: var(--color-text-high-contrast);
|
|
5848
6000
|
`;
|
|
5849
|
-
var vibrantProminenceStyle =
|
|
6001
|
+
var vibrantProminenceStyle = import_styled_components28.css`
|
|
5850
6002
|
--text-color: var(--color-text);
|
|
5851
6003
|
`;
|
|
5852
|
-
var secondaryProminenceStyle =
|
|
6004
|
+
var secondaryProminenceStyle = import_styled_components28.css`
|
|
5853
6005
|
--text-color: var(--color-text-secondary);
|
|
5854
6006
|
`;
|
|
5855
6007
|
var prominenceMap = {
|
|
@@ -5857,8 +6009,8 @@ var prominenceMap = {
|
|
|
5857
6009
|
vibrant: vibrantProminenceStyle,
|
|
5858
6010
|
secondary: secondaryProminenceStyle
|
|
5859
6011
|
};
|
|
5860
|
-
var StyledText =
|
|
5861
|
-
${({ colorScheme }) => getColorScheme(colorScheme)};
|
|
6012
|
+
var StyledText = import_styled_components28.default.div`
|
|
6013
|
+
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
5862
6014
|
font-family: var(--font-family);
|
|
5863
6015
|
font-size: var(--font-size);
|
|
5864
6016
|
font-weight: var(--font-weight);
|
|
@@ -5866,27 +6018,27 @@ var StyledText = import_styled_components25.default.div`
|
|
|
5866
6018
|
color: var(--text-color);
|
|
5867
6019
|
font-style: normal;
|
|
5868
6020
|
margin: 0;
|
|
5869
|
-
${({ variant }) => variantStyleMap2[variant]}
|
|
5870
|
-
${({ prominence }) => prominenceMap[prominence]}
|
|
5871
|
-
${({ ellipsis }) => ellipsis && ellipsisStyle};
|
|
5872
|
-
${({ inline }) => inline &&
|
|
6021
|
+
${({ $variant }) => variantStyleMap2[$variant]}
|
|
6022
|
+
${({ $prominence }) => prominenceMap[$prominence]}
|
|
6023
|
+
${({ $ellipsis }) => $ellipsis && ellipsisStyle};
|
|
6024
|
+
${({ $inline }) => $inline && import_styled_components28.css`
|
|
5873
6025
|
display: inline-block;
|
|
5874
6026
|
`}
|
|
5875
|
-
${({ disabled }) => disabled &&
|
|
6027
|
+
${({ $disabled }) => $disabled && import_styled_components28.css`
|
|
5876
6028
|
--text-color: var(--color-text-disabled);
|
|
5877
6029
|
`}
|
|
5878
|
-
${({ preventUserSelect }) => preventUserSelect &&
|
|
6030
|
+
${({ $preventUserSelect }) => $preventUserSelect && import_styled_components28.css`
|
|
5879
6031
|
user-select: none;
|
|
5880
6032
|
`}
|
|
5881
|
-
${({ align }) =>
|
|
6033
|
+
${({ align }) => import_styled_components28.css`
|
|
5882
6034
|
text-align: ${align};
|
|
5883
6035
|
`}
|
|
5884
|
-
${({ as }) => as === "p" &&
|
|
6036
|
+
${({ as }) => as === "p" && import_styled_components28.css`
|
|
5885
6037
|
display: block;
|
|
5886
6038
|
`}
|
|
5887
6039
|
`;
|
|
5888
6040
|
var DEFAULT_ELEMENT3 = "div";
|
|
5889
|
-
var TextComponent = (0,
|
|
6041
|
+
var TextComponent = (0, import_react13.forwardRef)(
|
|
5890
6042
|
({
|
|
5891
6043
|
align = "left",
|
|
5892
6044
|
colorScheme = "inherit",
|
|
@@ -5899,19 +6051,19 @@ var TextComponent = (0, import_react12.forwardRef)(
|
|
|
5899
6051
|
renderAs,
|
|
5900
6052
|
...otherProps
|
|
5901
6053
|
}, ref) => {
|
|
5902
|
-
return /* @__PURE__ */ (0,
|
|
6054
|
+
return /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
|
|
5903
6055
|
StyledText,
|
|
5904
6056
|
{
|
|
5905
6057
|
ref,
|
|
6058
|
+
$colorScheme: colorScheme,
|
|
6059
|
+
$disabled: disabled,
|
|
6060
|
+
$ellipsis: ellipsis,
|
|
6061
|
+
$inline: inline,
|
|
6062
|
+
$preventUserSelect: preventUserSelect,
|
|
6063
|
+
$prominence: prominence,
|
|
6064
|
+
$variant: variant,
|
|
5906
6065
|
align,
|
|
5907
6066
|
as: renderAs ?? DEFAULT_ELEMENT3,
|
|
5908
|
-
colorScheme,
|
|
5909
|
-
disabled,
|
|
5910
|
-
ellipsis,
|
|
5911
|
-
inline,
|
|
5912
|
-
preventUserSelect,
|
|
5913
|
-
prominence,
|
|
5914
|
-
variant,
|
|
5915
6067
|
...otherProps
|
|
5916
6068
|
}
|
|
5917
6069
|
);
|
|
@@ -5921,20 +6073,20 @@ TextComponent.displayName = "Text";
|
|
|
5921
6073
|
var Text = makePolymorphic(TextComponent);
|
|
5922
6074
|
|
|
5923
6075
|
// src/components/WistiaLogo/WistiaLogo.tsx
|
|
5924
|
-
var
|
|
5925
|
-
var
|
|
5926
|
-
var
|
|
6076
|
+
var import_styled_components29 = __toESM(require("styled-components"));
|
|
6077
|
+
var import_type_guards14 = require("@wistia/type-guards");
|
|
6078
|
+
var import_jsx_runtime171 = require("react/jsx-runtime");
|
|
5927
6079
|
var renderBrandmark = (brandmarkColor, iconOnly) => {
|
|
5928
6080
|
if (iconOnly) {
|
|
5929
|
-
return /* @__PURE__ */ (0,
|
|
6081
|
+
return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("g", { fill: brandmarkColor, children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("path", { d: "M16.09 17.1h-5.2c-1.58 0-3.08.68-4.11 1.87L.21 26.53c4.78.25 9.78.25 13.3.25 18.31 0 20.89-11.27 20.89-16.55-1.59 1.93-6.06 6.87-18.32 6.87ZM32.14 0c-.08.92-.59 4.69-11.31 4.69-8.72 0-12.24 0-20.83-.17l6.44 7.4a6.657 6.657 0 0 0 4.96 2.3c2.13.03 5.05.06 5.53.06 11.01 0 17.19-5.05 17.19-9.89 0-2.01-.67-3.44-1.97-4.4Z" }) });
|
|
5930
6082
|
}
|
|
5931
|
-
return /* @__PURE__ */ (0,
|
|
6083
|
+
return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("g", { fill: brandmarkColor, children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("path", { d: "M16.09 21.37h-5.2c-1.58 0-3.08.68-4.11 1.87L.21 30.8c4.78.25 9.78.25 13.3.25 18.31 0 20.89-11.27 20.89-16.55-1.59 1.93-6.06 6.87-18.32 6.87Zm16.05-17.1c-.08.92-.59 4.69-11.31 4.69-8.72 0-12.24 0-20.83-.17l6.44 7.4a6.657 6.657 0 0 0 4.96 2.3c2.13.03 5.05.06 5.53.06 11.01 0 17.19-5.05 17.19-9.89 0-2.01-.67-3.44-1.97-4.4Z" }) });
|
|
5932
6084
|
};
|
|
5933
6085
|
var renderLogotype = (logotypeColor, iconOnly) => {
|
|
5934
6086
|
if (iconOnly) {
|
|
5935
6087
|
return null;
|
|
5936
6088
|
}
|
|
5937
|
-
return /* @__PURE__ */ (0,
|
|
6089
|
+
return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("g", { fill: logotypeColor, children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("path", { d: "M70.16 8.66v15.18c0 1.68-.35 3.09-1.05 4.23a6.612 6.612 0 0 1-2.85 2.54c-1.19.55-2.52.82-4.01.82s-2.8-.28-4.01-.85a6.655 6.655 0 0 1-3.11-2.96c-.08.15-.16.29-.24.42a6.552 6.552 0 0 1-2.87 2.54c-1.2.56-2.54.85-4.01.85s-2.8-.27-3.94-.82a6.214 6.214 0 0 1-2.71-2.52c-.67-1.14-1.01-2.56-1.02-4.25l-.22-15.18h7.34V22.3c0 .82.19 1.37.56 1.67.39.28.85.42 1.38.42s1.02-.15 1.45-.45c.43-.3.65-.85.65-1.65V8.65h7.3v13.64c0 .8.22 1.35.65 1.65.43.3.91.45 1.45.45s.99-.14 1.36-.42c.39-.3.58-.85.58-1.67V8.66h7.34Zm2.45 0v22.26h7.34V8.66h-7.34Zm5.67-1.87c.61-.3 1.08-.71 1.42-1.25.36-.55.53-1.19.53-1.94s-.18-1.34-.53-1.89A3.43 3.43 0 0 0 78.28.44c-.59-.3-1.25-.45-1.98-.45s-1.42.15-2.02.45c-.59.3-1.07.72-1.42 1.27-.36.55-.53 1.18-.53 1.89 0 1.1.38 1.97 1.13 2.63.76.65 1.71.98 2.85.98.73 0 1.39-.14 1.98-.42Zm8.86 1.96c-1.42.4-2.6 1.11-3.54 2.14-.93 1.02-1.4 2.4-1.4 4.12 0 1.11.17 2.09.51 2.94.36.85.82 1.62 1.38 2.34.22.28.55.65.98 1.11.37.4.64.72.8.96.18.24.27.47.27.69 0 .5-.4.87-1.2 1.09-.8.21-1.62.31-2.47.31-.1-.01-.22-.02-.33-.02l1.02 6.94c.42.07.92.11 1.51.11 1.9 0 3.6-.28 5.1-.85 1.5-.56 2.68-1.42 3.54-2.56.88-1.14 1.31-2.55 1.31-4.23 0-.68-.07-1.31-.22-1.87-.13-.58-.32-1.09-.56-1.54a6.64 6.64 0 0 0-.8-1.27c-.3-.37-.74-.82-1.34-1.36-.39-.33-.67-.59-.85-.8-.18-.22-.27-.45-.27-.67 0-.46.26-.79.78-.98.53-.19 1.17-.29 1.91-.29.25 0 .51.01.78.04l-.71-6.88a10.4 10.4 0 0 0-1.56-.11c-1.66 0-3.21.21-4.65.62Zm19.54 15.71c-.99 0-1.71-.23-2.14-.69-.42-.47-.62-1.18-.62-2.11v-6.57h4.21V8.66h-4.21V3.38l-7.34 1.85V24.1c0 2.45.47 4.29 1.4 5.52.95 1.22 2.45 1.83 4.49 1.83.95 0 1.86-.07 2.74-.22.88-.13 1.62-.34 2.25-.62l1.38-6.3c-.55.1-1.27.16-2.16.16Zm4.13-15.8v22.26h7.34V8.66h-7.34Zm5.67-1.87c.61-.3 1.08-.71 1.42-1.25.36-.55.53-1.19.53-1.94s-.18-1.34-.53-1.89a3.43 3.43 0 0 0-1.42-1.27c-.59-.3-1.25-.45-1.98-.45s-1.42.15-2.02.45c-.59.3-1.07.72-1.42 1.27-.36.55-.53 1.18-.53 1.89 0 1.1.38 1.97 1.14 2.63.76.65 1.71.98 2.85.98.73 0 1.39-.14 1.98-.42Zm27.51 1.87v22.26h-7.34v-2.28c-.41.43-.85.83-1.34 1.19-1.44 1.07-3.12 1.6-5.05 1.6s-3.61-.52-5.1-1.56c-1.48-1.05-2.63-2.47-3.45-4.25-.82-1.78-1.22-3.73-1.22-5.85s.41-4.07 1.22-5.83c.82-1.78 1.97-3.19 3.45-4.23 1.48-1.05 3.18-1.58 5.1-1.58s3.61.53 5.05 1.6c.48.36.93.75 1.34 1.19V8.66h7.34Zm-7.1 11.11c0-.8-.19-1.53-.56-2.18-.37-.67-.88-1.19-1.54-1.58-.64-.39-1.34-.58-2.09-.58s-1.45.19-2.09.58c-.64.39-1.15.91-1.54 1.58-.37.67-.56 1.39-.56 2.18s.19 1.51.56 2.18c.39.67.9 1.19 1.54 1.58.64.39 1.34.58 2.09.58s1.45-.19 2.09-.58c.65-.39 1.16-.91 1.54-1.56.37-.67.56-1.4.56-2.2Z" }) });
|
|
5938
6090
|
};
|
|
5939
6091
|
var computedViewBox = (iconOnly) => {
|
|
5940
6092
|
if (iconOnly) {
|
|
@@ -5942,7 +6094,7 @@ var computedViewBox = (iconOnly) => {
|
|
|
5942
6094
|
}
|
|
5943
6095
|
return "0 0 144 31.47";
|
|
5944
6096
|
};
|
|
5945
|
-
var WistiaLogoComponent =
|
|
6097
|
+
var WistiaLogoComponent = import_styled_components29.default.svg`
|
|
5946
6098
|
height: ${({ height }) => `${height}px`};
|
|
5947
6099
|
|
|
5948
6100
|
/* ensure it will always fit on mobile */
|
|
@@ -5951,7 +6103,7 @@ var WistiaLogoComponent = import_styled_components26.default.svg`
|
|
|
5951
6103
|
|
|
5952
6104
|
&:hover {
|
|
5953
6105
|
path {
|
|
5954
|
-
${({ hoverColor }) => hoverColor !== void 0 ? `fill: ${hoverColor}` : null};
|
|
6106
|
+
${({ $hoverColor }) => $hoverColor !== void 0 ? `fill: ${$hoverColor}` : null};
|
|
5955
6107
|
}
|
|
5956
6108
|
}
|
|
5957
6109
|
`;
|
|
@@ -5984,36 +6136,39 @@ var WistiaLogo = ({
|
|
|
5984
6136
|
};
|
|
5985
6137
|
const brandmarkColor = VARIANT_COLORS[variant].brandmark;
|
|
5986
6138
|
const logotypeColor = VARIANT_COLORS[variant].logotype;
|
|
5987
|
-
const Logo = /* @__PURE__ */ (0,
|
|
6139
|
+
const Logo = /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(
|
|
5988
6140
|
WistiaLogoComponent,
|
|
5989
6141
|
{
|
|
6142
|
+
$hoverColor: hoverColor,
|
|
5990
6143
|
height,
|
|
5991
|
-
hoverColor,
|
|
5992
6144
|
role: "img",
|
|
5993
6145
|
viewBox: computedViewBox(iconOnly),
|
|
5994
6146
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5995
6147
|
...otherProps,
|
|
5996
6148
|
children: [
|
|
5997
|
-
/* @__PURE__ */ (0,
|
|
5998
|
-
(0,
|
|
6149
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("title", { children: title }),
|
|
6150
|
+
(0, import_type_guards14.isNotNil)(description) ? /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("desc", { children: description }) : null,
|
|
5999
6151
|
renderBrandmark(brandmarkColor, iconOnly),
|
|
6000
6152
|
renderLogotype(logotypeColor, iconOnly)
|
|
6001
6153
|
]
|
|
6002
6154
|
}
|
|
6003
6155
|
);
|
|
6004
|
-
return href !== void 0 ? /* @__PURE__ */ (0,
|
|
6156
|
+
return href !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("a", { href, children: Logo }) : Logo;
|
|
6005
6157
|
};
|
|
6006
6158
|
WistiaLogo.displayName = "WistiaLogo";
|
|
6007
6159
|
// Annotate the CommonJS export names for ESM import in node:
|
|
6008
6160
|
0 && (module.exports = {
|
|
6161
|
+
Badge,
|
|
6009
6162
|
Box,
|
|
6010
6163
|
Button,
|
|
6011
6164
|
ButtonGroup,
|
|
6165
|
+
ColorSchemeWrapper,
|
|
6012
6166
|
Divider,
|
|
6013
6167
|
Ellipsis,
|
|
6014
6168
|
Heading,
|
|
6015
6169
|
Icon,
|
|
6016
6170
|
IconButton,
|
|
6171
|
+
Label,
|
|
6017
6172
|
Link,
|
|
6018
6173
|
ScreenReaderOnly,
|
|
6019
6174
|
Stack,
|
|
@@ -6021,6 +6176,7 @@ WistiaLogo.displayName = "WistiaLogo";
|
|
|
6021
6176
|
Tooltip,
|
|
6022
6177
|
UIProvider,
|
|
6023
6178
|
WistiaLogo,
|
|
6179
|
+
colorSchemeOptions,
|
|
6024
6180
|
copyToClipboard,
|
|
6025
6181
|
ellipsisFlexParentStyle,
|
|
6026
6182
|
ellipsisStyle,
|