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.
- package/dist/assets/components/Notification/Notification.module-BVePCO8H.css +1 -0
- package/dist/assets/components/Trigger/Trigger.module-BWzHgDVC.css +1 -0
- package/dist/components/Avatar/AvatarGroup/AvatarGroupRoot.js +5 -5
- package/dist/components/FileUpload/FileUpload.js +1 -1
- package/dist/components/InputBase/Input.js +6 -6
- package/dist/components/Modal/Modal.type.d.ts +1 -1
- package/dist/components/Notification/Notification.d.ts +7 -0
- package/dist/components/Notification/Notification.i18n.json.d.ts +17 -0
- package/dist/components/Notification/Notification.i18n.json.js +9 -0
- package/dist/components/Notification/Notification.js +299 -0
- package/dist/components/Notification/Notification.module.css.js +72 -0
- package/dist/components/Notification/Notification.type.d.ts +146 -0
- package/dist/components/Notification/NotificationControls.d.ts +21 -0
- package/dist/components/Notification/NotificationControls.js +70 -0
- package/dist/components/Notification/index.d.ts +2 -0
- package/dist/components/Notification/lib/guidelinesReferenceContent.d.ts +34 -0
- package/dist/components/Notification/lib/index.d.ts +2 -0
- package/dist/components/Notification/lib/notificationStyleConfig.d.ts +16 -0
- package/dist/components/Notification/lib/notificationStyleConfig.js +41 -0
- package/dist/components/Notification/lib/referenceGuidelinesGeometry.d.ts +19 -0
- package/dist/components/Notification/lib/referenceGuidelinesGeometry.js +24 -0
- package/dist/components/Notification/lib/referenceGuidelinesGeometry.test.d.ts +1 -0
- package/dist/components/Popover/lib/use-popover.js +1 -1
- package/dist/components/Tabs/ScrollWrapper.js +1 -1
- package/dist/components/Tabs/Tabs.js +1 -1
- package/dist/components/Trigger/Trigger.d.ts +1 -1
- package/dist/components/Trigger/Trigger.js +91 -97
- package/dist/components/Trigger/Trigger.module.css.js +23 -23
- package/dist/components/Trigger/Trigger.type.d.ts +2 -13
- package/dist/components/Trigger/lib/utils.d.ts +2 -3
- package/dist/components/Trigger/lib/utils.js +5 -9
- package/dist/index.cjs.js +4 -4
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.es.js +22 -20
- package/dist/locale/en_US.d.ts +4 -0
- package/dist/locale/en_US.js +6 -4
- package/dist/locale/extendLocale.js +12 -8
- package/dist/locale/index.d.ts +1 -1
- package/dist/locale/ru_RU.d.ts +4 -0
- package/dist/locale/ru_RU.js +4 -2
- package/dist/locale/type.d.ts +6 -0
- package/package.json +2 -2
- 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
|
|
20
|
-
import { GeneralIcons as
|
|
21
|
-
import { ArrowsIcons as
|
|
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 {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
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
|
-
|
|
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
|
-
|
|
58
|
+
Go as Container,
|
|
58
59
|
R as CountryIcons,
|
|
59
60
|
X as DevelopmentIcons,
|
|
60
|
-
|
|
61
|
-
|
|
61
|
+
wo as Divider,
|
|
62
|
+
Eo as Drop,
|
|
62
63
|
F as EditorIcons,
|
|
63
|
-
|
|
64
|
-
|
|
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
|
-
|
|
75
|
+
Ko as Popover,
|
|
74
76
|
V as PrivateIcons,
|
|
75
77
|
Z as ProductIcons,
|
|
76
|
-
|
|
78
|
+
Mo as Progress,
|
|
77
79
|
p as Radio,
|
|
78
80
|
So as SegmentedControl,
|
|
79
81
|
$ as ServiceIcons,
|
|
80
82
|
Uo as SnackbarProvider,
|
|
81
|
-
|
|
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
|
-
|
|
91
|
+
N as UsersIcons,
|
|
90
92
|
a as enUS,
|
|
91
93
|
ro as extendLocale,
|
|
92
94
|
m as generateBrandPrimaryPalette,
|
package/dist/locale/en_US.d.ts
CHANGED
package/dist/locale/en_US.js
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import o from "../components/FileUpload/FileUpload.i18n.json.js";
|
|
2
|
-
import
|
|
3
|
-
|
|
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:
|
|
7
|
+
icon: i.en.icon,
|
|
8
|
+
notification: n.en.notification
|
|
7
9
|
};
|
|
8
10
|
export {
|
|
9
|
-
|
|
11
|
+
e as default
|
|
10
12
|
};
|
|
@@ -1,21 +1,25 @@
|
|
|
1
|
-
const
|
|
2
|
-
var
|
|
1
|
+
const n = (i, o) => {
|
|
2
|
+
var l;
|
|
3
3
|
return {
|
|
4
|
-
localeCode:
|
|
4
|
+
localeCode: i.localeCode,
|
|
5
5
|
fileUpload: {
|
|
6
|
-
...
|
|
6
|
+
...i.fileUpload,
|
|
7
7
|
...o.fileUpload,
|
|
8
8
|
sizeUnits: {
|
|
9
|
-
...
|
|
10
|
-
...(
|
|
9
|
+
...i.fileUpload.sizeUnits,
|
|
10
|
+
...(l = o.fileUpload) == null ? void 0 : l.sizeUnits
|
|
11
11
|
}
|
|
12
12
|
},
|
|
13
13
|
icon: {
|
|
14
|
-
...
|
|
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
|
-
|
|
24
|
+
n as extendLocale
|
|
21
25
|
};
|
package/dist/locale/index.d.ts
CHANGED
|
@@ -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';
|
package/dist/locale/ru_RU.d.ts
CHANGED
package/dist/locale/ru_RU.js
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import o from "../components/FileUpload/FileUpload.i18n.json.js";
|
|
2
|
-
import
|
|
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:
|
|
7
|
+
icon: i.ru.icon,
|
|
8
|
+
notification: a.ru.notification
|
|
7
9
|
};
|
|
8
10
|
export {
|
|
9
11
|
r as default
|
package/dist/locale/type.d.ts
CHANGED
|
@@ -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.
|
|
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)}
|