@papillonarts/components 0.32.0 → 0.33.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/build/Modern/Flash/Flash.js +3 -4
- package/package.json +4 -4
- package/build/Modern/Flash/Flash.features.d.ts +0 -9
- package/build/Modern/Flash/Flash.features.d.ts.map +0 -1
- package/build/Modern/Flash/Flash.features.js +0 -136
- package/build/Modern/Flash/Flash.features.stories.d.ts +0 -19
- package/build/Modern/Flash/Flash.features.stories.d.ts.map +0 -1
- package/build/Modern/Flash/Flash.features.stories.js +0 -43
- package/build/Modern/Flash/Flash.stories.d.ts +0 -14
- package/build/Modern/Flash/Flash.stories.d.ts.map +0 -1
- package/build/Modern/Flash/Flash.stories.js +0 -28
- /package/build/Modern/Flash/{Flash.features.stories.module.scss → __tests__/Flash.features.stories.module.scss} +0 -0
|
@@ -30,8 +30,7 @@ var Flash = /*#__PURE__*/(0, _react.forwardRef)(function Flash(_ref, ref) {
|
|
|
30
30
|
"data-variant": variant
|
|
31
31
|
}));
|
|
32
32
|
});
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
// }
|
|
33
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
34
|
+
Flash.displayName = 'Flash';
|
|
35
|
+
}
|
|
37
36
|
var _default = exports["default"] = Flash;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@papillonarts/components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.33.0",
|
|
4
4
|
"description": "Papillon Arts Components",
|
|
5
5
|
"homepage": "https://github.com/papillonarts/papillonarts/tree/master/packages/components",
|
|
6
6
|
"repository": {
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
"build-release": "npm run build"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@papillonarts/css": "^0.
|
|
30
|
-
"@papillonarts/library": "^0.
|
|
29
|
+
"@papillonarts/css": "^0.33.0",
|
|
30
|
+
"@papillonarts/library": "^0.33.0"
|
|
31
31
|
},
|
|
32
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "4c79fc59638eb6e7b1cb30c0c690aa749050f9c8"
|
|
33
33
|
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export declare const Flash: any;
|
|
2
|
-
export declare function regular(): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export declare function success(): import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
export declare function danger(): import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
export declare function warning(): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export declare function full(): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export declare function withIconAndAction(): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export declare function withIconActionDismiss(): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
//# sourceMappingURL=Flash.features.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Flash.features.d.ts","sourceRoot":"","sources":["../../../src/Modern/Flash/Flash.features.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK,KAGgC,CAAA;AAElD,wBAAgB,OAAO,4CAEtB;AAED,wBAAgB,OAAO,4CAgBtB;AAED,wBAAgB,MAAM,4CAgBrB;AAED,wBAAgB,OAAO,4CAgBtB;AAED,wBAAgB,IAAI,4CAgBnB;AAED,wBAAgB,iBAAiB,4CAahC;AAED,wBAAgB,qBAAqB,4CAcpC"}
|
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.Flash = void 0;
|
|
8
|
-
exports.danger = danger;
|
|
9
|
-
exports.full = full;
|
|
10
|
-
exports.regular = regular;
|
|
11
|
-
exports.success = success;
|
|
12
|
-
exports.warning = warning;
|
|
13
|
-
exports.withIconActionDismiss = withIconActionDismiss;
|
|
14
|
-
exports.withIconAndAction = withIconAndAction;
|
|
15
|
-
var _octiconsReact = require("@primer/octicons-react");
|
|
16
|
-
var _FlashFeaturesStoriesModule = _interopRequireDefault(require("./Flash.features.stories.module.scss"));
|
|
17
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
|
-
// import { Button, IconButton } from '../Button'
|
|
19
|
-
// import Link from '../Link'
|
|
20
|
-
|
|
21
|
-
var Flash = exports.Flash = process.env.NODE_ENV === 'develop' || process.env.NODE_ENV === 'test' ? require('../../index').Modern.Flash.Flash : require('../../../build').Modern.Flash.Flash;
|
|
22
|
-
function regular() {
|
|
23
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Flash, {
|
|
24
|
-
children: "Default"
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
function success() {
|
|
28
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Flash, {
|
|
29
|
-
variant: "success",
|
|
30
|
-
style: {
|
|
31
|
-
display: 'grid',
|
|
32
|
-
gridTemplateColumns: 'min-content 1fr minmax(0, auto)',
|
|
33
|
-
gridTemplateAreas: "'visual message actions'"
|
|
34
|
-
},
|
|
35
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
36
|
-
className: _FlashFeaturesStoriesModule["default"].Visual,
|
|
37
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.CheckCircleIcon, {
|
|
38
|
-
"aria-label": "Success"
|
|
39
|
-
})
|
|
40
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
41
|
-
className: _FlashFeaturesStoriesModule["default"].Message,
|
|
42
|
-
children: "Success"
|
|
43
|
-
})]
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
function danger() {
|
|
47
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Flash, {
|
|
48
|
-
variant: "danger",
|
|
49
|
-
style: {
|
|
50
|
-
display: 'grid',
|
|
51
|
-
gridTemplateColumns: 'min-content 1fr minmax(0, auto)',
|
|
52
|
-
gridTemplateAreas: "'visual message actions'"
|
|
53
|
-
},
|
|
54
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
55
|
-
className: _FlashFeaturesStoriesModule["default"].Visual,
|
|
56
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.InfoIcon, {
|
|
57
|
-
"aria-label": "Danger"
|
|
58
|
-
})
|
|
59
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
60
|
-
className: _FlashFeaturesStoriesModule["default"].Message,
|
|
61
|
-
children: "Danger"
|
|
62
|
-
})]
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
function warning() {
|
|
66
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Flash, {
|
|
67
|
-
variant: "warning",
|
|
68
|
-
style: {
|
|
69
|
-
display: 'grid',
|
|
70
|
-
gridTemplateColumns: 'min-content 1fr minmax(0, auto)',
|
|
71
|
-
gridTemplateAreas: "'visual message actions'"
|
|
72
|
-
},
|
|
73
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
74
|
-
className: _FlashFeaturesStoriesModule["default"].Visual,
|
|
75
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.AlertIcon, {
|
|
76
|
-
"aria-label": "Warning"
|
|
77
|
-
})
|
|
78
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
79
|
-
className: _FlashFeaturesStoriesModule["default"].Message,
|
|
80
|
-
children: "Warning"
|
|
81
|
-
})]
|
|
82
|
-
});
|
|
83
|
-
}
|
|
84
|
-
function full() {
|
|
85
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Flash, {
|
|
86
|
-
full: true,
|
|
87
|
-
style: {
|
|
88
|
-
display: 'grid',
|
|
89
|
-
gridTemplateColumns: 'min-content 1fr minmax(0, auto)',
|
|
90
|
-
gridTemplateAreas: "'visual message actions'"
|
|
91
|
-
},
|
|
92
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
93
|
-
className: _FlashFeaturesStoriesModule["default"].Visual,
|
|
94
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.InfoIcon, {
|
|
95
|
-
"aria-label": "Info"
|
|
96
|
-
})
|
|
97
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
98
|
-
className: _FlashFeaturesStoriesModule["default"].Message,
|
|
99
|
-
children: "Full"
|
|
100
|
-
})]
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
function withIconAndAction() {
|
|
104
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Flash, {
|
|
105
|
-
className: _FlashFeaturesStoriesModule["default"].WithIconAndAction,
|
|
106
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
107
|
-
className: _FlashFeaturesStoriesModule["default"].Visual,
|
|
108
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.InfoIcon, {
|
|
109
|
-
"aria-label": "Info"
|
|
110
|
-
})
|
|
111
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
112
|
-
className: _FlashFeaturesStoriesModule["default"].Message,
|
|
113
|
-
children: "This is a flash message with an icon and an action."
|
|
114
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
115
|
-
className: _FlashFeaturesStoriesModule["default"].ActionsResponsive
|
|
116
|
-
})]
|
|
117
|
-
});
|
|
118
|
-
}
|
|
119
|
-
function withIconActionDismiss() {
|
|
120
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Flash, {
|
|
121
|
-
className: _FlashFeaturesStoriesModule["default"].WithIconActionDismiss,
|
|
122
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
123
|
-
className: _FlashFeaturesStoriesModule["default"].Visual,
|
|
124
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.InfoIcon, {
|
|
125
|
-
"aria-label": "Info"
|
|
126
|
-
})
|
|
127
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
128
|
-
className: _FlashFeaturesStoriesModule["default"].Message,
|
|
129
|
-
children: "This is a flash message with an icon and an action."
|
|
130
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
131
|
-
className: _FlashFeaturesStoriesModule["default"].ActionsResponsive
|
|
132
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
133
|
-
className: _FlashFeaturesStoriesModule["default"].Close
|
|
134
|
-
})]
|
|
135
|
-
});
|
|
136
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react-webpack5';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: any;
|
|
5
|
-
decorators: ((...args: any[]) => any)[];
|
|
6
|
-
parameters: {
|
|
7
|
-
jest: string[];
|
|
8
|
-
};
|
|
9
|
-
excludeStories: string[];
|
|
10
|
-
};
|
|
11
|
-
export default meta;
|
|
12
|
-
type Story = StoryObj<typeof meta>;
|
|
13
|
-
export declare const Success: Story;
|
|
14
|
-
export declare const Danger: Story;
|
|
15
|
-
export declare const Warning: Story;
|
|
16
|
-
export declare const Full: Story;
|
|
17
|
-
export declare const WithIconAndAction: Story;
|
|
18
|
-
export declare const WithIconActionDismiss: Story;
|
|
19
|
-
//# sourceMappingURL=Flash.features.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Flash.features.stories.d.ts","sourceRoot":"","sources":["../../../src/Modern/Flash/Flash.features.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAI/D,QAAA,MAAM,IAAI;;;;;;;;CAMoB,CAAA;AAE9B,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAA2B,CAAA;AAEjD,eAAO,MAAM,MAAM,EAAE,KAA0B,CAAA;AAE/C,eAAO,MAAM,OAAO,EAAE,KAA2B,CAAA;AAEjD,eAAO,MAAM,IAAI,EAAE,KAAwB,CAAA;AAE3C,eAAO,MAAM,iBAAiB,EAAE,KAAqC,CAAA;AAErE,eAAO,MAAM,qBAAqB,EAAE,KAAyC,CAAA"}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = exports.WithIconAndAction = exports.WithIconActionDismiss = exports.Warning = exports.Success = exports.Full = exports.Danger = void 0;
|
|
8
|
-
var _addonJest = require("@storybook/addon-jest");
|
|
9
|
-
var _jestTestResults = _interopRequireDefault(require("../../../../../.jest-test-results.json"));
|
|
10
|
-
var _Flash = require("./Flash.features");
|
|
11
|
-
// https://storybook.js.org/docs/writing-stories
|
|
12
|
-
// https://storybook.js.org/docs/api/csf
|
|
13
|
-
|
|
14
|
-
var meta = {
|
|
15
|
-
title: 'Modern/Flash/Features',
|
|
16
|
-
component: _Flash.Flash,
|
|
17
|
-
decorators: [(0, _addonJest.withTests)({
|
|
18
|
-
results: _jestTestResults["default"]
|
|
19
|
-
})],
|
|
20
|
-
parameters: {
|
|
21
|
-
jest: ['Flash.test.ts']
|
|
22
|
-
},
|
|
23
|
-
excludeStories: ['Custom']
|
|
24
|
-
};
|
|
25
|
-
var _default = exports["default"] = meta;
|
|
26
|
-
var Success = exports.Success = {
|
|
27
|
-
render: _Flash.success
|
|
28
|
-
};
|
|
29
|
-
var Danger = exports.Danger = {
|
|
30
|
-
render: _Flash.danger
|
|
31
|
-
};
|
|
32
|
-
var Warning = exports.Warning = {
|
|
33
|
-
render: _Flash.warning
|
|
34
|
-
};
|
|
35
|
-
var Full = exports.Full = {
|
|
36
|
-
render: _Flash.full
|
|
37
|
-
};
|
|
38
|
-
var WithIconAndAction = exports.WithIconAndAction = {
|
|
39
|
-
render: _Flash.withIconAndAction
|
|
40
|
-
};
|
|
41
|
-
var WithIconActionDismiss = exports.WithIconActionDismiss = {
|
|
42
|
-
render: _Flash.withIconActionDismiss
|
|
43
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react-webpack5';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: any;
|
|
5
|
-
decorators: ((...args: any[]) => any)[];
|
|
6
|
-
parameters: {
|
|
7
|
-
jest: string[];
|
|
8
|
-
};
|
|
9
|
-
excludeStories: string[];
|
|
10
|
-
};
|
|
11
|
-
export default meta;
|
|
12
|
-
type Story = StoryObj<typeof meta>;
|
|
13
|
-
export declare const Default: Story;
|
|
14
|
-
//# sourceMappingURL=Flash.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Flash.stories.d.ts","sourceRoot":"","sources":["../../../src/Modern/Flash/Flash.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAI/D,QAAA,MAAM,IAAI;;;;;;;;CAMoB,CAAA;AAE9B,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAA2B,CAAA"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = exports.Default = void 0;
|
|
8
|
-
var _addonJest = require("@storybook/addon-jest");
|
|
9
|
-
var _jestTestResults = _interopRequireDefault(require("../../../../../.jest-test-results.json"));
|
|
10
|
-
var _Flash = require("./Flash.features");
|
|
11
|
-
// https://storybook.js.org/docs/writing-stories
|
|
12
|
-
// https://storybook.js.org/docs/api/csf
|
|
13
|
-
|
|
14
|
-
var meta = {
|
|
15
|
-
title: 'Modern/Flash',
|
|
16
|
-
component: _Flash.Flash,
|
|
17
|
-
decorators: [(0, _addonJest.withTests)({
|
|
18
|
-
results: _jestTestResults["default"]
|
|
19
|
-
})],
|
|
20
|
-
parameters: {
|
|
21
|
-
jest: ['Flash.test.ts']
|
|
22
|
-
},
|
|
23
|
-
excludeStories: ['Custom']
|
|
24
|
-
};
|
|
25
|
-
var _default = exports["default"] = meta;
|
|
26
|
-
var Default = exports.Default = {
|
|
27
|
-
render: _Flash.regular
|
|
28
|
-
};
|
|
File without changes
|