draft-components 4.4.1 → 4.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/draft-components.css +30 -23
- package/dist/components/alert/alert.js +3 -1
- package/dist/components/alert/alert.js.map +1 -1
- package/dist/components/date-picker/calendar-header.js +6 -2
- package/dist/components/date-picker/calendar-header.js.map +1 -1
- package/dist/components/dialog/dialog-header.js +4 -2
- package/dist/components/dialog/dialog-header.js.map +1 -1
- package/dist/components/filtered-search/filter-token.js +3 -1
- package/dist/components/filtered-search/filter-token.js.map +1 -1
- package/dist/components/filtered-search/filtered-search.js +6 -2
- package/dist/components/filtered-search/filtered-search.js.map +1 -1
- package/dist/components/filtered-search/string-filter-input.js +3 -1
- package/dist/components/filtered-search/string-filter-input.js.map +1 -1
- package/dist/components/form-field/form-field.js +3 -1
- package/dist/components/form-field/form-field.js.map +1 -1
- package/dist/components/password-input/password-input.js +7 -3
- package/dist/components/password-input/password-input.js.map +1 -1
- package/dist/components/table/table-head-cell.js +34 -18
- package/dist/components/table/table-head-cell.js.map +1 -1
- package/dist/components/table/table.css +30 -23
- package/dist/components/toast/toast.js +3 -1
- package/dist/components/toast/toast.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/hero-icons/24/outline/arrow-down-icon.d.ts +0 -2
- package/dist/components/hero-icons/24/outline/arrow-down-icon.js +0 -6
- package/dist/components/hero-icons/24/outline/arrow-down-icon.js.map +0 -1
- package/dist/components/hero-icons/24/outline/arrow-up-icon.d.ts +0 -2
- package/dist/components/hero-icons/24/outline/arrow-up-icon.js +0 -6
- package/dist/components/hero-icons/24/outline/arrow-up-icon.js.map +0 -1
- package/dist/components/hero-icons/24/outline/arrows-up-down-icon.d.ts +0 -2
- package/dist/components/hero-icons/24/outline/arrows-up-down-icon.js +0 -6
- package/dist/components/hero-icons/24/outline/arrows-up-down-icon.js.map +0 -1
- package/dist/components/hero-icons/24/outline/chevron-left-icon.d.ts +0 -2
- package/dist/components/hero-icons/24/outline/chevron-left-icon.js +0 -6
- package/dist/components/hero-icons/24/outline/chevron-left-icon.js.map +0 -1
- package/dist/components/hero-icons/24/outline/chevron-right-icon.d.ts +0 -2
- package/dist/components/hero-icons/24/outline/chevron-right-icon.js +0 -6
- package/dist/components/hero-icons/24/outline/chevron-right-icon.js.map +0 -1
- package/dist/components/hero-icons/24/outline/eye-icon.d.ts +0 -2
- package/dist/components/hero-icons/24/outline/eye-icon.js +0 -6
- package/dist/components/hero-icons/24/outline/eye-icon.js.map +0 -1
- package/dist/components/hero-icons/24/outline/eye-slash-icon.d.ts +0 -2
- package/dist/components/hero-icons/24/outline/eye-slash-icon.js +0 -6
- package/dist/components/hero-icons/24/outline/eye-slash-icon.js.map +0 -1
- package/dist/components/hero-icons/24/outline/magnifying-glass-icon.d.ts +0 -2
- package/dist/components/hero-icons/24/outline/magnifying-glass-icon.js +0 -6
- package/dist/components/hero-icons/24/outline/magnifying-glass-icon.js.map +0 -1
- package/dist/components/hero-icons/24/outline/trash-icon.d.ts +0 -2
- package/dist/components/hero-icons/24/outline/trash-icon.js +0 -6
- package/dist/components/hero-icons/24/outline/trash-icon.js.map +0 -1
- package/dist/components/hero-icons/24/outline/x-mark-icon.d.ts +0 -2
- package/dist/components/hero-icons/24/outline/x-mark-icon.js +0 -6
- package/dist/components/hero-icons/24/outline/x-mark-icon.js.map +0 -1
- package/dist/components/hero-icons/24/solid/exclamation-triangle-icon.d.ts +0 -2
- package/dist/components/hero-icons/24/solid/exclamation-triangle-icon.js +0 -6
- package/dist/components/hero-icons/24/solid/exclamation-triangle-icon.js.map +0 -1
package/css/draft-components.css
CHANGED
|
@@ -4434,9 +4434,14 @@
|
|
|
4434
4434
|
--row-background-highlighted: rgb(var(--dc-neutral-300-rgb) / 30%);
|
|
4435
4435
|
--cell-background-hover: var(--dc-neutral-100);
|
|
4436
4436
|
--cell-background-focus: var(--dc-neutral-100);
|
|
4437
|
-
--cell-padding
|
|
4438
|
-
--
|
|
4439
|
-
--sort-
|
|
4437
|
+
--cell-padding: 8px 12px;
|
|
4438
|
+
--sort-btn-focus-ring: 2px solid var(--dc-focus-ring-color);
|
|
4439
|
+
--sort-btn-focus-ring-offset: 2px;
|
|
4440
|
+
--sort-icon-size: 20px;
|
|
4441
|
+
--sort-icon-gap: 4px;
|
|
4442
|
+
--sort-icon-color: var(--dc-neutral-900);
|
|
4443
|
+
--sort-icon-background: rgb(var(--dc-neutral-900-rgb) / 7.5%);
|
|
4444
|
+
--sort-icon-radius: 4px;
|
|
4440
4445
|
|
|
4441
4446
|
color-scheme: light;
|
|
4442
4447
|
}
|
|
@@ -4483,7 +4488,7 @@
|
|
|
4483
4488
|
|
|
4484
4489
|
.dc-table-cell {
|
|
4485
4490
|
box-sizing: border-box;
|
|
4486
|
-
padding: var(--cell-padding
|
|
4491
|
+
padding: var(--cell-padding);
|
|
4487
4492
|
scroll-snap-align: start;
|
|
4488
4493
|
background: var(--background);
|
|
4489
4494
|
border-bottom: 1px solid var(--border-color);
|
|
@@ -4497,25 +4502,16 @@
|
|
|
4497
4502
|
}
|
|
4498
4503
|
|
|
4499
4504
|
.dc-table_cell_sm .dc-table-cell {
|
|
4500
|
-
--cell-padding
|
|
4501
|
-
--cell-padding-x: 8px;
|
|
4505
|
+
--cell-padding: 4px 8px;
|
|
4502
4506
|
}
|
|
4503
4507
|
|
|
4504
4508
|
.dc-table_cell_lg .dc-table-cell {
|
|
4505
|
-
--cell-padding
|
|
4506
|
-
--cell-padding-x: 16px;
|
|
4507
|
-
}
|
|
4508
|
-
|
|
4509
|
-
.dc-table-cell_sortable {
|
|
4510
|
-
padding: 0;
|
|
4509
|
+
--cell-padding: 12px 16px;
|
|
4511
4510
|
}
|
|
4512
4511
|
|
|
4513
4512
|
.dc-table-cell__sort-btn {
|
|
4514
4513
|
position: relative;
|
|
4515
|
-
|
|
4516
|
-
width: 100%;
|
|
4517
|
-
padding: var(--cell-padding-y) var(--cell-padding-x);
|
|
4518
|
-
padding-right: calc(var(--cell-padding-x) + var(--sort-icon-size) + var(--cell-padding-x));
|
|
4514
|
+
padding: 0 calc(var(--sort-icon-gap) + var(--sort-icon-size)) 0 0;
|
|
4519
4515
|
margin: 0;
|
|
4520
4516
|
font: inherit;
|
|
4521
4517
|
color: inherit;
|
|
@@ -4525,10 +4521,7 @@
|
|
|
4525
4521
|
appearance: none;
|
|
4526
4522
|
background: transparent;
|
|
4527
4523
|
border: none;
|
|
4528
|
-
|
|
4529
|
-
|
|
4530
|
-
.dc-table-cell__sort-btn:hover {
|
|
4531
|
-
background: var(--cell-background-hover);
|
|
4524
|
+
border-radius: var(--sort-icon-radius);
|
|
4532
4525
|
}
|
|
4533
4526
|
|
|
4534
4527
|
.dc-table-cell__sort-btn:focus {
|
|
@@ -4536,18 +4529,30 @@
|
|
|
4536
4529
|
}
|
|
4537
4530
|
|
|
4538
4531
|
.dc-table-cell__sort-btn:focus-visible {
|
|
4539
|
-
|
|
4532
|
+
outline: var(--sort-btn-focus-ring);
|
|
4533
|
+
outline-offset: var(--sort-btn-focus-ring-offset);
|
|
4540
4534
|
}
|
|
4541
4535
|
|
|
4542
|
-
.dc-table-cell__sort-icon {
|
|
4536
|
+
.dc-table-cell__sort-btn-icon {
|
|
4543
4537
|
position: absolute;
|
|
4544
4538
|
top: 50%;
|
|
4545
|
-
right:
|
|
4539
|
+
right: 0;
|
|
4540
|
+
display: inline-flex;
|
|
4541
|
+
align-items: center;
|
|
4542
|
+
justify-content: center;
|
|
4546
4543
|
width: var(--sort-icon-size);
|
|
4547
4544
|
height: var(--sort-icon-size);
|
|
4545
|
+
color: var(--sort-icon-color);
|
|
4546
|
+
background: var(--sort-icon-background);
|
|
4547
|
+
border-radius: var(--sort-icon-radius);
|
|
4548
4548
|
transform: translateY(-50%);
|
|
4549
4549
|
}
|
|
4550
4550
|
|
|
4551
|
+
.dc-table-cell__sort-btn-icon > svg {
|
|
4552
|
+
width: 90%;
|
|
4553
|
+
height: 90%;
|
|
4554
|
+
}
|
|
4555
|
+
|
|
4551
4556
|
.dc-table-head_tinted .dc-table-cell {
|
|
4552
4557
|
background: var(--head-background);
|
|
4553
4558
|
}
|
|
@@ -4589,6 +4594,8 @@
|
|
|
4589
4594
|
--row-background-highlighted: rgb(var(--dc-neutral-600-rgb) / 30%);
|
|
4590
4595
|
--cell-background-hover: var(--dc-neutral-800);
|
|
4591
4596
|
--cell-background-focus: var(--dc-neutral-800);
|
|
4597
|
+
--sort-icon-color: var(--dc-neutral-100);
|
|
4598
|
+
--sort-icon-background: rgb(var(--dc-neutral-100-rgb) / 15%);
|
|
4592
4599
|
|
|
4593
4600
|
color-scheme: dark;
|
|
4594
4601
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import {} from 'react';
|
|
3
3
|
import { classNames } from '../../lib/react-helpers.js';
|
|
4
|
-
import { XMarkIcon } from '../hero-icons/24/outline/x-mark-icon.js';
|
|
5
4
|
export function Alert({ shouldShowDismissButton, alertStyle = 'default', tint = 'gray', icon, title, children, className, onClickDismissButton, ...props }) {
|
|
6
5
|
return (_jsxs("div", { ...props, className: classNames(className, 'dc-alert', {
|
|
7
6
|
[`dc-alert_style_${alertStyle}`]: alertStyle,
|
|
@@ -10,4 +9,7 @@ export function Alert({ shouldShowDismissButton, alertStyle = 'default', tint =
|
|
|
10
9
|
'dc-alert_has_dismiss-button': shouldShowDismissButton,
|
|
11
10
|
}), children: [icon ? _jsx("div", { className: "dc-alert__icon", children: icon }) : null, _jsxs("div", { className: "dc-alert__body", children: [title ? _jsx("h2", { className: "dc-alert__title", children: title }) : null, children] }), shouldShowDismissButton && (_jsx("button", { type: "button", className: "dc-alert__dismiss-button", onClick: onClickDismissButton, children: _jsx(XMarkIcon, { width: 18, height: 18, strokeWidth: 2 }) }))] }));
|
|
12
11
|
}
|
|
12
|
+
function XMarkIcon(props) {
|
|
13
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" }) }));
|
|
14
|
+
}
|
|
13
15
|
//# sourceMappingURL=alert.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/components/alert/alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA+D,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/components/alert/alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA+D,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AA6BxD,MAAM,UAAU,KAAK,CAAC,EACpB,uBAAuB,EACvB,UAAU,GAAG,SAAS,EACtB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,GAAG,KAAK,EACG;IACX,OAAO,CACL,kBACM,KAAK,EACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,UAAU,EAAE;YAC3C,CAAC,kBAAkB,UAAU,EAAE,CAAC,EAAE,UAAU;YAC5C,CAAC,iBAAiB,IAAI,EAAE,CAAC,EAAE,IAAI;YAC/B,mBAAmB,EAAE,IAAI;YACzB,6BAA6B,EAAE,uBAAuB;SACvD,CAAC,aAED,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,gBAAgB,YAAE,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,EAC3D,eAAK,SAAS,EAAC,gBAAgB,aAC5B,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,iBAAiB,YAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EAC3D,QAAQ,IACL,EACL,uBAAuB,IAAI,CAC1B,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,oBAAoB,YAE7B,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,GAAI,GAC7C,CACV,IACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAA4B;IAC7C,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sBAAsB,GAAG,GAC1E,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -5,8 +5,6 @@ import { useEffect, useState } from 'react';
|
|
|
5
5
|
import { IconButton } from '../button/index.js';
|
|
6
6
|
import { Select } from '../select/index.js';
|
|
7
7
|
import { TextInput } from '../text-input/index.js';
|
|
8
|
-
import { ChevronLeftIcon } from '../hero-icons/24/outline/chevron-left-icon.js';
|
|
9
|
-
import { ChevronRightIcon } from '../hero-icons/24/outline/chevron-right-icon.js';
|
|
10
8
|
export function CalendarHeader({ focusDay, onChangeFocusDay, className, locale, nextMonthButtonLabel = 'next month', prevMonthButtonLabel = 'previous month', monthSelectLabel = 'month', yearInputLabel = 'year', }) {
|
|
11
9
|
const selectedYear = focusDay.getFullYear();
|
|
12
10
|
const selectedMonth = focusDay.getMonth();
|
|
@@ -41,4 +39,10 @@ function formatYear(year) {
|
|
|
41
39
|
function parseYear(year) {
|
|
42
40
|
return Number(year);
|
|
43
41
|
}
|
|
42
|
+
function ChevronLeftIcon(props) {
|
|
43
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) }));
|
|
44
|
+
}
|
|
45
|
+
function ChevronRightIcon(props) {
|
|
46
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }));
|
|
47
|
+
}
|
|
44
48
|
//# sourceMappingURL=calendar-header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-header.js","sourceRoot":"","sources":["../../../src/components/date-picker/calendar-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,
|
|
1
|
+
{"version":3,"file":"calendar-header.js","sourceRoot":"","sources":["../../../src/components/date-picker/calendar-header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import {} from 'react';
|
|
2
3
|
import { classNames } from '../../lib/react-helpers.js';
|
|
3
4
|
import { useDialogContext } from './dialog-context.js';
|
|
4
|
-
import {} from 'react';
|
|
5
5
|
import { IconButton } from '../button/index.js';
|
|
6
|
-
import { XMarkIcon } from '../hero-icons/24/outline/x-mark-icon.js';
|
|
7
6
|
export function DialogHeader({ className, title, children, contentAlign = 'left', ...props }) {
|
|
8
7
|
const { titleId, isBodyHasScroll, onClose } = useDialogContext();
|
|
9
8
|
return (_jsxs("div", { className: classNames(className, {
|
|
@@ -17,4 +16,7 @@ export function DialogHeader({ className, title, children, contentAlign = 'left'
|
|
|
17
16
|
? _jsx("div", { className: "dc-dialog__header-body", children: children })
|
|
18
17
|
: null] }));
|
|
19
18
|
}
|
|
19
|
+
function XMarkIcon(props) {
|
|
20
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" }) }));
|
|
21
|
+
}
|
|
20
22
|
//# sourceMappingURL=dialog-header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-header.js","sourceRoot":"","sources":["../../../src/components/dialog/dialog-header.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"dialog-header.js","sourceRoot":"","sources":["../../../src/components/dialog/dialog-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAahD,MAAM,UAAU,YAAY,CAAC,EAC3B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,YAAY,GAAG,MAAM,EACrB,GAAG,KAAK,EACU;IAClB,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEjE,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;YAC/B,oBAAoB,EAAE,IAAI;YAC1B,mBAAmB,EAAE,IAAI;YACzB,qCAAqC,EAAE,eAAe;YACtD,CAAC,mCAAmC,YAAY,EAAE,CAAC,EAAE,YAAY;SAClE,CAAC,KACE,KAAK,aAER,KAAK;gBACJ,CAAC,CAAC,aAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAM;gBAC5D,CAAC,CAAC,IAAI,EACR,KAAC,UAAU,IACT,SAAS,EAAC,yBAAyB,EACnC,WAAW,EAAC,OAAO,EACnB,OAAO,EAAE,OAAO,YAEhB,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,GAAI,GACzC,EACZ,QAAQ;gBACP,CAAC,CAAC,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO;gBAC1D,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAA4B;IAC7C,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sBAAsB,GAAG,GAC1E,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -2,7 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import {} from 'react';
|
|
3
3
|
import { classNames } from '../../lib/react-helpers.js';
|
|
4
4
|
import { useTranslations } from './use-translations.js';
|
|
5
|
-
import { XMarkIcon } from '../hero-icons/24/outline/x-mark-icon.js';
|
|
6
5
|
export function FilterToken({ ref, className, isHighlighted, children, onClickLabel, onClickCloseButton, }) {
|
|
7
6
|
const { removeFilterButton } = useTranslations();
|
|
8
7
|
return (_jsxs("div", { ref: ref, "data-testid": "filter-token", className: classNames(className, {
|
|
@@ -10,4 +9,7 @@ export function FilterToken({ ref, className, isHighlighted, children, onClickLa
|
|
|
10
9
|
'dc-filter-token_highlighted': isHighlighted,
|
|
11
10
|
}), children: [_jsx("button", { className: "dc-filter-token__label", onClick: onClickLabel, children: children }), _jsx("button", { className: "dc-filter-token__button", type: "button", "aria-label": removeFilterButton, onClick: onClickCloseButton, children: _jsx(XMarkIcon, { width: 16, height: 16 }) })] }));
|
|
12
11
|
}
|
|
12
|
+
function XMarkIcon(props) {
|
|
13
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" }) }));
|
|
14
|
+
}
|
|
13
15
|
//# sourceMappingURL=filter-token.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter-token.js","sourceRoot":"","sources":["../../../src/components/filtered-search/filter-token.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA+D,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"filter-token.js","sourceRoot":"","sources":["../../../src/components/filtered-search/filter-token.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA+D,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAgBxD,MAAM,UAAU,WAAW,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,kBAAkB,GACD;IACjB,MAAM,EAAE,kBAAkB,EAAE,GAAG,eAAe,EAAE,CAAC;IACjD,OAAO,CACL,eACE,GAAG,EAAE,GAAG,iBACI,cAAc,EAC1B,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;YAC/B,iBAAiB,EAAE,IAAI;YACvB,6BAA6B,EAAE,aAAa;SAC7C,CAAC,aAEF,iBAAQ,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,YAAY,YAC7D,QAAQ,GACF,EACT,iBACE,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,QAAQ,gBACD,kBAAkB,EAC9B,OAAO,EAAE,kBAAkB,YAE3B,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC7B,IACL,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAA4B;IAC7C,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sBAAsB,GAAG,GAC1E,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -10,8 +10,6 @@ import { classNames, tryToFocusElement } from '../../lib/react-helpers.js';
|
|
|
10
10
|
import { exhaustiveCheck } from '../../lib/helpers.js';
|
|
11
11
|
import { IconButton } from '../button/index.js';
|
|
12
12
|
import { FilterItem } from './filter-item.js';
|
|
13
|
-
import { TrashIcon } from '../hero-icons/24/outline/trash-icon.js';
|
|
14
|
-
import { MagnifyingGlassIcon } from '../hero-icons/24/outline/magnifying-glass-icon.js';
|
|
15
13
|
export function FilteredSearch({ filters: appliedFilters, className, placeholder = 'Search and filter', applyButtonLabel = 'Apply', cancelButtonLabel = 'Cancel', clearButtonAccessibleName = 'Clear', removeFilterButtonAccessibleName = 'Remove filter', filtersConfig, onChangeFilters, onMouseDown, ...props }) {
|
|
16
14
|
const containerRef = useRef(null);
|
|
17
15
|
const [newFilter, setNewFilter] = useState(null);
|
|
@@ -218,4 +216,10 @@ function createFilter(config) {
|
|
|
218
216
|
exhaustiveCheck(filterType, `Unable to create a filter with ${filterType} type.`);
|
|
219
217
|
}
|
|
220
218
|
}
|
|
219
|
+
function MagnifyingGlassIcon(props) {
|
|
220
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" }) }));
|
|
221
|
+
}
|
|
222
|
+
function TrashIcon(props) {
|
|
223
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" }) }));
|
|
224
|
+
}
|
|
221
225
|
//# sourceMappingURL=filtered-search.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filtered-search.js","sourceRoot":"","sources":["../../../src/components/filtered-search/filtered-search.tsx"],"names":[],"mappings":";AAAA,OAAO,EAOL,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAkC,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"filtered-search.js","sourceRoot":"","sources":["../../../src/components/filtered-search/filtered-search.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,6 @@ import { useId } from 'react';
|
|
|
3
3
|
import { classNames } from '../../lib/react-helpers.js';
|
|
4
4
|
import { TextInput } from '../text-input/index.js';
|
|
5
5
|
import { Caption } from '../caption/index.js';
|
|
6
|
-
import { ExclamationTriangleIcon } from '../hero-icons/24/solid/exclamation-triangle-icon.js';
|
|
7
6
|
export function StringFilterInput({ className, accessibleName, placeholder, error, value, onChangeValue, }) {
|
|
8
7
|
const id = useId();
|
|
9
8
|
const alertId = `${id}alert`;
|
|
@@ -13,4 +12,7 @@ export function StringFilterInput({ className, accessibleName, placeholder, erro
|
|
|
13
12
|
function ArrowReturnRightIcon(props) {
|
|
14
13
|
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: 16, height: 16, fill: "currentColor", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5z" }) }));
|
|
15
14
|
}
|
|
15
|
+
function ExclamationTriangleIcon(props) {
|
|
16
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, fill: "currentColor", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z", clipRule: "evenodd" }) }));
|
|
17
|
+
}
|
|
16
18
|
//# sourceMappingURL=string-filter-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"string-filter-input.js","sourceRoot":"","sources":["../../../src/components/filtered-search/string-filter-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,KAAK,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"string-filter-input.js","sourceRoot":"","sources":["../../../src/components/filtered-search/string-filter-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,KAAK,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAW9C,MAAM,UAAU,iBAAiB,CAAC,EAChC,SAAS,EACT,cAAc,EACd,WAAW,EACX,KAAK,EACL,KAAK,EACL,aAAa,GACU;IACvB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,OAAO,GAAG,GAAG,EAAE,OAAO,CAAC;IAC7B,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC/B,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,SAAS,CAAC,aAC7D,KAAC,oBAAoB,KAAG,EAExB,KAAC,SAAS,mBACI,qBAAqB,EACjC,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,IAAI,gBACH,cAAc,sBACR,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EACxC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,IAAI,EACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,GAC5B,EACD,OAAO,IAAI,CACV,KAAC,OAAO,IACN,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,+BAA+B,EACzC,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,KAAK,EACX,IAAI,EAAE,KAAC,uBAAuB,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,YAEvD,KAAK,GACE,CACX,IACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAAC,KAA4B;IACxD,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,cAAc,KACf,KAAK,YAET,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oMAAoM,GACtM,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,uBAAuB,CAAC,KAA4B;IAC3D,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,cAAc,KACf,KAAK,YAET,eAAM,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,oPAAoP,EAAC,QAAQ,EAAC,SAAS,GAAG,GACjS,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -3,7 +3,6 @@ import { useId } from 'react';
|
|
|
3
3
|
import { classNames } from '../../lib/react-helpers.js';
|
|
4
4
|
import { Label } from '../label/index.js';
|
|
5
5
|
import { Caption } from '../caption/index.js';
|
|
6
|
-
import { ExclamationTriangleIcon } from '../hero-icons/24/solid/exclamation-triangle-icon.js';
|
|
7
6
|
export function FormField({ required = false, labelFor = '', label, error, hint, className = '', children, ...props }) {
|
|
8
7
|
const id = useId();
|
|
9
8
|
const invalid = Boolean(error);
|
|
@@ -37,4 +36,7 @@ export function FormField({ required = false, labelFor = '', label, error, hint,
|
|
|
37
36
|
? (_jsx(Label, { className: "dc-form-field__label", required: required, htmlFor: inputId, children: label }))
|
|
38
37
|
: null, _jsx("div", { className: "dc-form-field__input", children: inputElement }), errorElement, hintElement] }));
|
|
39
38
|
}
|
|
39
|
+
function ExclamationTriangleIcon(props) {
|
|
40
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, fill: "currentColor", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z", clipRule: "evenodd" }) }));
|
|
41
|
+
}
|
|
40
42
|
//# sourceMappingURL=form-field.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../../src/components/form-field/form-field.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuC,KAAK,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../../src/components/form-field/form-field.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuC,KAAK,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAwB9C,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,EAAE,EACb,KAAK,EACL,KAAK,EACL,IAAI,EACJ,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACO;IACf,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC/B,MAAM,OAAO,GAAG,QAAQ,IAAI,GAAG,EAAE,QAAQ,CAAC;IAC1C,MAAM,gBAAgB,GAAa,EAAE,CAAC;IAEtC,IAAI,WAAW,GAAc,IAAI,CAAC;IAClC,IAAI,IAAI,EAAE,CAAC;QACT,MAAM,MAAM,GAAG,GAAG,OAAO,OAAO,CAAC;QACjC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC9B,WAAW,GAAG,CACZ,KAAC,OAAO,IAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC,qBAAqB,YACjD,IAAI,GACG,CACX,CAAC;IACJ,CAAC;IAED,IAAI,YAAY,GAAc,IAAI,CAAC;IACnC,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,OAAO,GAAG,GAAG,OAAO,QAAQ,CAAC;QACnC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC/B,YAAY,GAAG,CACb,KAAC,OAAO,IACN,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,sBAAsB,EAChC,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,KAAK,EACX,IAAI,EAAE,KAAC,uBAAuB,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,YAEvD,KAAK,GACE,CACX,CAAC;IACJ,CAAC;IAED,IAAI,YAAuB,CAAC;IAC5B,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACnC,YAAY,GAAG,QAAQ,CAAC;YACtB,OAAO;YACP,QAAQ;YACR,EAAE,EAAE,OAAO;YACX,WAAW,EAAE,gBAAgB;SAC9B,CAAC,CAAC;IACL,CAAC;SAAM,CAAC;QACN,YAAY,GAAG,QAAQ,CAAC;IAC1B,CAAC;IAED,OAAO,CACL,kBAAS,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,aAC9D,KAAK;gBACJ,CAAC,CAAC,CACE,KAAC,KAAK,IACJ,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,YAEf,KAAK,GACA,CACT;gBACH,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAC,sBAAsB,YAClC,YAAY,GACT,EACL,YAAY,EACZ,WAAW,IACR,CACP,CAAC;AACJ,CAAC;AAED,SAAS,uBAAuB,CAAC,KAA4B;IAC3D,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,cAAc,KACf,KAAK,YAET,eAAM,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,oPAAoP,EAAC,QAAQ,EAAC,SAAS,GAAG,GACjS,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import { classNames } from '../../lib/react-helpers.js';
|
|
4
4
|
import { TextInput } from '../text-input/index.js';
|
|
5
5
|
import { Tooltip } from '../tooltip/index.js';
|
|
6
|
-
import { EyeIcon } from '../hero-icons/24/outline/eye-icon.js';
|
|
7
|
-
import { EyeSlashIcon } from '../hero-icons/24/outline/eye-slash-icon.js';
|
|
8
6
|
import { Spinner } from '../spinner/index.js';
|
|
9
7
|
import { Button } from '../button/index.js';
|
|
10
8
|
const getDefaultTooltipText = (visible) => (visible
|
|
@@ -25,4 +23,10 @@ export function PasswordInput({ className, loading = false, defaultVisible = fal
|
|
|
25
23
|
? _jsx(Spinner, { width: "1.15em" })
|
|
26
24
|
: renderToggleButtonIcon(visible) })) })) }));
|
|
27
25
|
}
|
|
26
|
+
function EyeIcon(props) {
|
|
27
|
+
return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: [_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" })] }));
|
|
28
|
+
}
|
|
29
|
+
function EyeSlashIcon(props) {
|
|
30
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88" }) }));
|
|
31
|
+
}
|
|
28
32
|
//# sourceMappingURL=password-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"password-input.js","sourceRoot":"","sources":["../../../src/components/password-input/password-input.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"password-input.js","sourceRoot":"","sources":["../../../src/components/password-input/password-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,27 +1,34 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import {} from 'react';
|
|
3
3
|
import { classNames } from '../../lib/react-helpers.js';
|
|
4
|
-
import { ArrowsUpDownIcon } from '../hero-icons/24/outline/arrows-up-down-icon.js';
|
|
5
|
-
import { ArrowUpIcon } from '../hero-icons/24/outline/arrow-up-icon.js';
|
|
6
|
-
import { ArrowDownIcon } from '../hero-icons/24/outline/arrow-down-icon.js';
|
|
7
|
-
const iconMapping = {
|
|
8
|
-
none: ArrowsUpDownIcon,
|
|
9
|
-
ascending: ArrowUpIcon,
|
|
10
|
-
descending: ArrowDownIcon,
|
|
11
|
-
};
|
|
12
|
-
const stateMapping = {
|
|
13
|
-
none: 'ascending',
|
|
14
|
-
ascending: 'descending',
|
|
15
|
-
descending: 'none',
|
|
16
|
-
};
|
|
17
4
|
export function TableHeadCell({ isSortable = false, sort = 'none', className, children, onChangeSort, ...props }) {
|
|
18
5
|
if (isSortable) {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
6
|
+
let icon;
|
|
7
|
+
if (sort === 'ascending') {
|
|
8
|
+
icon = _jsx(ChevronUpIcon, {});
|
|
9
|
+
}
|
|
10
|
+
else if (sort === 'descending') {
|
|
11
|
+
icon = _jsx(ChevronDownIcon, {});
|
|
12
|
+
}
|
|
13
|
+
else {
|
|
14
|
+
icon = _jsx(ChevronUpDownIcon, {});
|
|
15
|
+
}
|
|
16
|
+
const handleClick = () => {
|
|
17
|
+
if (typeof onChangeSort === 'function') {
|
|
18
|
+
let nextSort;
|
|
19
|
+
if (sort === 'ascending') {
|
|
20
|
+
nextSort = 'descending';
|
|
23
21
|
}
|
|
24
|
-
|
|
22
|
+
else if (sort === 'descending') {
|
|
23
|
+
nextSort = 'none';
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
nextSort = 'ascending';
|
|
27
|
+
}
|
|
28
|
+
onChangeSort(nextSort);
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
children = (_jsxs("button", { className: "dc-table-cell__sort-btn", type: "button", onClick: handleClick, children: [children, icon && (_jsx("span", { className: "dc-table-cell__sort-btn-icon", "aria-hidden": true, children: icon }))] }));
|
|
25
32
|
}
|
|
26
33
|
return (_jsx("th", { ...props, className: classNames(className, {
|
|
27
34
|
'dc-table-cell': true,
|
|
@@ -29,4 +36,13 @@ export function TableHeadCell({ isSortable = false, sort = 'none', className, ch
|
|
|
29
36
|
'dc-table-cell_sortable': isSortable,
|
|
30
37
|
}), "aria-sort": isSortable ? sort : props['aria-sort'], children: children }));
|
|
31
38
|
}
|
|
39
|
+
function ChevronUpIcon({ width = 20, height = 20, ...props }) {
|
|
40
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: width, height: height, fill: "currentColor", ...props, children: _jsx("path", { d: "M9.47 6.47a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L10 8.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06l4.25-4.25Z", clipRule: "evenodd", fillRule: "evenodd" }) }));
|
|
41
|
+
}
|
|
42
|
+
function ChevronDownIcon({ width = 20, height = 20, ...props }) {
|
|
43
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: width, height: height, fill: "currentColor", ...props, children: _jsx("path", { d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z", clipRule: "evenodd", fillRule: "evenodd" }) }));
|
|
44
|
+
}
|
|
45
|
+
function ChevronUpDownIcon({ width = 20, height = 20, ...props }) {
|
|
46
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: width, height: height, fill: "currentColor", ...props, children: _jsx("path", { d: "M10.53 3.47a.75.75 0 0 0-1.06 0L6.22 6.72a.75.75 0 0 0 1.06 1.06L10 5.06l2.72 2.72a.75.75 0 1 0 1.06-1.06l-3.25-3.25Zm-4.31 9.81 3.25 3.25a.75.75 0 0 0 1.06 0l3.25-3.25a.75.75 0 1 0-1.06-1.06L10 14.94l-2.72-2.72a.75.75 0 0 0-1.06 1.06Z", clipRule: "evenodd", fillRule: "evenodd" }) }));
|
|
47
|
+
}
|
|
32
48
|
//# sourceMappingURL=table-head-cell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-head-cell.js","sourceRoot":"","sources":["../../../src/components/table/table-head-cell.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"table-head-cell.js","sourceRoot":"","sources":["../../../src/components/table/table-head-cell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,9 +9,14 @@
|
|
|
9
9
|
--row-background-highlighted: rgb(var(--dc-neutral-300-rgb) / 30%);
|
|
10
10
|
--cell-background-hover: var(--dc-neutral-100);
|
|
11
11
|
--cell-background-focus: var(--dc-neutral-100);
|
|
12
|
-
--cell-padding
|
|
13
|
-
--
|
|
14
|
-
--sort-
|
|
12
|
+
--cell-padding: 8px 12px;
|
|
13
|
+
--sort-btn-focus-ring: 2px solid var(--dc-focus-ring-color);
|
|
14
|
+
--sort-btn-focus-ring-offset: 2px;
|
|
15
|
+
--sort-icon-size: 20px;
|
|
16
|
+
--sort-icon-gap: 4px;
|
|
17
|
+
--sort-icon-color: var(--dc-neutral-900);
|
|
18
|
+
--sort-icon-background: rgb(var(--dc-neutral-900-rgb) / 7.5%);
|
|
19
|
+
--sort-icon-radius: 4px;
|
|
15
20
|
|
|
16
21
|
color-scheme: light;
|
|
17
22
|
}
|
|
@@ -58,7 +63,7 @@
|
|
|
58
63
|
|
|
59
64
|
.dc-table-cell {
|
|
60
65
|
box-sizing: border-box;
|
|
61
|
-
padding: var(--cell-padding
|
|
66
|
+
padding: var(--cell-padding);
|
|
62
67
|
scroll-snap-align: start;
|
|
63
68
|
background: var(--background);
|
|
64
69
|
border-bottom: 1px solid var(--border-color);
|
|
@@ -72,25 +77,16 @@
|
|
|
72
77
|
}
|
|
73
78
|
|
|
74
79
|
.dc-table_cell_sm .dc-table-cell {
|
|
75
|
-
--cell-padding
|
|
76
|
-
--cell-padding-x: 8px;
|
|
80
|
+
--cell-padding: 4px 8px;
|
|
77
81
|
}
|
|
78
82
|
|
|
79
83
|
.dc-table_cell_lg .dc-table-cell {
|
|
80
|
-
--cell-padding
|
|
81
|
-
--cell-padding-x: 16px;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.dc-table-cell_sortable {
|
|
85
|
-
padding: 0;
|
|
84
|
+
--cell-padding: 12px 16px;
|
|
86
85
|
}
|
|
87
86
|
|
|
88
87
|
.dc-table-cell__sort-btn {
|
|
89
88
|
position: relative;
|
|
90
|
-
|
|
91
|
-
width: 100%;
|
|
92
|
-
padding: var(--cell-padding-y) var(--cell-padding-x);
|
|
93
|
-
padding-right: calc(var(--cell-padding-x) + var(--sort-icon-size) + var(--cell-padding-x));
|
|
89
|
+
padding: 0 calc(var(--sort-icon-gap) + var(--sort-icon-size)) 0 0;
|
|
94
90
|
margin: 0;
|
|
95
91
|
font: inherit;
|
|
96
92
|
color: inherit;
|
|
@@ -100,10 +96,7 @@
|
|
|
100
96
|
appearance: none;
|
|
101
97
|
background: transparent;
|
|
102
98
|
border: none;
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
.dc-table-cell__sort-btn:hover {
|
|
106
|
-
background: var(--cell-background-hover);
|
|
99
|
+
border-radius: var(--sort-icon-radius);
|
|
107
100
|
}
|
|
108
101
|
|
|
109
102
|
.dc-table-cell__sort-btn:focus {
|
|
@@ -111,18 +104,30 @@
|
|
|
111
104
|
}
|
|
112
105
|
|
|
113
106
|
.dc-table-cell__sort-btn:focus-visible {
|
|
114
|
-
|
|
107
|
+
outline: var(--sort-btn-focus-ring);
|
|
108
|
+
outline-offset: var(--sort-btn-focus-ring-offset);
|
|
115
109
|
}
|
|
116
110
|
|
|
117
|
-
.dc-table-cell__sort-icon {
|
|
111
|
+
.dc-table-cell__sort-btn-icon {
|
|
118
112
|
position: absolute;
|
|
119
113
|
top: 50%;
|
|
120
|
-
right:
|
|
114
|
+
right: 0;
|
|
115
|
+
display: inline-flex;
|
|
116
|
+
align-items: center;
|
|
117
|
+
justify-content: center;
|
|
121
118
|
width: var(--sort-icon-size);
|
|
122
119
|
height: var(--sort-icon-size);
|
|
120
|
+
color: var(--sort-icon-color);
|
|
121
|
+
background: var(--sort-icon-background);
|
|
122
|
+
border-radius: var(--sort-icon-radius);
|
|
123
123
|
transform: translateY(-50%);
|
|
124
124
|
}
|
|
125
125
|
|
|
126
|
+
.dc-table-cell__sort-btn-icon > svg {
|
|
127
|
+
width: 90%;
|
|
128
|
+
height: 90%;
|
|
129
|
+
}
|
|
130
|
+
|
|
126
131
|
.dc-table-head_tinted .dc-table-cell {
|
|
127
132
|
background: var(--head-background);
|
|
128
133
|
}
|
|
@@ -164,6 +169,8 @@
|
|
|
164
169
|
--row-background-highlighted: rgb(var(--dc-neutral-600-rgb) / 30%);
|
|
165
170
|
--cell-background-hover: var(--dc-neutral-800);
|
|
166
171
|
--cell-background-focus: var(--dc-neutral-800);
|
|
172
|
+
--sort-icon-color: var(--dc-neutral-100);
|
|
173
|
+
--sort-icon-background: rgb(var(--dc-neutral-100-rgb) / 15%);
|
|
167
174
|
|
|
168
175
|
color-scheme: dark;
|
|
169
176
|
}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import {} from 'react';
|
|
3
3
|
import { classNames } from '../../lib/react-helpers.js';
|
|
4
|
-
import { XMarkIcon } from '../hero-icons/24/outline/x-mark-icon.js';
|
|
5
4
|
export function Toast({ icon, message, actions, closeButtonAriaLabel = 'close', onClickCloseButton, children, className, ...props }) {
|
|
6
5
|
return (_jsxs("section", { ...props, className: classNames('dc-toast', className), children: [_jsx("button", { className: "dc-toast__close-btn", "aria-label": closeButtonAriaLabel, onClick: onClickCloseButton, children: _jsx(XMarkIcon, { width: 16, height: 16 }) }), _jsxs("div", { className: "dc-toast__body", children: [icon && _jsx("div", { className: "dc-toast__icon", children: icon }), _jsxs("div", { className: "dc-toast__content", children: [_jsx("h1", { className: "dc-toast__title", children: children }), message && _jsx("div", { className: "dc-toast__message", children: message })] })] }), actions && _jsx("div", { className: "dc-toast__actions", children: actions })] }));
|
|
7
6
|
}
|
|
7
|
+
function XMarkIcon(props) {
|
|
8
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" }) }));
|
|
9
|
+
}
|
|
8
10
|
//# sourceMappingURL=toast.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/components/toast/toast.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA+D,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/components/toast/toast.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA+D,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAgBxD,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,OAAO,EACP,oBAAoB,GAAG,OAAO,EAC9B,kBAAkB,EAClB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACG;IACX,OAAO,CACL,sBACM,KAAK,EACT,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,aAE5C,iBACE,SAAS,EAAC,qBAAqB,gBACnB,oBAAoB,EAChC,OAAO,EAAE,kBAAkB,YAE3B,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC7B,EACT,eAAK,SAAS,EAAC,gBAAgB,aAC5B,IAAI,IAAI,cAAK,SAAS,EAAC,gBAAgB,YAAE,IAAI,GAAO,EACrD,eAAK,SAAS,EAAC,mBAAmB,aAChC,aAAI,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAM,EAC9C,OAAO,IAAI,cAAK,SAAS,EAAC,mBAAmB,YAAE,OAAO,GAAO,IAC1D,IACF,EACL,OAAO,IAAI,cAAK,SAAS,EAAC,mBAAmB,YAAE,OAAO,GAAO,IACtD,CACX,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAA4B;IAC7C,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sBAAsB,GAAG,GAC1E,CACP,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {} from 'react';
|
|
3
|
-
export function ArrowDownIcon(props) {
|
|
4
|
-
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3" }) }));
|
|
5
|
-
}
|
|
6
|
-
//# sourceMappingURL=arrow-down-icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"arrow-down-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/outline/arrow-down-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,aAAa,CAAC,KAA4B;IACxD,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sCAAsC,GAAG,GAC1F,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {} from 'react';
|
|
3
|
-
export function ArrowUpIcon(props) {
|
|
4
|
-
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18" }) }));
|
|
5
|
-
}
|
|
6
|
-
//# sourceMappingURL=arrow-up-icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"arrow-up-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/outline/arrow-up-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,WAAW,CAAC,KAA4B;IACtD,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,oCAAoC,GAAG,GACxF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {} from 'react';
|
|
3
|
-
export function ArrowsUpDownIcon(props) {
|
|
4
|
-
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5" }) }));
|
|
5
|
-
}
|
|
6
|
-
//# sourceMappingURL=arrows-up-down-icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"arrows-up-down-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/outline/arrows-up-down-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,2EAA2E,GAAG,GAC/H,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {} from 'react';
|
|
3
|
-
export function ChevronLeftIcon(props) {
|
|
4
|
-
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) }));
|
|
5
|
-
}
|
|
6
|
-
//# sourceMappingURL=chevron-left-icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"chevron-left-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/outline/chevron-left-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,eAAe,CAAC,KAA4B;IAC1D,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,6BAA6B,GAAG,GACjF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {} from 'react';
|
|
3
|
-
export function ChevronRightIcon(props) {
|
|
4
|
-
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }));
|
|
5
|
-
}
|
|
6
|
-
//# sourceMappingURL=chevron-right-icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"chevron-right-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/outline/chevron-right-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,2BAA2B,GAAG,GAC/E,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {} from 'react';
|
|
3
|
-
export function EyeIcon(props) {
|
|
4
|
-
return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: [_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" })] }));
|
|
5
|
-
}
|
|
6
|
-
//# sourceMappingURL=eye-icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"eye-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/outline/eye-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,OAAO,CAAC,KAA4B;IAClD,OAAO,CACL,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,aAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,0LAA0L,GAAG,EAClP,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,qCAAqC,GAAG,IACzF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {} from 'react';
|
|
3
|
-
export function EyeSlashIcon(props) {
|
|
4
|
-
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88" }) }));
|
|
5
|
-
}
|
|
6
|
-
//# sourceMappingURL=eye-slash-icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"eye-slash-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/outline/eye-slash-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,YAAY,CAAC,KAA4B;IACvD,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,8UAA8U,GAAG,GAClY,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {} from 'react';
|
|
3
|
-
export function MagnifyingGlassIcon(props) {
|
|
4
|
-
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" }) }));
|
|
5
|
-
}
|
|
6
|
-
//# sourceMappingURL=magnifying-glass-icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"magnifying-glass-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/outline/magnifying-glass-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,mBAAmB,CAAC,KAA4B;IAC9D,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,+EAA+E,GAAG,GACnI,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {} from 'react';
|
|
3
|
-
export function TrashIcon(props) {
|
|
4
|
-
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" }) }));
|
|
5
|
-
}
|
|
6
|
-
//# sourceMappingURL=trash-icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"trash-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/outline/trash-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,SAAS,CAAC,KAA4B;IACpD,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,+ZAA+Z,GAAG,GACnd,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {} from 'react';
|
|
3
|
-
export function XMarkIcon(props) {
|
|
4
|
-
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" }) }));
|
|
5
|
-
}
|
|
6
|
-
//# sourceMappingURL=x-mark-icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"x-mark-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/outline/x-mark-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,SAAS,CAAC,KAA4B;IACpD,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sBAAsB,GAAG,GAC1E,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {} from 'react';
|
|
3
|
-
export function ExclamationTriangleIcon(props) {
|
|
4
|
-
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, fill: "currentColor", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z", clipRule: "evenodd" }) }));
|
|
5
|
-
}
|
|
6
|
-
//# sourceMappingURL=exclamation-triangle-icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"exclamation-triangle-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/solid/exclamation-triangle-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,uBAAuB,CAAC,KAA4B;IAClE,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,cAAc,KACf,KAAK,YAET,eAAM,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,oPAAoP,EAAC,QAAQ,EAAC,SAAS,GAAG,GACjS,CACP,CAAC;AACJ,CAAC"}
|