skillgrid 0.0.84 → 0.0.86

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.
Files changed (32) hide show
  1. package/dist/assets/components/Icon/Icon.module-BrJPqMfc.css +1 -0
  2. package/dist/assets/components/Snackbar/Provider/SnackbarProvider.module-CXp57W1g.css +1 -0
  3. package/dist/assets/components/Snackbar/Snackbar.module-gnMPmaUr.css +1 -0
  4. package/dist/assets/components/Trigger/Trigger.module-BWzHgDVC.css +1 -0
  5. package/dist/assets/components/Typography/Typography.module-53KcIWaI.css +1 -0
  6. package/dist/assets/styles/link.module--5MF0lZi.css +1 -0
  7. package/dist/assets/styles/tokens.module-4cm1PUu3.css +1 -0
  8. package/dist/components/Icon/Icon.module.css.js +105 -105
  9. package/dist/components/Image/assets/PlaceholderImageIcon.js +3 -3
  10. package/dist/components/InputBase/assets/GripIcon.js +8 -8
  11. package/dist/components/Modal/Modal.js +13 -13
  12. package/dist/components/Snackbar/Provider/SnackbarProvider.js +153 -64
  13. package/dist/components/Snackbar/Provider/SnackbarProvider.module.css.js +14 -6
  14. package/dist/components/Snackbar/Provider/SnackbarProvider.type.d.ts +9 -4
  15. package/dist/components/Snackbar/Snackbar.js +172 -134
  16. package/dist/components/Snackbar/Snackbar.module.css.js +42 -40
  17. package/dist/components/Snackbar/Snackbar.type.d.ts +8 -1
  18. package/dist/components/Trigger/Trigger.js +37 -37
  19. package/dist/components/Trigger/Trigger.module.css.js +23 -23
  20. package/dist/components/Typography/Typography.module.css.js +23 -23
  21. package/dist/index.cjs.js +3 -3
  22. package/dist/index.css +1 -1
  23. package/dist/styles/link.module.css.js +1 -1
  24. package/dist/styles/tokens.module.css.js +1 -1
  25. package/package.json +1 -1
  26. package/dist/assets/components/Icon/Icon.module-3tN5PTDn.css +0 -1
  27. package/dist/assets/components/Snackbar/Provider/SnackbarProvider.module-F1FVM9qU.css +0 -1
  28. package/dist/assets/components/Snackbar/Snackbar.module-KVPJ2b4w.css +0 -1
  29. package/dist/assets/components/Trigger/Trigger.module-B91SEgX2.css +0 -1
  30. package/dist/assets/components/Typography/Typography.module-TJDGpv-d.css +0 -1
  31. package/dist/assets/styles/link.module-C43y8FoK.css +0 -1
  32. package/dist/assets/styles/tokens.module-l264od84.css +0 -1
