asma-ui-core 3.84.0 → 3.86.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/Readme.md +2 -0
- package/dist/asma-ui-core.css +1 -1
- package/dist/components/icons/index.js +2 -0
- package/dist/components/icons/prohibition-icon/ProhibitionIcon.js +2 -2
- package/dist/components/icons/prohibition-large-icon/ProhibitionLargeIcon.js +17 -0
- package/dist/components/icons/prohibition-large-icon/index.js +1 -0
- package/dist/components/icons/stylus-note-icon/StylusNoteIcon.js +4 -4
- package/dist/components/icons/stylus-note-large-icon/StylusNoteLargeIcon.js +17 -0
- package/dist/components/icons/stylus-note-large-icon/index.js +1 -0
- package/dist/components/inputs/button/StyledButton.js +4 -4
- package/dist/components/inputs/textarea/StyledTextarea.module.js +4 -4
- package/dist/components/navigation/menu/StyledMenuItem.js +6 -6
- package/dist/components/navigation/tabs/StyledTab.js +7 -7
- package/dist/index.js +256 -252
- package/dist/src/components/icons/index.d.ts +2 -0
- package/dist/src/components/icons/prohibition-icon/ProhibitionIcon.d.ts +1 -1
- package/dist/src/components/icons/prohibition-large-icon/ProhibitionLargeIcon.d.ts +7 -0
- package/dist/src/components/icons/prohibition-large-icon/index.d.ts +1 -0
- package/dist/src/components/icons/stylus-note-icon/StylusNoteIcon.d.ts +1 -1
- package/dist/src/components/icons/stylus-note-large-icon/StylusNoteLargeIcon.d.ts +7 -0
- package/dist/src/components/icons/stylus-note-large-icon/index.d.ts +1 -0
- package/package.json +1 -1
- package/src/styles/index.css +103 -0
- package/src/styles/touchReadiness.interaction.test.tsx +161 -0
|
@@ -165,7 +165,9 @@ export * from './file-xls-icon.js'
|
|
|
165
165
|
export * from './file-image-icon.js'
|
|
166
166
|
export * from './draw-icon.js'
|
|
167
167
|
export * from './prohibition-icon.js'
|
|
168
|
+
export * from './prohibition-large-icon.js'
|
|
168
169
|
export * from './stylus-note-icon.js'
|
|
170
|
+
export * from './stylus-note-large-icon.js'
|
|
169
171
|
export * from './print-icon.js'
|
|
170
172
|
export * from './arrow-shrink-icon.js'
|
|
171
173
|
export * from './indeterminate-icon.js'
|
|
@@ -4,11 +4,11 @@ function t(o) {
|
|
|
4
4
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5
5
|
width: "1em",
|
|
6
6
|
height: "1em",
|
|
7
|
-
viewBox: "0 0
|
|
7
|
+
viewBox: "0 0 24 24",
|
|
8
8
|
...o,
|
|
9
9
|
children: /* @__PURE__ */ C("path", {
|
|
10
10
|
fill: "currentColor",
|
|
11
|
-
d: "
|
|
11
|
+
d: "M8.88 19.37C7.90667 18.95 7.06 18.38 6.34 17.66C5.62 16.94 5.05 16.0933 4.63 15.12C4.21 14.1467 4 13.1067 4 12C4 10.8933 4.21 9.85333 4.63 8.88C5.05 7.90667 5.62 7.06 6.34 6.34C7.06 5.62 7.90667 5.05 8.88 4.63C9.85333 4.21 10.8933 4 12 4C13.1067 4 14.1467 4.21 15.12 4.63C16.0933 5.05 16.94 5.62 17.66 6.34C18.38 7.06 18.95 7.90667 19.37 8.88C19.79 9.85333 20 10.8933 20 12C20 13.1067 19.79 14.1467 19.37 15.12C18.95 16.0933 18.38 16.94 17.66 17.66C16.94 18.38 16.0933 18.95 15.12 19.37C14.1467 19.79 13.1067 20 12 20C10.8933 20 9.85333 19.79 8.88 19.37ZM12 18.4C12.72 18.4 13.4133 18.2833 14.08 18.05C14.7467 17.8167 15.36 17.48 15.92 17.04L6.96 8.08C6.52 8.64 6.18333 9.25333 5.95 9.92C5.71667 10.5867 5.6 11.28 5.6 12C5.6 13.7867 6.22 15.3 7.46 16.54C8.7 17.78 10.2133 18.4 12 18.4ZM17.04 15.92C17.48 15.36 17.8167 14.7467 18.05 14.08C18.2833 13.4133 18.4 12.72 18.4 12C18.4 10.2133 17.78 8.7 16.54 7.46C15.3 6.22 13.7867 5.6 12 5.6C11.28 5.6 10.5867 5.71667 9.92 5.95C9.25333 6.18333 8.64 6.52 8.08 6.96L17.04 15.92Z"
|
|
12
12
|
})
|
|
13
13
|
});
|
|
14
14
|
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as C } from "react/jsx-runtime";
|
|
2
|
+
function t(r) {
|
|
3
|
+
return /* @__PURE__ */ C("svg", {
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5
|
+
width: "1em",
|
|
6
|
+
height: "1em",
|
|
7
|
+
viewBox: "0 0 140 140",
|
|
8
|
+
...r,
|
|
9
|
+
children: /* @__PURE__ */ C("path", {
|
|
10
|
+
fill: "currentColor",
|
|
11
|
+
d: "M50.2308 116.756C44.0514 114.093 38.6765 110.478 34.106 105.913C29.5346 101.347 25.916 95.9792 23.2502 89.8085C20.5834 83.6369 19.25 77.0423 19.25 70.0248C19.25 63.0083 20.5815 56.4103 23.2444 50.2308C25.9073 44.0514 29.5215 38.6765 34.0871 34.106C38.6526 29.5346 44.0208 25.916 50.1915 23.2502C56.3631 20.5834 62.9577 19.25 69.9752 19.25C76.9917 19.25 83.5897 20.5815 89.7692 23.2444C95.9486 25.9073 101.324 29.5215 105.894 34.0871C110.465 38.6526 114.084 44.0208 116.75 50.1915C119.417 56.3631 120.75 62.9577 120.75 69.9752C120.75 76.9917 119.419 83.5897 116.756 89.7692C114.093 95.9486 110.478 101.324 105.913 105.894C101.347 110.465 95.9792 114.084 89.8085 116.75C83.6369 119.417 77.0423 120.75 70.0248 120.75C63.0083 120.75 56.4103 119.419 50.2308 116.756ZM70 116.667C75.8294 116.667 81.443 115.622 86.8408 113.531C92.2386 111.441 97.125 108.403 101.5 104.417L35.5833 38.5C31.6944 42.875 28.6806 47.7614 26.5417 53.1592C24.4028 58.5569 23.3333 64.1706 23.3333 70C23.3333 83.0278 27.8542 94.0625 36.8958 103.104C45.9375 112.146 56.9722 116.667 70 116.667ZM104.417 101.5C108.403 97.125 111.441 92.2386 113.531 86.8408C115.622 81.4431 116.667 75.8294 116.667 70C116.667 56.9722 112.146 45.9375 103.104 36.8958C94.0625 27.8542 83.0278 23.3333 70 23.3333C64.1365 23.3333 58.4899 24.3542 53.06 26.3958C47.6311 28.4375 42.7778 31.5 38.5 35.5833L104.417 101.5Z"
|
|
12
|
+
})
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
export {
|
|
16
|
+
t as ProhibitionLargeIcon
|
|
17
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ProhibitionLargeIcon.js'
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as C } from "react/jsx-runtime";
|
|
2
|
-
function o(
|
|
2
|
+
function o(L) {
|
|
3
3
|
return /* @__PURE__ */ C("svg", {
|
|
4
4
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5
5
|
width: "1em",
|
|
6
6
|
height: "1em",
|
|
7
|
-
viewBox: "0 0
|
|
8
|
-
...
|
|
7
|
+
viewBox: "0 0 24 24",
|
|
8
|
+
...L,
|
|
9
9
|
children: /* @__PURE__ */ C("path", {
|
|
10
10
|
fill: "currentColor",
|
|
11
|
-
d: "
|
|
11
|
+
d: "M12.475 16.825L20.85 8.45L19.55 7.15L11.175 15.525L12.475 16.825ZM5.95 19C4.28333 18.9167 3.04167 18.5667 2.225 17.95C1.40833 17.3333 1 16.4417 1 15.275C1 14.1917 1.44583 13.3125 2.3375 12.6375C3.22917 11.9625 4.46667 11.5583 6.05 11.425C6.7 11.375 7.1875 11.2708 7.5125 11.1125C7.8375 10.9542 8 10.7333 8 10.45C8 10.0167 7.75417 9.69167 7.2625 9.475C6.77083 9.25833 5.95833 9.1 4.825 9L5 7C6.71667 7.13333 7.97917 7.47917 8.7875 8.0375C9.59583 8.59583 10 9.4 10 10.45C10 11.3333 9.67917 12.025 9.0375 12.525C8.39583 13.025 7.45 13.325 6.2 13.425C5.13333 13.5083 4.33333 13.7042 3.8 14.0125C3.26667 14.3208 3 14.7417 3 15.275C3 15.8583 3.23333 16.2792 3.7 16.5375C4.16667 16.7958 4.95 16.95 6.05 17L5.95 19ZM12.95 19.175L8.825 15.05L18.375 5.5C18.7083 5.16667 19.1042 5 19.5625 5C20.0208 5 20.4167 5.16667 20.75 5.5L22.5 7.25C22.8333 7.58333 23 7.97917 23 8.4375C23 8.89583 22.8333 9.29167 22.5 9.625L12.95 19.175ZM8.975 20C8.69167 20.0667 8.44167 19.9917 8.225 19.775C8.00833 19.5583 7.93333 19.3083 8 19.025L8.825 15.05L12.95 19.175L8.975 20Z"
|
|
12
12
|
})
|
|
13
13
|
});
|
|
14
14
|
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as C } from "react/jsx-runtime";
|
|
2
|
+
function r(L) {
|
|
3
|
+
return /* @__PURE__ */ C("svg", {
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5
|
+
width: "1em",
|
|
6
|
+
height: "1em",
|
|
7
|
+
viewBox: "0 0 140 140",
|
|
8
|
+
...L,
|
|
9
|
+
children: /* @__PURE__ */ C("path", {
|
|
10
|
+
fill: "currentColor",
|
|
11
|
+
d: "M68.3958 99.6042L116.229 51.7708C116.91 51.0903 117.25 50.2639 117.25 49.2917C117.25 48.3194 116.91 47.4931 116.229 46.8125L113.604 44.1875C112.924 43.5069 112.097 43.1667 111.125 43.1667C110.153 43.1667 109.326 43.5069 108.646 44.1875L60.8125 92.0208L68.3958 99.6042ZM34.125 106.75C27.125 106.264 21.7778 104.514 18.0833 101.5C14.3889 98.4861 12.5417 94.4028 12.5417 89.25C12.5417 84 14.8264 79.7465 19.3958 76.4896C23.9653 73.2326 30.3333 71.2153 38.5 70.4375C43.4583 69.9514 47.1771 68.9306 49.6562 67.375C52.1354 65.8194 53.375 63.6806 53.375 60.9583C53.375 57.5556 51.941 54.9063 49.0729 53.0104C46.2049 51.1146 41.5625 49.7778 35.1458 49L35.5833 45.0625C42.875 46.0347 48.3437 47.8333 51.9896 50.4583C55.6354 53.0833 57.4583 56.5833 57.4583 60.9583C57.4583 64.75 55.8299 67.8368 52.5729 70.2188C49.316 72.6007 44.7222 74.0347 38.7917 74.5208C31.4028 75.2014 25.8611 76.7569 22.1667 79.1875C18.4722 81.6181 16.625 84.9722 16.625 89.25C16.625 93.2361 18.059 96.3229 20.9271 98.5104C23.7951 100.698 28.1944 102.083 34.125 102.667V106.75ZM67.5208 106.312L54.1042 92.8958L106.604 40.5417C107.965 39.1806 109.497 38.5243 111.198 38.5729C112.899 38.6215 114.431 39.2778 115.792 40.5417L119.875 44.625C121.236 45.9861 121.917 47.5417 121.917 49.2917C121.917 51.0417 121.236 52.5972 119.875 53.9583L67.5208 106.312ZM53.9583 109.083C53.1806 109.278 52.5 109.083 51.9167 108.5C51.3333 107.917 51.1389 107.236 51.3333 106.458L54.1042 92.8958L67.5208 106.312L53.9583 109.083Z"
|
|
12
|
+
})
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
export {
|
|
16
|
+
r as StylusNoteLargeIcon
|
|
17
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './StylusNoteLargeIcon.js'
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import t from "./StyledButton.module.js";
|
|
2
2
|
import f from "clsx";
|
|
3
3
|
import "react";
|
|
4
|
-
import { jsx as
|
|
4
|
+
import { jsx as y, jsxs as g } from "react/jsx-runtime";
|
|
5
5
|
var a = {
|
|
6
6
|
contained: t.contained,
|
|
7
7
|
outlined: t.outlined,
|
|
@@ -15,9 +15,9 @@ var a = {
|
|
|
15
15
|
common: t.common
|
|
16
16
|
}, B = ({ variant: n = "contained", className: i = "", size: e = "medium", children: o, refLink: l, startIcon: d, endIcon: s, dataTest: x, error: p, style: m, ...c }) => {
|
|
17
17
|
const r = e === "large" || e === "medium", u = p ? "error" : "common";
|
|
18
|
-
return /* @__PURE__ */
|
|
18
|
+
return /* @__PURE__ */ g("button", {
|
|
19
19
|
...c,
|
|
20
|
-
className: f(t["asma-ui-core-button"], a[n], a[u], a[e], i),
|
|
20
|
+
className: f("asma-touch-ready", t["asma-ui-core-button"], a[n], a[u], a[e], i),
|
|
21
21
|
style: o ? {
|
|
22
22
|
flexShrink: 0,
|
|
23
23
|
...m
|
|
@@ -26,7 +26,7 @@ var a = {
|
|
|
26
26
|
"data-testid": x,
|
|
27
27
|
children: [
|
|
28
28
|
d,
|
|
29
|
-
o && /* @__PURE__ */
|
|
29
|
+
o && /* @__PURE__ */ y("div", {
|
|
30
30
|
style: {
|
|
31
31
|
overflow: "hidden",
|
|
32
32
|
textOverflow: "ellipsis",
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
var a = "
|
|
1
|
+
var a = "_textarea_dmh6s_1", e = "_active_dmh6s_1", _ = "_error_dmh6s_41", r = "_label_dmh6s_82", d = "_disabled_dmh6s_90", t = "_description_dmh6s_95", s = {
|
|
2
2
|
textarea: a,
|
|
3
3
|
active: e,
|
|
4
4
|
error: _,
|
|
5
5
|
label: r,
|
|
6
|
-
disabled:
|
|
7
|
-
description:
|
|
6
|
+
disabled: d,
|
|
7
|
+
description: t
|
|
8
8
|
};
|
|
9
9
|
export {
|
|
10
|
-
|
|
10
|
+
s as default
|
|
11
11
|
};
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { cn as
|
|
1
|
+
import { cn as r } from "../../../helpers/cn.js";
|
|
2
2
|
import { resolveSx as y } from "../../../helpers/sx.js";
|
|
3
3
|
import { jsx as f } from "react/jsx-runtime";
|
|
4
|
-
var
|
|
4
|
+
var D = ({ children: n, onClick: o, onMouseDown: i, onMouseUp: l, disabled: e, selected: s, dense: m, className: d, classes: a, sx: u, "data-test": p, "data-testid": x, value: c }) => /* @__PURE__ */ f("li", {
|
|
5
5
|
role: "menuitem",
|
|
6
6
|
"aria-disabled": e ? !0 : void 0,
|
|
7
7
|
tabIndex: -1,
|
|
8
|
-
"data-test":
|
|
9
|
-
"data-testid":
|
|
8
|
+
"data-test": p,
|
|
9
|
+
"data-testid": x,
|
|
10
10
|
onClick: e ? void 0 : o,
|
|
11
11
|
onMouseDown: e ? void 0 : i,
|
|
12
12
|
onMouseUp: e ? void 0 : l,
|
|
13
13
|
onKeyDown: (t) => {
|
|
14
14
|
e || (t.key === "Enter" || t.key === " ") && (t.preventDefault(), o?.(t));
|
|
15
15
|
},
|
|
16
|
-
className:
|
|
16
|
+
className: r("box-border flex items-center px-4 text-base outline-none", m ? "min-h-8 py-1" : "min-h-10 py-2", "asma-pressable asma-touch-target", e ? "cursor-not-allowed text-delta-300 aria-disabled:text-delta-300" : "cursor-pointer text-delta-700 hover:bg-delta-50", s && r("bg-gama-50", a?.selected), a?.root, d),
|
|
17
17
|
style: {
|
|
18
18
|
fontFamily: "Roboto, Helvetica, Arial, sans-serif",
|
|
19
19
|
...y(u)
|
|
@@ -21,5 +21,5 @@ var b = ({ children: n, onClick: o, onMouseDown: i, onMouseUp: l, disabled: e, s
|
|
|
21
21
|
children: n
|
|
22
22
|
});
|
|
23
23
|
export {
|
|
24
|
-
|
|
24
|
+
D as StyledMenuItem
|
|
25
25
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { cn as
|
|
2
|
-
import { resolveSx as
|
|
1
|
+
import { cn as f } from "../../../helpers/cn.js";
|
|
2
|
+
import { resolveSx as x } from "../../../helpers/sx.js";
|
|
3
3
|
import { useTabsContext as u } from "./TabsContext.js";
|
|
4
4
|
import { useCallback as h } from "react";
|
|
5
5
|
import { jsx as d } from "react/jsx-runtime";
|
|
6
|
-
var k = ({ value:
|
|
7
|
-
const t = u(), o =
|
|
6
|
+
var k = ({ value: a, label: i, disabled: e, className: s, sx: l, index: m }) => {
|
|
7
|
+
const t = u(), o = a !== void 0 ? a : m, r = t ? t.value === o : !1, c = /\btext-(?:xs|sm|base|lg|xl|\[)/.test(s ?? ""), p = /\bfont-(?:thin|extralight|light|normal|medium|semibold|bold|extrabold|black)\b/.test(s ?? ""), b = /\b(?:uppercase|lowercase|capitalize|normal-case)\b/.test(s ?? "");
|
|
8
8
|
return /* @__PURE__ */ d("button", {
|
|
9
9
|
ref: h((n) => {
|
|
10
10
|
t?.register(o, n);
|
|
@@ -17,12 +17,12 @@ var k = ({ value: i, label: a, disabled: e, className: s, sx: l, index: m }) =>
|
|
|
17
17
|
tabIndex: r ? 0 : -1,
|
|
18
18
|
"data-tab-value": typeof o == "string" || typeof o == "number" ? String(o) : void 0,
|
|
19
19
|
onClick: (n) => !e && t?.onSelect(n, o),
|
|
20
|
-
className:
|
|
20
|
+
className: f("inline-flex min-h-12 min-w-[90px] shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-t-lg border-0 bg-transparent px-4 py-3 tracking-normal outline-none transition-colors", !c && (t?.size === "small" ? "text-base" : "text-lg"), !p && (t?.size === "small" || r || e ? "font-semibold" : "font-medium hover:font-semibold focus-visible:font-semibold"), !b && "normal-case", t?.size === "small" && "min-h-10 px-3 py-2", "asma-pressable", e ? "text-delta-300" : r ? "text-gama-500" : "text-delta-600", !e && "cursor-pointer", "focus-visible:shadow-[inset_0_0_0_3px_var(--colors-focus-ring)]", !e && !r && "hover:shadow-[inset_0_-3px_0_0_var(--colors-delta-300)]", s),
|
|
21
21
|
style: {
|
|
22
22
|
fontFamily: "Roboto, Helvetica, Arial, sans-serif",
|
|
23
|
-
...
|
|
23
|
+
...x(l)
|
|
24
24
|
},
|
|
25
|
-
children:
|
|
25
|
+
children: i
|
|
26
26
|
});
|
|
27
27
|
};
|
|
28
28
|
export {
|