skillgrid 0.0.91-dev-68351-trigger-fixes.1802697 → 0.0.93

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 (44) hide show
  1. package/dist/assets/components/Notification/Notification.module-BVePCO8H.css +1 -0
  2. package/dist/assets/components/Trigger/Trigger.module-BWzHgDVC.css +1 -0
  3. package/dist/components/Avatar/AvatarGroup/AvatarGroupRoot.js +5 -5
  4. package/dist/components/FileUpload/FileUpload.js +1 -1
  5. package/dist/components/InputBase/Input.js +6 -6
  6. package/dist/components/Modal/Modal.type.d.ts +1 -1
  7. package/dist/components/Notification/Notification.d.ts +7 -0
  8. package/dist/components/Notification/Notification.i18n.json.d.ts +17 -0
  9. package/dist/components/Notification/Notification.i18n.json.js +9 -0
  10. package/dist/components/Notification/Notification.js +299 -0
  11. package/dist/components/Notification/Notification.module.css.js +72 -0
  12. package/dist/components/Notification/Notification.type.d.ts +146 -0
  13. package/dist/components/Notification/NotificationControls.d.ts +21 -0
  14. package/dist/components/Notification/NotificationControls.js +70 -0
  15. package/dist/components/Notification/index.d.ts +2 -0
  16. package/dist/components/Notification/lib/guidelinesReferenceContent.d.ts +34 -0
  17. package/dist/components/Notification/lib/index.d.ts +2 -0
  18. package/dist/components/Notification/lib/notificationStyleConfig.d.ts +16 -0
  19. package/dist/components/Notification/lib/notificationStyleConfig.js +41 -0
  20. package/dist/components/Notification/lib/referenceGuidelinesGeometry.d.ts +19 -0
  21. package/dist/components/Notification/lib/referenceGuidelinesGeometry.js +24 -0
  22. package/dist/components/Notification/lib/referenceGuidelinesGeometry.test.d.ts +1 -0
  23. package/dist/components/Popover/lib/use-popover.js +1 -1
  24. package/dist/components/Tabs/ScrollWrapper.js +1 -1
  25. package/dist/components/Tabs/Tabs.js +1 -1
  26. package/dist/components/Trigger/Trigger.d.ts +1 -1
  27. package/dist/components/Trigger/Trigger.js +91 -97
  28. package/dist/components/Trigger/Trigger.module.css.js +23 -23
  29. package/dist/components/Trigger/Trigger.type.d.ts +2 -13
  30. package/dist/components/Trigger/lib/utils.d.ts +2 -3
  31. package/dist/components/Trigger/lib/utils.js +5 -9
  32. package/dist/index.cjs.js +4 -4
  33. package/dist/index.css +1 -1
  34. package/dist/index.d.ts +1 -0
  35. package/dist/index.es.js +22 -20
  36. package/dist/locale/en_US.d.ts +4 -0
  37. package/dist/locale/en_US.js +6 -4
  38. package/dist/locale/extendLocale.js +12 -8
  39. package/dist/locale/index.d.ts +1 -1
  40. package/dist/locale/ru_RU.d.ts +4 -0
  41. package/dist/locale/ru_RU.js +4 -2
  42. package/dist/locale/type.d.ts +6 -0
  43. package/package.json +2 -2
  44. package/dist/assets/components/Trigger/Trigger.module-Dc9gMp3_.css +0 -1
package/dist/index.d.ts CHANGED
@@ -22,6 +22,7 @@ export * from './components/Tooltip';
22
22
  export * from './components/SegmentedControl';
23
23
  export * from './components/Trigger';
24
24
  export * from './components/Snackbar';
25
+ export * from './components/Notification';
25
26
  export * from './components/Divider';
26
27
  export * from './components/Drop';
27
28
  export * from './components/Container';
package/dist/index.es.js CHANGED
@@ -16,9 +16,9 @@ import { Icon as D } from "./components/Icon/IconWithCategories.js";
16
16
  import { CountryIcons as R } from "./components/Icon/categories/country.js";
17
17
  import { EditorIcons as F } from "./components/Icon/categories/editor.js";
18
18
  import { LayoutIcons as H } from "./components/Icon/categories/layout.js";