@@ -1,47 +1,49 @@
1
- import '../../assets/components/Snackbar/Snackbar.module-KVPJ2b4w.css';const t = "_snackbar_1j7iw_15", i = "_slideIn_1j7iw_1", n = "_snackbarStack_1j7iw_44", e = "_snackbarVertical_1j7iw_49", c = "_fix_1j7iw_57", _ = "_fill_1j7iw_63", o = "_hug_1j7iw_69", s = "_content_1j7iw_75", a = "_textActionsContainer_1j7iw_85", r = "_textActionsContainerVertical_1j7iw_92", x = "_contentVertical_1j7iw_97", l = "_contentText_1j7iw_101", w = "_icon_1j7iw_106", j = "_buttonLink_1j7iw_111", g = "_exiting_1j7iw_117", k = "_slideOut_1j7iw_1", u = "_exitingTimeout_1j7iw_123", b = "_exitingClose_1j7iw_128", C = "_exitingStack_1j7iw_135", T = "_swipeTransition_1j7iw_142", V = "_exitingEscape_1j7iw_148", d = {
1
+ import '../../assets/components/Snackbar/Snackbar.module-gnMPmaUr.css';const t = "_snackbar_92a88_13", n = "_slideIn_92a88_1", i = "_snackbarStack_92a88_44", a = "_snackbarVertical_92a88_49", c = "_fix_92a88_56", e = "_fill_92a88_62", _ = "_hug_92a88_68", s = "_stackWidth_92a88_80", o = "_content_92a88_86", r = "_textActionsContainer_92a88_96", x = "_textActionsContainerVertical_92a88_103", l = "_contentVertical_92a88_108", k = "_contentText_92a88_112", g = "_icon_92a88_117", u = "_buttonLink_92a88_122", b = "_exiting_92a88_128", d = "_slideOut_92a88_1", C = "_exitingTimeout_92a88_134", T = "_exitingClose_92a88_139", V = "_exitingStack_92a88_145", f = "_swipeTransition_92a88_151", p = "_exitingEscape_92a88_157", h = {
2
2
  snackbar: t,
3
- slideIn: i,
4
- snackbarStack: n,
5
- snackbarVertical: e,
3
+ slideIn: n,
4
+ snackbarStack: i,
5
+ snackbarVertical: a,
6
6
  fix: c,
7
- fill: _,
8
- hug: o,
9
- content: s,
10
- textActionsContainer: a,
11
- textActionsContainerVertical: r,
12
- contentVertical: x,
13
- contentText: l,
14
- icon: w,
15
- buttonLink: j,
16
- exiting: g,
17
- slideOut: k,
18
- exitingTimeout: u,
19
- exitingClose: b,
20
- exitingStack: C,
21
- swipeTransition: T,
22
- exitingEscape: V
7
+ fill: e,
8
+ hug: _,
9
+ stackWidth: s,
10
+ content: o,
11
+ textActionsContainer: r,
12
+ textActionsContainerVertical: x,
13
+ contentVertical: l,
14
+ contentText: k,
15
+ icon: g,
16
+ buttonLink: u,
17
+ exiting: b,
18
+ slideOut: d,
19
+ exitingTimeout: C,
20
+ exitingClose: T,
21
+ exitingStack: V,
22
+ swipeTransition: f,
23
+ exitingEscape: p
23
24
  };
24
25
  export {
25
- j as buttonLink,
26
- s as content,
27
- l as contentText,
28
- x as contentVertical,
29
- d as default,
30
- g as exiting,
31
- b as exitingClose,
32
- V as exitingEscape,
33
- C as exitingStack,
34
- u as exitingTimeout,
35
- _ as fill,
26
+ u as buttonLink,
27
+ o as content,
28
+ k as contentText,
29
+ l as contentVertical,
30
+ h as default,
31
+ b as exiting,
32
+ T as exitingClose,
33
+ p as exitingEscape,
34
+ V as exitingStack,
35
+ C as exitingTimeout,
36
+ e as fill,
36
37
  c as fix,
37
- o as hug,
38
- w as icon,
39
- i as slideIn,
40
- k as slideOut,
38
+ _ as hug,
39
+ g as icon,
40
+ n as slideIn,
41
+ d as slideOut,
41
42
  t as snackbar,
42
- n as snackbarStack,
43
- e as snackbarVertical,
44
- T as swipeTransition,
45
- a as textActionsContainer,
46
- r as textActionsContainerVertical
43
+ i as snackbarStack,
44
+ a as snackbarVertical,
45
+ s as stackWidth,
46
+ f as swipeTransition,
47
+ r as textActionsContainer,
48
+ x as textActionsContainerVertical
47
49
  };
@@ -77,8 +77,15 @@ export type SnackbarProps = {
77
77
  */
78
78
  linkButtonProps?: LinkButtonProps;
79
79
  /**
80
- * Если true — по клику на кнопку "Link" закроется снекбар
80
+ * Если true — по клику на кнопку "Link" закроется снекбар
81
81
  * По дефолту true
82
82
  */
83
83
  closeOnLinkClick?: boolean;
84
+ /**
85
+ * Растягивает Snackbar до ширины контейнера стека.
86
+ * Служебный prop SnackbarProvider.
87
+ *
88
+ * @internal
89
+ */
90
+ stretchToStack?: boolean;
84
91
  };
@@ -1,9 +1,9 @@
1
- import { jsxs as v, jsx as a } from "react/jsx-runtime";
1
+ import { jsxs as y, jsx as a } from "react/jsx-runtime";
2
2
  import { clsx as n } from "clsx";
3
- import { LabelState as A } from "./Trigger.type.js";
3
+ import { LabelState as W } from "./Trigger.type.js";
4
4
  import r from "./Trigger.module.css.js";
5
- import { getLabelState as K, getLabelTypographySize as M, truncateContent as Q, getContentTypographySize as W, getIconSize as H } from "./lib/utils.js";
6
- import { Typography as y } from "../Typography/Typography.js";
5
+ import { getLabelState as K, getLabelTypographySize as M, truncateContent as Q, getContentTypographySize as H, getIconSize as E } from "./lib/utils.js";
6
+ import { Typography as v } from "../Typography/Typography.js";
7
7
  import { XIcon as R } from "../InputBase/assets/XIcon.js";
8
8
  import { ChevronIcon as U } from "./assets/ChevronIcon.js";
9
9
  import { Helper as V } from "../Helper/Helper.js";
@@ -17,18 +17,18 @@ const cr = ({
17
17
  clearable: m = !1,
18
18
  error: f,
19
19
  prefixIcon: S,
20
- postfixTitle: b,
20
+ postfixTitle: L,
21
21
  disabled: o = !1,
22
22
  open: p,
23
23
  onClear: I,
24
24
  classNames: t = {},
25
25
  styles: e = {}
26
26
  }) => {
27
- const g = !!d, L = !!N, c = !!f, w = s === "applied", E = !!u && (!c || o) || c && !o, O = (c && !o ? f : u) || "", h = c && !o, T = K(i, g), l = L && T === A.FLOATING, X = T === A.HIDDEN, j = n(
27
+ const g = !!d, b = !!N, c = !!f, w = s === "applied", O = !!u && (!c || o) || c && !o, X = (c && !o ? f : u) || "", h = c && !o, T = K(i, g), l = b && T === W.FLOATING, j = T === W.HIDDEN, z = n(
28
28
  r["trigger-wrapper"],
29
29
  { [r["trigger-stretched"]]: C },
30
30
  t.wrapper
31
- ), z = n(
31
+ ), A = n(
32
32
  r["trigger-container"],
33
33
  r[`trigger-container-size-${i}`],
34
34
  {
@@ -39,27 +39,27 @@ const cr = ({
39
39
  [r["trigger-container-floating"]]: l
40
40
  },
41
41
  t.triggerContainer
42
- ), B = n(
42
+ ), D = n(
43
43
  r["trigger-content-container"],
44
44
  {
45
45
  [r["trigger-content-container-floating"]]: l
46
46
  },
47
47
  t.triggerContent
48
- ), D = n(
48
+ ), F = n(
49
49
  r["trigger-label"],
50
50
  {
51
51
  [r["trigger-label-floating"]]: l,
52
- [r["trigger-label-hidden"]]: X
52
+ [r["trigger-label-hidden"]]: j
53
53
  },
54
54
  t.label
55
- ), F = n(r["trigger-content"], t.content), k = n(r["trigger-postfix"], t.postfixTitle), G = n(r["trigger-chevron-icon"], t.chevronIcon), P = n(
55
+ ), k = n(r["trigger-content"], t.content), G = n(r["trigger-postfix"], t.postfixTitle), P = n(r["trigger-chevron-icon"], t.chevronIcon), $ = n(
56
56
  r["trigger-prefix-icon"],
57
57
  t.prefixIconContainer
58
- ), $ = n(r["trigger-clear-icon"], t.clearIcon), q = (x) => {
58
+ ), q = n(r["trigger-clear-icon"], t.clearIcon), B = (x) => {
59
59
  x == null || x.stopPropagation(), I == null || I();
60
60
  }, J = g && p && (s === "selected" && m || s === "applied") || g && !p && (w || s === "selected" && m);
61
- return /* @__PURE__ */ v("div", { className: j, style: e.wrapper, children: [
62
- /* @__PURE__ */ v(
61
+ return /* @__PURE__ */ y("div", { className: z, style: e.wrapper, children: [
62
+ /* @__PURE__ */ y(
63
63
  "button",
64
64
  {
65
65
  "data-testid": "trigger",
@@ -67,18 +67,18 @@ const cr = ({
67
67
  "aria-haspopup": "listbox",
68
68
  "aria-expanded": p,
69
69
  role: "combobox",
70
- className: z,
70
+ className: A,
71
71
  style: e.triggerContainer,
72
72
  disabled: o,
73
73
  type: "button",
74
74
  children: [
75
- S && i !== "XL" && /* @__PURE__ */ a("div", { className: P, style: e.prefixIconContainer, children: S }),
76
- /* @__PURE__ */ v("div", { className: B, style: e.triggerContent, children: [
77
- L && /* @__PURE__ */ a(
78
- y.Label,
75
+ S && i !== "XL" && /* @__PURE__ */ a("div", { className: $, style: e.prefixIconContainer, children: S }),
76
+ /* @__PURE__ */ y("div", { className: D, style: e.triggerContent, children: [
77
+ b && /* @__PURE__ */ a(
78
+ v.Label,
79
79
  {
80
80
  "data-testid": "trigger-label",
81
- className: D,
81
+ className: F,
82
82
  style: e.label,
83
83
  size: M(i, l),
84
84
  as: "span",
@@ -88,58 +88,58 @@ const cr = ({
88
88
  }
89
89
  ),
90
90
  g && /* @__PURE__ */ a(
91
- y.Label,
91
+ v.Label,
92
92
  {
93
93
  "data-testid": "trigger-content-container",
94
- className: F,
94
+ className: k,
95
95
  style: e.content,
96
- size: W(i),
96
+ size: H(i),
97
97
  as: "span",
98
98
  disabled: o,
99
99
  children: C ? d : Q(d)
100
100
  }
101
101
  ),
102
- g && !!b && /* @__PURE__ */ a(
103
- y.Label,
102
+ g && !!L && /* @__PURE__ */ a(
103
+ v.Label,
104
104
  {
105
105
  "data-testid": "trigger-postfix",
106
- className: k,
106
+ className: G,
107
107
  style: e.postfixTitle,
108
- size: W(i),
108
+ size: H(i),
109
109
  disabled: o,
110
110
  typographyStyle: "secondary",
111
- children: b
111
+ children: L
112
112
  }
113
113
  )
114
114
  ] }),
115
115
  J ? /* @__PURE__ */ a(
116
116
  R,
117
117
  {
118
- className: $,
118
+ className: q,
119
119
  "data-testid": "trigger-clear",
120
- size: H(i),
120
+ size: E(i),
121
121
  tabIndex: -1,
122
- onClick: q,
122
+ onClick: B,
123
123
  style: { outline: "none", ...e.clearIcon },
124
- color: s === "selected" && m ? "var(--base-graphite-75)" : void 0
124
+ color: s === "selected" && m ? "var(--icon-tertiary)" : void 0
125
125
  }
126
126
  ) : /* @__PURE__ */ a(
127
127
  U,
128
128
  {
129
129
  "data-testid": "trigger-chevron",
130
- size: H(i),
131
- className: G,
132
- color: "#AABBCA",
130
+ size: E(i),
131
+ className: P,
132
+ color: "var(--icon-tertiary)",
133
133
  style: e.chevronIcon
134
134
  }
135
135
  )
136
136
  ]
137
137
  }
138
138
  ),
139
- E && /* @__PURE__ */ a(
139
+ O && /* @__PURE__ */ a(
140
140
  V,
141
141
  {
142
- title: O,
142
+ title: X,
143
143
  error: h ? f : void 0,
144
144
  className: h ? t.error : t.description,
145
145
  style: h ? e.error : e.description,
@@ -1,26 +1,26 @@
1
- import '../../assets/components/Trigger/Trigger.module-B91SEgX2.css';const r = {
2
- "trigger-wrapper": "_trigger-wrapper_fm9f9_79",
3
- "trigger-container": "_trigger-container_fm9f9_85",
4
- "trigger-container-applied": "_trigger-container-applied_fm9f9_109",
5
- "trigger-container-open": "_trigger-container-open_fm9f9_114",
6
- "trigger-container-error": "_trigger-container-error_fm9f9_125",
7
- "trigger-container-size-XS": "_trigger-container-size-XS_fm9f9_137",
8
- "trigger-container-size-S": "_trigger-container-size-S_fm9f9_147",
9
- "trigger-container-size-M": "_trigger-container-size-M_fm9f9_153",
10
- "trigger-container-size-L": "_trigger-container-size-L_fm9f9_159",
11
- "trigger-container-size-XL": "_trigger-container-size-XL_fm9f9_167",
12
- "trigger-container-floating": "_trigger-container-floating_fm9f9_173",
13
- "trigger-stretched": "_trigger-stretched_fm9f9_178",
14
- "trigger-content-container": "_trigger-content-container_fm9f9_182",
15
- "trigger-content-container-floating": "_trigger-content-container-floating_fm9f9_191",
16
- "trigger-label": "_trigger-label_fm9f9_196",
17
- "trigger-label-floating": "_trigger-label-floating_fm9f9_203",
18
- "trigger-label-hidden": "_trigger-label-hidden_fm9f9_213",
19
- "trigger-content": "_trigger-content_fm9f9_182",
20
- "trigger-prefix-icon": "_trigger-prefix-icon_fm9f9_225",
21
- "trigger-chevron-icon": "_trigger-chevron-icon_fm9f9_230",
22
- "trigger-clear-icon": "_trigger-clear-icon_fm9f9_246",
23
- "trigger-postfix": "_trigger-postfix_fm9f9_262"
1
+ import '../../assets/components/Trigger/Trigger.module-BWzHgDVC.css';const r = {
2
+ "trigger-wrapper": "_trigger-wrapper_1vv90_77",
3
+ "trigger-container": "_trigger-container_1vv90_83",
4
+ "trigger-container-applied": "_trigger-container-applied_1vv90_106",
5
+ "trigger-container-open": "_trigger-container-open_1vv90_111",
6
+ "trigger-container-error": "_trigger-container-error_1vv90_122",
7
+ "trigger-container-size-XS": "_trigger-container-size-XS_1vv90_134",
8
+ "trigger-container-size-S": "_trigger-container-size-S_1vv90_144",
9
+ "trigger-container-size-M": "_trigger-container-size-M_1vv90_150",
10
+ "trigger-container-size-L": "_trigger-container-size-L_1vv90_156",
11
+ "trigger-container-size-XL": "_trigger-container-size-XL_1vv90_164",
12
+ "trigger-container-floating": "_trigger-container-floating_1vv90_170",
13
+ "trigger-stretched": "_trigger-stretched_1vv90_175",
14
+ "trigger-content-container": "_trigger-content-container_1vv90_179",
15
+ "trigger-content-container-floating": "_trigger-content-container-floating_1vv90_189",
16
+ "trigger-label": "_trigger-label_1vv90_194",
17
+ "trigger-label-floating": "_trigger-label-floating_1vv90_201",
18
+ "trigger-label-hidden": "_trigger-label-hidden_1vv90_213",
19
+ "trigger-content": "_trigger-content_1vv90_179",
20
+ "trigger-prefix-icon": "_trigger-prefix-icon_1vv90_227",
21
+ "trigger-chevron-icon": "_trigger-chevron-icon_1vv90_232",
22
+ "trigger-clear-icon": "_trigger-clear-icon_1vv90_248",
23
+ "trigger-postfix": "_trigger-postfix_1vv90_264"
24
24
  };
25
25
  export {
26
26
  r as default
@@ -1,35 +1,35 @@
1
- import '../../assets/components/Typography/Typography.module-TJDGpv-d.css';const a = "_typography_1mq4x_1", _ = "_disabled_1mq4x_8", n = "_primary_1mq4x_13", t = "_secondary_1mq4x_18", c = "_tertiary_1mq4x_23", s = "_accent_1mq4x_28", e = "_positive_1mq4x_38", o = "_negative_1mq4x_48", r = "_warning_1mq4x_58", i = "_special_1mq4x_68", y = "_contrast_1mq4x_78", m = "_custom_1mq4x_88", d = {
2
- typography: a,
3
- disabled: _,
4
- primary: n,
5
- secondary: t,
6
- tertiary: c,
1
+ import '../../assets/components/Typography/Typography.module-53KcIWaI.css';const n = "_typography_hnc4p_1", c = "_disabled_hnc4p_8", a = "_primary_hnc4p_13", _ = "_secondary_hnc4p_18", t = "_tertiary_hnc4p_23", s = "_accent_hnc4p_28", e = "_positive_hnc4p_38", o = "_negative_hnc4p_48", r = "_warning_hnc4p_58", p = "_special_hnc4p_68", i = "_contrast_hnc4p_78", y = "_custom_hnc4p_88", d = {
2
+ typography: n,
3
+ disabled: c,
4
+ primary: a,
5
+ secondary: _,
6
+ tertiary: t,
7
7
  accent: s,
8
- "accent-secondary": "_accent-secondary_1mq4x_33",
8
+ "accent-secondary": "_accent-secondary_hnc4p_33",
9
9
  positive: e,
10
- "positive-secondary": "_positive-secondary_1mq4x_43",
10
+ "positive-secondary": "_positive-secondary_hnc4p_43",
11
11
  negative: o,
12
- "negative-secondary": "_negative-secondary_1mq4x_53",
12
+ "negative-secondary": "_negative-secondary_hnc4p_53",
13
13
  warning: r,
14
- "warning-secondary": "_warning-secondary_1mq4x_63",
15
- special: i,
16
- "special-secondary": "_special-secondary_1mq4x_73",
17
- contrast: y,
18
- "contrast-secondary": "_contrast-secondary_1mq4x_83",
19
- custom: m
14
+ "warning-secondary": "_warning-secondary_hnc4p_63",
15
+ special: p,
16
+ "special-secondary": "_special-secondary_hnc4p_73",
17
+ contrast: i,
18
+ "contrast-secondary": "_contrast-secondary_hnc4p_83",
19
+ custom: y
20
20
  };
21
21
  export {
22
22
  s as accent,
23
- y as contrast,
24
- m as custom,
23
+ i as contrast,
24
+ y as custom,
25
25
  d as default,
26
- _ as disabled,
26
+ c as disabled,
27
27
  o as negative,
28
28
  e as positive,
29
- n as primary,
30
- t as secondary,
31
- i as special,
32
- c as tertiary,
33
- a as typography,
29
+ a as primary,
30
+ _ as secondary,
31
+ p as special,
32
+ t as tertiary,
33
+ n as typography,
34
34
  r as warning
35
35
  };