@snack-uikit/alert 0.16.8 → 0.16.10-preview-2df7e7b5.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.
Files changed (5) hide show
  1. package/CHANGELOG.md +212 -564
  2. package/dist/cjs/components/Alert/Alert.js +1 -0
  3. package/dist/esm/components/Alert/Alert.js +1 -1
  4. package/package.json +5 -5
  5. package/src/components/Alert/Alert.tsx +1 -0
package/dist/cjs/components/Alert/Alert.js CHANGED
@@ -88,6 +88,7 @@ function Alert(_a) {
88
88
  onClick: onClose,
89
89
  appearance: constants_1.APPEARANCE_TO_COLOR_MAP[appearance],
90
90
  icon: (0, jsx_runtime_1.jsx)(icons_1.CrossSVG, {}),
91
+ size: size,
91
92
  variant: 'simple',
92
93
  dataTestId: 'alert__close-button'
93
94
  })]
package/dist/esm/components/Alert/Alert.js CHANGED
@@ -27,5 +27,5 @@ export function Alert(_a) {
27
27
  var { icon = true, title, truncate, link, description, onClose, appearance = APPEARANCE.Neutral, className, actions, outline, size = 'm' } = _a, rest = __rest(_a, ["icon", "title", "truncate", "link", "description", "onClose", "appearance", "className", "actions", "outline", "size"]);
28
28
  return (_jsxs("div", Object.assign({ className: cn(styles.alert, {
29
29
  [styles.alertOutline]: outline,
30
- }, className) }, extractSupportProps(rest), { "data-color": APPEARANCE_TO_COLOR_MAP[appearance], "data-size": size, children: [_jsxs("div", { className: styles.body, "data-size": size, children: [icon && (_jsx("div", { className: styles.icon, "data-color": APPEARANCE_TO_COLOR_MAP[appearance], "data-test-id": 'alert__icon', "data-size": size, children: getIcon(appearance, size === 's' ? 16 : 24) })), _jsxs("div", { className: styles.contentLayout, "data-size": size, children: [title && (_jsx(TruncateString, { text: title, maxLines: (_b = truncate === null || truncate === void 0 ? void 0 : truncate.title) !== null && _b !== void 0 ? _b : 1, className: styles.title, "data-test-id": 'alert__title', "data-size": size })), _jsx("span", { "data-test-id": 'alert__description', className: styles.description, "data-size": size, children: description }), link && (_jsx("span", { children: _jsx(Link, Object.assign({}, link, { appearance: APPEARANCE_TO_LINK_COLOR_MAP[appearance], textMode: 'default', size: size, "data-test-id": 'alert__link' })) }))] }), onClose && (_jsx(AlertButton, { onClick: onClose, appearance: APPEARANCE_TO_COLOR_MAP[appearance], icon: _jsx(CrossSVG, {}), variant: 'simple', dataTestId: 'alert__close-button' }))] }), actions && (_jsxs("div", { className: styles.footer, "data-size": size, children: [actions.primary && (_jsx(AlertButton, Object.assign({}, actions.primary, { appearance: APPEARANCE_TO_COLOR_MAP[appearance], variant: 'simple', size: size }))), (actions === null || actions === void 0 ? void 0 : actions.secondary) && (_jsx(AlertButton, Object.assign({}, actions.secondary, { appearance: APPEARANCE_TO_COLOR_MAP[appearance], variant: 'simple', size: size })))] }))] })));
30
+ }, className) }, extractSupportProps(rest), { "data-color": APPEARANCE_TO_COLOR_MAP[appearance], "data-size": size, children: [_jsxs("div", { className: styles.body, "data-size": size, children: [icon && (_jsx("div", { className: styles.icon, "data-color": APPEARANCE_TO_COLOR_MAP[appearance], "data-test-id": 'alert__icon', "data-size": size, children: getIcon(appearance, size === 's' ? 16 : 24) })), _jsxs("div", { className: styles.contentLayout, "data-size": size, children: [title && (_jsx(TruncateString, { text: title, maxLines: (_b = truncate === null || truncate === void 0 ? void 0 : truncate.title) !== null && _b !== void 0 ? _b : 1, className: styles.title, "data-test-id": 'alert__title', "data-size": size })), _jsx("span", { "data-test-id": 'alert__description', className: styles.description, "data-size": size, children: description }), link && (_jsx("span", { children: _jsx(Link, Object.assign({}, link, { appearance: APPEARANCE_TO_LINK_COLOR_MAP[appearance], textMode: 'default', size: size, "data-test-id": 'alert__link' })) }))] }), onClose && (_jsx(AlertButton, { onClick: onClose, appearance: APPEARANCE_TO_COLOR_MAP[appearance], icon: _jsx(CrossSVG, {}), size: size, variant: 'simple', dataTestId: 'alert__close-button' }))] }), actions && (_jsxs("div", { className: styles.footer, "data-size": size, children: [actions.primary && (_jsx(AlertButton, Object.assign({}, actions.primary, { appearance: APPEARANCE_TO_COLOR_MAP[appearance], variant: 'simple', size: size }))), (actions === null || actions === void 0 ? void 0 : actions.secondary) && (_jsx(AlertButton, Object.assign({}, actions.secondary, { appearance: APPEARANCE_TO_COLOR_MAP[appearance], variant: 'simple', size: size })))] }))] })));
31
31
  }
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Alert",
7
- "version": "0.16.8",
7
+ "version": "0.16.10-preview-2df7e7b5.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -36,12 +36,12 @@
36
36
  "license": "Apache-2.0",
37
37
  "scripts": {},
38
38
  "dependencies": {
39
- "@snack-uikit/icons": "0.26.3",
40
- "@snack-uikit/link": "0.17.1",
39
+ "@snack-uikit/icons": "0.26.4-preview-2df7e7b5.0",
40
+ "@snack-uikit/link": "0.17.2-preview-2df7e7b5.0",
41
41
  "@snack-uikit/loaders": "0.9.5",
42
- "@snack-uikit/truncate-string": "0.6.19",
42
+ "@snack-uikit/truncate-string": "0.6.20-preview-2df7e7b5.0",
43
43
  "@snack-uikit/utils": "3.8.2",
44
44
  "classnames": "2.5.1"
45
45
  },
46
- "gitHead": "0eedd13082bdc63c6f0b1a6c592421e6133f17af"
46
+ "gitHead": "68982219776af04aaffba2391e0dfdba8935f1b0"
47
47
  }
package/src/components/Alert/Alert.tsx CHANGED
@@ -121,6 +121,7 @@ export function Alert<LinkElement extends ElementType = 'a'>({
121
121
  onClick={onClose}
122
122
  appearance={APPEARANCE_TO_COLOR_MAP[appearance]}
123
123
  icon={<CrossSVG />}
124
+ size={size}
124
125
  variant='simple'
125
126
  dataTestId='alert__close-button'
126
127
  />