19
- import { UsersIcons as j } from "./components/Icon/categories/users.js";
20
- import { GeneralIcons as z } from "./components/Icon/categories/general.js";
21
- import { ArrowsIcons as K } from "./components/Icon/categories/arrows.js";
19
+ import { UsersIcons as N } from "./components/Icon/categories/users.js";
20
+ import { GeneralIcons as q } from "./components/Icon/categories/general.js";
21
+ import { ArrowsIcons as J } from "./components/Icon/categories/arrows.js";
22
22
  import { ChartsIcons as O } from "./components/Icon/categories/charts.js";
23
23
  import { PrivateIcons as V } from "./components/Icon/categories/private.js";
24
24
  import { DevelopmentIcons as X } from "./components/Icon/categories/development.js";
@@ -38,30 +38,31 @@ import { SegmentedControl as So } from "./components/SegmentedControl/SegmentedC
38
38
  import { Trigger as yo } from "./components/Trigger/Trigger.js";
39
39
  import { useSnackbar as bo } from "./components/Snackbar/lib/useSnackbar.js";
40
40
  import { SnackbarProvider as Uo } from "./components/Snackbar/Provider/SnackbarProvider.js";
41
- import { Divider as Bo } from "./components/Divider/Divider.js";
42
- import { Drop as wo } from "./components/Drop/Drop.js";
43
- import { Container as Eo } from "./components/Container/Container.js";
44
- import { Progress as Go } from "./components/Progress/Progress.js";
45
- import { Switch as Mo } from "./components/Switch/Switch.js";
46
- import { FileUpload as qo } from "./components/FileUpload/FileUpload.js";
47
- import { Popover as Jo } from "./components/Popover/Popover.js";
41
+ import { Notification as Bo } from "./components/Notification/Notification.js";
42
+ import { Divider as wo } from "./components/Divider/Divider.js";
43
+ import { Drop as Eo } from "./components/Drop/Drop.js";
44
+ import { Container as Go } from "./components/Container/Container.js";
45
+ import { Progress as Mo } from "./components/Progress/Progress.js";
46
+ import { Switch as jo } from "./components/Switch/Switch.js";
47
+ import { FileUpload as zo } from "./components/FileUpload/FileUpload.js";
48
+ import { Popover as Ko } from "./components/Popover/Popover.js";
48
49
  export {
49
50
  g as Alert,
50
- K as ArrowsIcons,
51
+ J as ArrowsIcons,
51
52
  e as Avatar,
52
53
  C as Badge,
53
54
  i as Button,
54
55
  O as ChartsIcons,
55
56
  fo as Checkbox,
56
57
  b as ConfigProvider,
57
- Eo as Container,
58
+ Go as Container,
58
59
  R as CountryIcons,
59
60
  X as DevelopmentIcons,
60
- Bo as Divider,
61
- wo as Drop,
61
+ wo as Divider,
62
+ Eo as Drop,
62
63
  F as EditorIcons,
63
- qo as FileUpload,
64
- z as GeneralIcons,
64
+ zo as FileUpload,
65
+ q as GeneralIcons,
65
66
  lo as Helper,
66
67
  D as Icon,
67
68
  S as Image,
@@ -69,16 +70,17 @@ export {
69
70
  go as List,
70
71
  y as Loader,
71
72
  l as Modal,
73
+ Bo as Notification,
72
74
  P as Placeholder,
73
- Jo as Popover,
75
+ Ko as Popover,
74
76
  V as PrivateIcons,
75
77
  Z as ProductIcons,
76
- Go as Progress,
78
+ Mo as Progress,
77
79
  p as Radio,
78
80
  So as SegmentedControl,
79
81
  $ as ServiceIcons,
80
82
  Uo as SnackbarProvider,
81
- Mo as Switch,
83
+ jo as Switch,
82
84
  Po as Tabs,
83
85
  to as Tag,
84
86
  co as TextArea,
@@ -86,7 +88,7 @@ export {
86
88
  Co as Tooltip,
87
89
  yo as Trigger,
88
90
  xo as Typography,
89
- j as UsersIcons,
91
+ N as UsersIcons,
90
92
  a as enUS,
91
93
  ro as extendLocale,
92
94
  m as generateBrandPrimaryPalette,
@@ -34,5 +34,9 @@ declare const locale: {
34
34
  loading: string;
35
35
  placeholder: string;
36
36
  };
37
+ notification: {
38
+ close: string;
39
+ copy: string;
40
+ };
37
41
  };
38
42
  export default locale;
@@ -1,10 +1,12 @@
1
1
  import o from "../components/FileUpload/FileUpload.i18n.json.js";
2
- import l from "../components/Icon/Icon.i18n.json.js";
3
- const n = {
2
+ import i from "../components/Icon/Icon.i18n.json.js";
3
+ import n from "../components/Notification/Notification.i18n.json.js";
4
+ const e = {
4
5
  localeCode: "en-US",
5
6
  fileUpload: o.en.fileUpload,
6
- icon: l.en.icon
7
+ icon: i.en.icon,
8
+ notification: n.en.notification
7
9
  };
8
10
  export {
9
- n as default
11
+ e as default
10
12
  };
@@ -1,21 +1,25 @@
1
- const e = (l, o) => {
2
- var i;
1
+ const n = (i, o) => {
2
+ var l;
3
3
  return {
4
- localeCode: l.localeCode,
4
+ localeCode: i.localeCode,
5
5
  fileUpload: {
6
- ...l.fileUpload,
6
+ ...i.fileUpload,
7
7
  ...o.fileUpload,
8
8
  sizeUnits: {
9
- ...l.fileUpload.sizeUnits,
10
- ...(i = o.fileUpload) == null ? void 0 : i.sizeUnits
9
+ ...i.fileUpload.sizeUnits,
10
+ ...(l = o.fileUpload) == null ? void 0 : l.sizeUnits
11
11
  }
12
12
  },
13
13
  icon: {
14
- ...l.icon,
14
+ ...i.icon,
15
15
  ...o.icon
16
+ },
17
+ notification: {
18
+ ...i.notification,
19
+ ...o.notification
16
20
  }
17
21
  };
18
22
  };
19
23
  export {
20
- e as extendLocale
24
+ n as extendLocale
21
25
  };
@@ -1,4 +1,4 @@
1
- export type { DeepPartial, FileUploadLocale, IconLocale, Locale, LocaleOverrides, } from './type';
1
+ export type { DeepPartial, FileUploadLocale, IconLocale, Locale, LocaleOverrides, NotificationLocale, } from './type';
2
2
  export { extendLocale } from './extendLocale';
3
3
  export { default as enUS } from './en_US';
4
4
  export { default as ruRU } from './ru_RU';
@@ -34,5 +34,9 @@ declare const locale: {
34
34
  loading: string;
35
35
  placeholder: string;
36
36
  };
37
+ notification: {
38
+ close: string;
39
+ copy: string;
40
+ };
37
41
  };
38
42
  export default locale;
@@ -1,9 +1,11 @@
1
1
  import o from "../components/FileUpload/FileUpload.i18n.json.js";
2
- import l from "../components/Icon/Icon.i18n.json.js";
2
+ import i from "../components/Icon/Icon.i18n.json.js";
3
+ import a from "../components/Notification/Notification.i18n.json.js";
3
4
  const r = {
4
5
  localeCode: "ru-RU",
5
6
  fileUpload: o.ru.fileUpload,
6
- icon: l.ru.icon
7
+ icon: i.ru.icon,
8
+ notification: a.ru.notification
7
9
  };
8
10
  export {
9
11
  r as default
@@ -29,10 +29,15 @@ export interface IconLocale {
29
29
  loading: string;
30
30
  placeholder: string;
31
31
  }
32
+ export interface NotificationLocale {
33
+ close: string;
34
+ copy: string;
35
+ }
32
36
  export interface Locale {
33
37
  localeCode: string;
34
38
  fileUpload: FileUploadLocale;
35
39
  icon: IconLocale;
40
+ notification: NotificationLocale;
36
41
  }
37
42
  export type DeepPartial<T> = {
38
43
  [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
@@ -40,4 +45,5 @@ export type DeepPartial<T> = {
40
45
  export interface LocaleOverrides {
41
46
  fileUpload?: DeepPartial<FileUploadLocale>;
42
47
  icon?: Partial<IconLocale>;
48
+ notification?: Partial<NotificationLocale>;
43
49
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "skillgrid",
3
- "version": "0.0.91-dev-68351-trigger-fixes.1802697",
3
+ "version": "0.0.93",
4
4
  "description": "Skillgrid Components Library",
5
5
  "keywords": [
6
6
  "react",
@@ -154,4 +154,4 @@
154
154
  "wrap-ansi": "7.0.0",
155
155
  "cliui": "7.0.4"
156
156
  }
157
- }
157
+ }
@@ -1 +0,0 @@
1
- :root{--trigger-wrapper: 8px;--trigger-border-radius: 12px;--trigger-background-color-disabled: var(--bg-disabled);--trigger-border-color-disabled: var(--base-graphite-95);--trigger-outline-with-default: 1px;--trigger-outline-with-focused: 2px;--trigger-outline-with-applied: 2px;--trigger-outline-color-focused: var(--stroke-accent);--trigger-outline-color-applied: var(--base-gray-0);--trigger-outline-color-invalid: var(--base-red-60);--trigger-ring-width: 4px;--trigger-ring-color-focused: color-mix(in srgb, var(--brand-primary-500) 40%, transparent);--trigger-ring-color-invalid: color-mix(in srgb, var(--trigger-outline-color-invalid) 40%, transparent);--trigger-border-shadow-default: 0 0 0 var(--trigger-ring-width) var(--trigger-ring-color-focused);--trigger-border-shadow-invalid: 0 0 0 var(--trigger-ring-width) var(--trigger-ring-color-invalid);--trigger-label-floating-top: 16px;--trigger-label-floating-left: 16px;--trigger-postfix-color: var(--text-secondary);--trigger-error-color: var(--base-red-60);--trigger-chevron-rotation-focused: -180deg;--trigger-padding-inline-S: 10px;--trigger-padding-inline-M: 12px;--trigger-padding-right-L: 12px;--trigger-padding-left-L: 16px;--trigger-padding-inline-XL: 16px;--trigger-label-floating-padding-right: 65px;--trigger-padding-block-S: 8px;--trigger-padding-block-M: 10px;--trigger-padding-block-L: 13px;--trigger-padding-block-XL: 17px;--trigger-content-container-floating-padding-top: 18px;--trigger-min-width-XS: 32px;--trigger-min-width-S: 52px;--trigger-min-width-M: 55px;--trigger-min-width-L: 72px;--trigger-min-width-XL: 100px;--trigger-margin-postfix: 6px;--trigger-margin-icon-large: 12px;--trigger-margin-icon-small: 8px;--semantic-animation-ease-in-out-100: all .1s ease-in-out}*,*:before,*:after{box-sizing:border-box}._trigger-wrapper_zp1ok_74{display:flex;flex-direction:column;gap:var(--trigger-wrapper)}._trigger-container_zp1ok_80{cursor:pointer;position:relative;display:flex;align-items:center;justify-content:space-between;width:fit-content;background-color:var(--bg-primary);border:none;border-radius:var(--trigger-border-radius);outline:var(--stroke-neutral) solid var(--trigger-outline-with-default)}._trigger-container_zp1ok_80:disabled{cursor:not-allowed;background-color:var(--trigger-background-color-disabled);outline-color:var(--trigger-border-color-disabled)}._trigger-container-applied_zp1ok_103{outline-color:var(--trigger-outline-color-applied);outline-width:var(--trigger-outline-with-applied)}._trigger-container-open_zp1ok_108{outline-color:var(--trigger-outline-color-focused);outline-width:var(--trigger-outline-with-focused)}._trigger-container_zp1ok_80:focus-visible{outline-color:var(--trigger-outline-color-focused);outline-width:var(--trigger-outline-with-focused);box-shadow:var(--trigger-border-shadow-default)}._trigger-container-error_zp1ok_119{outline-color:var(--trigger-outline-color-invalid);outline-width:var(--trigger-outline-with-default);transition:var(--semantic-animation-ease-in-out-100)}._trigger-container-error_zp1ok_119:focus-visible{outline-color:var(--trigger-outline-color-invalid);outline-width:var(--trigger-outline-with-default);box-shadow:var(--trigger-border-shadow-invalid)}._trigger-container-size-XS_zp1ok_131{min-width:var(--trigger-min-width-XS);padding:0;outline:none}._trigger-container-size-XS_zp1ok_131:disabled{background:transparent}._trigger-container-size-S_zp1ok_141{min-width:var(--trigger-min-width-S);padding-block:var(--trigger-padding-block-S);padding-inline:var(--trigger-padding-inline-S)}._trigger-container-size-M_zp1ok_147{min-width:var(--trigger-min-width-M);padding-block:var(--trigger-padding-block-M);padding-inline:var(--trigger-padding-inline-M)}._trigger-container-size-L_zp1ok_153{min-width:var(--trigger-min-width-L);padding-right:var(--trigger-padding-right-L);padding-left:var(--trigger-padding-left-L);padding-block:var(--trigger-padding-block-L)}._trigger-container-size-XL_zp1ok_161{min-width:var(--trigger-min-width-XL);padding-block:var(--trigger-padding-block-XL);padding-inline:var(--trigger-padding-inline-XL)}._trigger-container-floating_zp1ok_167{width:"w-fit";padding-block:var(--trigger-padding-block-S)}._trigger-stretched_zp1ok_172{width:100%}._trigger-content-container_zp1ok_176{overflow:hidden;display:flex;flex:1;align-items:center;min-width:0}._trigger-content-container-floating_zp1ok_185{align-items:end;padding-top:var(--trigger-content-container-floating-padding-top)}._trigger-label_zp1ok_190{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:var(--semantic-animation-ease-in-out-100)}._trigger-label-floating_zp1ok_197{position:absolute;top:var(--trigger-label-floating-top);left:var(--trigger-label-floating-left);transform:translateY(-50%);width:100%;max-width:calc(100% - var(--trigger-label-floating-padding-right));text-align:start}._trigger-label-hidden_zp1ok_209{display:none}._trigger-content_zp1ok_176{overflow:hidden;min-width:0;text-align:start;text-overflow:ellipsis;white-space:nowrap}._trigger-prefix-icon_zp1ok_223{display:flex;margin-right:6px}._trigger-chevron-icon_zp1ok_228{flex-shrink:0;transition:var(--semantic-animation-ease-in-out-100)}._trigger-container-size-XL_zp1ok_161 ._trigger-chevron-icon_zp1ok_228,._trigger-container-size-L_zp1ok_153 ._trigger-chevron-icon_zp1ok_228{margin-left:var(--trigger-margin-icon-large)}._trigger-container-size-M_zp1ok_147 ._trigger-chevron-icon_zp1ok_228,._trigger-container-size-S_zp1ok_141 ._trigger-chevron-icon_zp1ok_228,._trigger-container-size-XS_zp1ok_131 ._trigger-chevron-icon_zp1ok_228{margin-left:var(--trigger-margin-icon-small)}._trigger-clear-icon_zp1ok_244{flex-shrink:0;transition:var(--semantic-animation-ease-in-out-100)}._trigger-container-size-XL_zp1ok_161 ._trigger-clear-icon_zp1ok_244,._trigger-container-size-L_zp1ok_153 ._trigger-clear-icon_zp1ok_244{margin-left:var(--trigger-margin-icon-large)}._trigger-container-size-M_zp1ok_147 ._trigger-clear-icon_zp1ok_244,._trigger-container-size-S_zp1ok_141 ._trigger-clear-icon_zp1ok_244,._trigger-container-size-XS_zp1ok_131 ._trigger-clear-icon_zp1ok_244{margin-left:var(--trigger-margin-icon-small)}._trigger-postfix_zp1ok_260{flex-shrink:0;margin-left:var(--trigger-margin-postfix);color:var(--trigger-postfix-color)}._trigger-container-open_zp1ok_108 ._trigger-chevron-icon_zp1ok_228{transform:rotate(var(--trigger-chevron-rotation-focused))}._trigger-container-error_zp1ok_119._trigger-container-size-XS_zp1ok_131 ._trigger-content-container_zp1ok_176 span:not(._trigger-postfix_zp1ok_260){color:var(--trigger-error-color)}[data-skillgridDarkTheme=true]{--trigger-border-color-disabled: var(--stroke-contrast-disabled)}