achery-ui 0.13.1 → 0.14.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/dist/{chunk-NBDD2PAR.js → chunk-22UR75CB.js} +14 -2
- package/dist/chunk-22UR75CB.js.map +1 -0
- package/dist/{chunk-QKXPZEGC.cjs → chunk-EX44IOFJ.cjs} +14 -2
- package/dist/chunk-EX44IOFJ.cjs.map +1 -0
- package/dist/index.cjs +95 -13
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +105 -2
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +34 -2
- package/dist/index.d.ts +34 -2
- package/dist/index.js +93 -12
- package/dist/index.js.map +1 -1
- package/dist/native/index.d.cts +1 -1
- package/dist/native/index.d.ts +1 -1
- package/dist/{theme-B9RbXFJn.d.cts → theme-hQN6BV-J.d.cts} +1 -1
- package/dist/{theme-B9RbXFJn.d.ts → theme-hQN6BV-J.d.ts} +1 -1
- package/dist/tokens/index.cjs +48 -48
- package/dist/tokens/index.d.cts +4 -1
- package/dist/tokens/index.d.ts +4 -1
- package/dist/tokens/index.js +2 -2
- package/package.json +1 -1
- package/src/types/theme.ts +1 -0
- package/dist/chunk-NBDD2PAR.js.map +0 -1
- package/dist/chunk-QKXPZEGC.cjs.map +0 -1
|
@@ -35,6 +35,11 @@ var palette = {
|
|
|
35
35
|
fern: "#36643e",
|
|
36
36
|
fernDeep: "#1d4825",
|
|
37
37
|
fernLight: "#618d67",
|
|
38
|
+
// Olive — muted yellow-green, drab and earthy. Distinct from moss (blue-green),
|
|
39
|
+
// fern (pure green), and ochre (gold).
|
|
40
|
+
olive: "#5a5a2a",
|
|
41
|
+
oliveDeep: "#3f3f1c",
|
|
42
|
+
oliveLight: "#8a8a52",
|
|
38
43
|
blush: "#955c63",
|
|
39
44
|
blushDeep: "#713f45",
|
|
40
45
|
blushLight: "#bc848a",
|
|
@@ -142,10 +147,17 @@ var accentColors = {
|
|
|
142
147
|
deep: palette.blushDeep,
|
|
143
148
|
fg: palette.paper,
|
|
144
149
|
fgDark: palette.inkDeep
|
|
150
|
+
},
|
|
151
|
+
olive: {
|
|
152
|
+
main: palette.olive,
|
|
153
|
+
light: palette.oliveLight,
|
|
154
|
+
deep: palette.oliveDeep,
|
|
155
|
+
fg: palette.paper,
|
|
156
|
+
fgDark: palette.inkDeep
|
|
145
157
|
}
|
|
146
158
|
};
|
|
147
159
|
var accentColorNames = Object.keys(accentColors);
|
|
148
160
|
|
|
149
161
|
export { accentColorNames, accentColors, palette };
|
|
150
|
-
//# sourceMappingURL=chunk-
|
|
151
|
-
//# sourceMappingURL=chunk-
|
|
162
|
+
//# sourceMappingURL=chunk-22UR75CB.js.map
|
|
163
|
+
//# sourceMappingURL=chunk-22UR75CB.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/tokens/palette.ts","../src/tokens/accents.ts"],"names":[],"mappings":"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","file":"chunk-22UR75CB.js","sourcesContent":["export const palette = {\n ink: '#1f1d18',\n inkDeep: '#14130f',\n\n paper: '#fbf8f0',\n paperWarm: '#f0e9d6',\n paperToasted: '#e6dec5',\n cream: '#e8dfc8',\n creamSoft: '#d8cdb0',\n\n mossDeep: '#2e3a20',\n moss: '#4a5a32',\n mossMid: '#6b7a48',\n mossLight: '#8da866',\n sage: '#b6c898',\n\n terracotta: '#c46a3a',\n terracottaDeep: '#a05526',\n terracottaLight: '#d97a4a',\n\n plum: '#5d4a6a',\n plumMid: '#7a5e8a',\n plumLight: '#8b6fa8',\n\n rust: '#8a3a22',\n ochre: '#b8924a',\n\n slate: '#195a73',\n slateDeep: '#004157',\n slateLight: '#5189a1',\n\n verdigris: '#00685f',\n verdigrisDeep: '#004d46',\n verdigrisLight: '#3f9086',\n\n mauve: '#76425b',\n mauveDeep: '#5a2b43',\n mauveLight: '#a56c87',\n\n amber: '#9a6839',\n amberDeep: '#76491d',\n amberLight: '#be8c61',\n\n fern: '#36643e',\n fernDeep: '#1d4825',\n fernLight: '#618d67',\n\n // Olive — muted yellow-green, drab and earthy. Distinct from moss (blue-green),\n // fern (pure green), and ochre (gold).\n olive: '#5a5a2a',\n oliveDeep: '#3f3f1c',\n oliveLight: '#8a8a52',\n\n blush: '#955c63',\n blushDeep: '#713f45',\n blushLight: '#bc848a',\n\n leather: '#6b3a26',\n leatherMid: '#8a4e34',\n leatherLight: '#a86a48',\n\n copper: '#b8742a',\n copperDeep: '#8a531a',\n copperLight: '#d68f48',\n copperPatina: '#5a7a6a',\n\n silver: '#a8a098',\n silverDeep: '#6e6a62',\n silverLight: '#c8c0b6',\n\n wood: '#7a5a3a',\n woodLight: '#a88660',\n woodDeep: '#4a3422',\n\n gold: '#c69a4a',\n goldDeep: '#9a7430',\n goldLight: '#e0bc70',\n\n success: '#6ba03d',\n} as const\n\nexport type PaletteKey = keyof typeof palette\n","import { palette } from './palette'\nimport type { AccentColor } from '../types/theme'\n\nexport type { AccentColor }\n\nexport const accentColors: Record<AccentColor, {\n readonly main: string\n readonly light: string\n readonly deep: string\n readonly fg: string\n readonly fgDark: string\n}> = {\n terracotta: {\n main: palette.terracotta,\n light: palette.terracottaLight,\n deep: palette.terracottaDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n moss: {\n main: palette.moss,\n light: palette.mossLight,\n deep: palette.mossDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n plum: {\n main: palette.plum,\n light: palette.plumLight,\n deep: palette.plum,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n ochre: {\n main: palette.ochre,\n light: palette.goldLight,\n deep: palette.goldDeep,\n fg: palette.ink,\n fgDark: palette.ink,\n },\n rust: {\n main: palette.rust,\n light: palette.terracotta,\n deep: palette.rust,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n copper: {\n main: palette.copper,\n light: palette.copperLight,\n deep: palette.copperDeep,\n fg: palette.ink,\n fgDark: palette.ink,\n },\n slate: {\n main: palette.slate,\n light: palette.slateLight,\n deep: palette.slateDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n verdigris: {\n main: palette.verdigris,\n light: palette.verdigrisLight,\n deep: palette.verdigrisDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n mauve: {\n main: palette.mauve,\n light: palette.mauveLight,\n deep: palette.mauveDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n amber: {\n main: palette.amber,\n light: palette.amberLight,\n deep: palette.amberDeep,\n fg: palette.ink,\n fgDark: palette.ink,\n },\n fern: {\n main: palette.fern,\n light: palette.fernLight,\n deep: palette.fernDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n blush: {\n main: palette.blush,\n light: palette.blushLight,\n deep: palette.blushDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n olive: {\n main: palette.olive,\n light: palette.oliveLight,\n deep: palette.oliveDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n} as const\n\nexport const accentColorNames = Object.keys(accentColors) as AccentColor[]\n"]}
|
|
@@ -37,6 +37,11 @@ var palette = {
|
|
|
37
37
|
fern: "#36643e",
|
|
38
38
|
fernDeep: "#1d4825",
|
|
39
39
|
fernLight: "#618d67",
|
|
40
|
+
// Olive — muted yellow-green, drab and earthy. Distinct from moss (blue-green),
|
|
41
|
+
// fern (pure green), and ochre (gold).
|
|
42
|
+
olive: "#5a5a2a",
|
|
43
|
+
oliveDeep: "#3f3f1c",
|
|
44
|
+
oliveLight: "#8a8a52",
|
|
40
45
|
blush: "#955c63",
|
|
41
46
|
blushDeep: "#713f45",
|
|
42
47
|
blushLight: "#bc848a",
|
|
@@ -144,6 +149,13 @@ var accentColors = {
|
|
|
144
149
|
deep: palette.blushDeep,
|
|
145
150
|
fg: palette.paper,
|
|
146
151
|
fgDark: palette.inkDeep
|
|
152
|
+
},
|
|
153
|
+
olive: {
|
|
154
|
+
main: palette.olive,
|
|
155
|
+
light: palette.oliveLight,
|
|
156
|
+
deep: palette.oliveDeep,
|
|
157
|
+
fg: palette.paper,
|
|
158
|
+
fgDark: palette.inkDeep
|
|
147
159
|
}
|
|
148
160
|
};
|
|
149
161
|
var accentColorNames = Object.keys(accentColors);
|
|
@@ -151,5 +163,5 @@ var accentColorNames = Object.keys(accentColors);
|
|
|
151
163
|
exports.accentColorNames = accentColorNames;
|
|
152
164
|
exports.accentColors = accentColors;
|
|
153
165
|
exports.palette = palette;
|
|
154
|
-
//# sourceMappingURL=chunk-
|
|
155
|
-
//# sourceMappingURL=chunk-
|
|
166
|
+
//# sourceMappingURL=chunk-EX44IOFJ.cjs.map
|
|
167
|
+
//# sourceMappingURL=chunk-EX44IOFJ.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/tokens/palette.ts","../src/tokens/accents.ts"],"names":[],"mappings":"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","file":"chunk-EX44IOFJ.cjs","sourcesContent":["export const palette = {\n ink: '#1f1d18',\n inkDeep: '#14130f',\n\n paper: '#fbf8f0',\n paperWarm: '#f0e9d6',\n paperToasted: '#e6dec5',\n cream: '#e8dfc8',\n creamSoft: '#d8cdb0',\n\n mossDeep: '#2e3a20',\n moss: '#4a5a32',\n mossMid: '#6b7a48',\n mossLight: '#8da866',\n sage: '#b6c898',\n\n terracotta: '#c46a3a',\n terracottaDeep: '#a05526',\n terracottaLight: '#d97a4a',\n\n plum: '#5d4a6a',\n plumMid: '#7a5e8a',\n plumLight: '#8b6fa8',\n\n rust: '#8a3a22',\n ochre: '#b8924a',\n\n slate: '#195a73',\n slateDeep: '#004157',\n slateLight: '#5189a1',\n\n verdigris: '#00685f',\n verdigrisDeep: '#004d46',\n verdigrisLight: '#3f9086',\n\n mauve: '#76425b',\n mauveDeep: '#5a2b43',\n mauveLight: '#a56c87',\n\n amber: '#9a6839',\n amberDeep: '#76491d',\n amberLight: '#be8c61',\n\n fern: '#36643e',\n fernDeep: '#1d4825',\n fernLight: '#618d67',\n\n // Olive — muted yellow-green, drab and earthy. Distinct from moss (blue-green),\n // fern (pure green), and ochre (gold).\n olive: '#5a5a2a',\n oliveDeep: '#3f3f1c',\n oliveLight: '#8a8a52',\n\n blush: '#955c63',\n blushDeep: '#713f45',\n blushLight: '#bc848a',\n\n leather: '#6b3a26',\n leatherMid: '#8a4e34',\n leatherLight: '#a86a48',\n\n copper: '#b8742a',\n copperDeep: '#8a531a',\n copperLight: '#d68f48',\n copperPatina: '#5a7a6a',\n\n silver: '#a8a098',\n silverDeep: '#6e6a62',\n silverLight: '#c8c0b6',\n\n wood: '#7a5a3a',\n woodLight: '#a88660',\n woodDeep: '#4a3422',\n\n gold: '#c69a4a',\n goldDeep: '#9a7430',\n goldLight: '#e0bc70',\n\n success: '#6ba03d',\n} as const\n\nexport type PaletteKey = keyof typeof palette\n","import { palette } from './palette'\nimport type { AccentColor } from '../types/theme'\n\nexport type { AccentColor }\n\nexport const accentColors: Record<AccentColor, {\n readonly main: string\n readonly light: string\n readonly deep: string\n readonly fg: string\n readonly fgDark: string\n}> = {\n terracotta: {\n main: palette.terracotta,\n light: palette.terracottaLight,\n deep: palette.terracottaDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n moss: {\n main: palette.moss,\n light: palette.mossLight,\n deep: palette.mossDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n plum: {\n main: palette.plum,\n light: palette.plumLight,\n deep: palette.plum,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n ochre: {\n main: palette.ochre,\n light: palette.goldLight,\n deep: palette.goldDeep,\n fg: palette.ink,\n fgDark: palette.ink,\n },\n rust: {\n main: palette.rust,\n light: palette.terracotta,\n deep: palette.rust,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n copper: {\n main: palette.copper,\n light: palette.copperLight,\n deep: palette.copperDeep,\n fg: palette.ink,\n fgDark: palette.ink,\n },\n slate: {\n main: palette.slate,\n light: palette.slateLight,\n deep: palette.slateDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n verdigris: {\n main: palette.verdigris,\n light: palette.verdigrisLight,\n deep: palette.verdigrisDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n mauve: {\n main: palette.mauve,\n light: palette.mauveLight,\n deep: palette.mauveDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n amber: {\n main: palette.amber,\n light: palette.amberLight,\n deep: palette.amberDeep,\n fg: palette.ink,\n fgDark: palette.ink,\n },\n fern: {\n main: palette.fern,\n light: palette.fernLight,\n deep: palette.fernDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n blush: {\n main: palette.blush,\n light: palette.blushLight,\n deep: palette.blushDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n olive: {\n main: palette.olive,\n light: palette.oliveLight,\n deep: palette.oliveDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n} as const\n\nexport const accentColorNames = Object.keys(accentColors) as AccentColor[]\n"]}
|
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkEX44IOFJ_cjs = require('./chunk-EX44IOFJ.cjs');
|
|
4
4
|
var chunkWMF2ZDRE_cjs = require('./chunk-WMF2ZDRE.cjs');
|
|
5
5
|
var react = require('react');
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
@@ -1978,6 +1978,87 @@ function SearchInput({ className, ...props }) {
|
|
|
1978
1978
|
)
|
|
1979
1979
|
] });
|
|
1980
1980
|
}
|
|
1981
|
+
|
|
1982
|
+
// src/components/TagInput/TagInput.css.ts
|
|
1983
|
+
var chip = "TagInput_chip__5mfbv32";
|
|
1984
|
+
var field = "TagInput_field__5mfbv31";
|
|
1985
|
+
var input = "TagInput_input__5mfbv34";
|
|
1986
|
+
var remove = "TagInput_remove__5mfbv33";
|
|
1987
|
+
var suggestion = "TagInput_suggestion__5mfbv36";
|
|
1988
|
+
var suggestions = "TagInput_suggestions__5mfbv35";
|
|
1989
|
+
var wrap = "TagInput_wrap__5mfbv30";
|
|
1990
|
+
var defaultNormalize = (raw) => raw.trim().toLowerCase().replace(/\s+/g, " ");
|
|
1991
|
+
var MAX_SUGGESTIONS = 6;
|
|
1992
|
+
function TagInput({
|
|
1993
|
+
value: value2,
|
|
1994
|
+
onChange,
|
|
1995
|
+
suggestions: suggestions2 = [],
|
|
1996
|
+
placeholder,
|
|
1997
|
+
disabled = false,
|
|
1998
|
+
normalize = defaultNormalize,
|
|
1999
|
+
className,
|
|
2000
|
+
"aria-label": ariaLabel
|
|
2001
|
+
}) {
|
|
2002
|
+
const [draft, setDraft] = react.useState("");
|
|
2003
|
+
const add = (raw) => {
|
|
2004
|
+
const tag2 = normalize(raw);
|
|
2005
|
+
if (tag2 && !value2.includes(tag2)) onChange([...value2, tag2]);
|
|
2006
|
+
setDraft("");
|
|
2007
|
+
};
|
|
2008
|
+
const removeAt = (index) => onChange(value2.filter((_, i) => i !== index));
|
|
2009
|
+
const matches = draft.trim().length > 0 ? suggestions2.filter((s) => s.includes(normalize(draft)) && !value2.includes(s)).slice(0, MAX_SUGGESTIONS) : [];
|
|
2010
|
+
const onKeyDown = (e) => {
|
|
2011
|
+
if (e.key === "Enter") {
|
|
2012
|
+
e.preventDefault();
|
|
2013
|
+
add(draft);
|
|
2014
|
+
} else if (e.key === "Backspace" && !draft && value2.length) {
|
|
2015
|
+
removeAt(value2.length - 1);
|
|
2016
|
+
}
|
|
2017
|
+
};
|
|
2018
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: [wrap, className].filter(Boolean).join(" "), children: [
|
|
2019
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: field, children: [
|
|
2020
|
+
value2.map((tag2, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chip, children: [
|
|
2021
|
+
tag2,
|
|
2022
|
+
!disabled && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2023
|
+
"button",
|
|
2024
|
+
{
|
|
2025
|
+
type: "button",
|
|
2026
|
+
className: remove,
|
|
2027
|
+
"aria-label": `Remove ${tag2}`,
|
|
2028
|
+
onClick: () => removeAt(i),
|
|
2029
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(Glyph, { name: "close", size: 11 })
|
|
2030
|
+
}
|
|
2031
|
+
)
|
|
2032
|
+
] }, `${tag2}-${i}`)),
|
|
2033
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2034
|
+
"input",
|
|
2035
|
+
{
|
|
2036
|
+
className: input,
|
|
2037
|
+
value: draft,
|
|
2038
|
+
disabled,
|
|
2039
|
+
onChange: (e) => setDraft(e.target.value),
|
|
2040
|
+
onKeyDown,
|
|
2041
|
+
onBlur: () => add(draft),
|
|
2042
|
+
placeholder: value2.length ? "" : placeholder,
|
|
2043
|
+
"aria-label": ariaLabel
|
|
2044
|
+
}
|
|
2045
|
+
)
|
|
2046
|
+
] }),
|
|
2047
|
+
matches.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: suggestions, children: matches.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2048
|
+
"button",
|
|
2049
|
+
{
|
|
2050
|
+
type: "button",
|
|
2051
|
+
className: suggestion,
|
|
2052
|
+
onMouseDown: (e) => {
|
|
2053
|
+
e.preventDefault();
|
|
2054
|
+
add(s);
|
|
2055
|
+
},
|
|
2056
|
+
children: s
|
|
2057
|
+
},
|
|
2058
|
+
s
|
|
2059
|
+
)) })
|
|
2060
|
+
] });
|
|
2061
|
+
}
|
|
1981
2062
|
var card = createRuntimeFn.createRuntimeFn({ defaultClassName: "Card_card__1uprgrr0", variantClassNames: { variant: { flat: "Card_card_variant_flat__1uprgrr1", stamp: "Card_card_variant_stamp__1uprgrr2", stampLg: "Card_card_variant_stampLg__1uprgrr3" }, padding: { none: "Card_card_padding_none__1uprgrr4", sm: "Card_card_padding_sm__1uprgrr5", md: "Card_card_padding_md__1uprgrr6", lg: "Card_card_padding_lg__1uprgrr7" } }, defaultVariants: { variant: "flat", padding: "md" }, compoundVariants: [] });
|
|
1982
2063
|
var cardHeader = "Card_cardHeader__1uprgrr8";
|
|
1983
2064
|
function Card({
|
|
@@ -2421,7 +2502,7 @@ function AppBar({
|
|
|
2421
2502
|
] }) }),
|
|
2422
2503
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: actions, children: [
|
|
2423
2504
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: actionsInner, children: [
|
|
2424
|
-
onAccentChange && /* @__PURE__ */ jsxRuntime.jsx("div", { className: accentPicker, role: "group", "aria-label": "Brand colour", children:
|
|
2505
|
+
onAccentChange && /* @__PURE__ */ jsxRuntime.jsx("div", { className: accentPicker, role: "group", "aria-label": "Brand colour", children: chunkEX44IOFJ_cjs.accentColorNames.map((name) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2425
2506
|
"button",
|
|
2426
2507
|
{
|
|
2427
2508
|
className: accentSwatch,
|
|
@@ -2429,7 +2510,7 @@ function AppBar({
|
|
|
2429
2510
|
onClick: () => onAccentChange(name),
|
|
2430
2511
|
"aria-label": name,
|
|
2431
2512
|
"aria-pressed": name === accent,
|
|
2432
|
-
style: { background:
|
|
2513
|
+
style: { background: chunkEX44IOFJ_cjs.accentColors[name].main }
|
|
2433
2514
|
},
|
|
2434
2515
|
name
|
|
2435
2516
|
)) }),
|
|
@@ -2760,7 +2841,7 @@ function Menu({ trigger: trigger3, items, side = "bottom", align = "end", classN
|
|
|
2760
2841
|
}
|
|
2761
2842
|
|
|
2762
2843
|
// src/components/DatePicker/DatePicker.css.ts
|
|
2763
|
-
var
|
|
2844
|
+
var input2 = "DatePicker_input__1etdrw71";
|
|
2764
2845
|
var statusIcon2 = "DatePicker_statusIcon__1etdrw73";
|
|
2765
2846
|
var statusIconVariants2 = { saving: "DatePicker_statusIconVariants_saving__1etdrw74", saved: "DatePicker_statusIconVariants_saved__1etdrw75", error: "DatePicker_statusIconVariants_error__1etdrw76" };
|
|
2766
2847
|
var wrapper3 = "DatePicker_wrapper__1etdrw72";
|
|
@@ -2778,7 +2859,7 @@ function DatePicker({
|
|
|
2778
2859
|
...rest
|
|
2779
2860
|
}) {
|
|
2780
2861
|
const hasStatus = status && status !== "idle";
|
|
2781
|
-
const
|
|
2862
|
+
const input4 = /* @__PURE__ */ jsxRuntime.jsx(
|
|
2782
2863
|
"input",
|
|
2783
2864
|
{
|
|
2784
2865
|
type,
|
|
@@ -2790,21 +2871,21 @@ function DatePicker({
|
|
|
2790
2871
|
placeholder,
|
|
2791
2872
|
"data-error": error || void 0,
|
|
2792
2873
|
"data-has-status": hasStatus || void 0,
|
|
2793
|
-
className: [
|
|
2874
|
+
className: [input2, !hasStatus && className].filter(Boolean).join(" "),
|
|
2794
2875
|
...rest
|
|
2795
2876
|
}
|
|
2796
2877
|
);
|
|
2797
|
-
if (!hasStatus) return
|
|
2878
|
+
if (!hasStatus) return input4;
|
|
2798
2879
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: [wrapper3, className].filter(Boolean).join(" "), children: [
|
|
2799
|
-
|
|
2880
|
+
input4,
|
|
2800
2881
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: [statusIcon2, statusIconVariants2[status]].join(" "), "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(Glyph, { name: status === "saving" ? "spinner" : status === "saved" ? "tick" : "cross", size: 12 }) })
|
|
2801
2882
|
] });
|
|
2802
2883
|
}
|
|
2803
2884
|
|
|
2804
2885
|
// src/components/Combobox/Combobox.css.ts
|
|
2805
|
-
var
|
|
2886
|
+
var chip2 = "Combobox_chip__1irfr5o2";
|
|
2806
2887
|
var chipRemove = "Combobox_chipRemove__1irfr5o3";
|
|
2807
|
-
var
|
|
2888
|
+
var input3 = "Combobox_input__1irfr5o4";
|
|
2808
2889
|
var option = "Combobox_option__1irfr5o7";
|
|
2809
2890
|
var optionCheck = "Combobox_optionCheck__1irfr5o8";
|
|
2810
2891
|
var popover = "Combobox_popover__1irfr5o6";
|
|
@@ -2891,7 +2972,7 @@ function Combobox({
|
|
|
2891
2972
|
"data-open": showDropdown || void 0,
|
|
2892
2973
|
"data-error": error || void 0,
|
|
2893
2974
|
children: [
|
|
2894
|
-
value2.map((v) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className:
|
|
2975
|
+
value2.map((v) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chip2, children: [
|
|
2895
2976
|
v,
|
|
2896
2977
|
!disabled && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2897
2978
|
"button",
|
|
@@ -2912,7 +2993,7 @@ function Combobox({
|
|
|
2912
2993
|
{
|
|
2913
2994
|
ref: inputRef,
|
|
2914
2995
|
id,
|
|
2915
|
-
className:
|
|
2996
|
+
className: input3,
|
|
2916
2997
|
value: inputValue,
|
|
2917
2998
|
disabled,
|
|
2918
2999
|
placeholder: value2.length === 0 ? placeholder : void 0,
|
|
@@ -3043,7 +3124,7 @@ function SingleCombobox({
|
|
|
3043
3124
|
{
|
|
3044
3125
|
ref: inputRef,
|
|
3045
3126
|
id,
|
|
3046
|
-
className:
|
|
3127
|
+
className: input3,
|
|
3047
3128
|
value: inputValue,
|
|
3048
3129
|
disabled,
|
|
3049
3130
|
placeholder,
|
|
@@ -3517,6 +3598,7 @@ exports.Sparkline = Sparkline;
|
|
|
3517
3598
|
exports.StatePill = StatePill;
|
|
3518
3599
|
exports.Table = Table;
|
|
3519
3600
|
exports.Tabs = Tabs;
|
|
3601
|
+
exports.TagInput = TagInput;
|
|
3520
3602
|
exports.Textarea = Textarea;
|
|
3521
3603
|
exports.ToastProvider = ToastProvider;
|
|
3522
3604
|
exports.Toggle = Toggle;
|