@1024pix/pix-ui 39.0.3 → 40.0.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/addon/common/add-dynamic-style-tag.js +8 -0
- package/addon/components/pix-filterable-and-searchable-select.hbs +11 -10
- package/addon/components/pix-filterable-and-searchable-select.js +30 -2
- package/addon/components/pix-multi-select.hbs +68 -64
- package/addon/components/pix-multi-select.js +9 -0
- package/addon/components/pix-select.hbs +6 -2
- package/addon/components/pix-select.js +13 -19
- package/addon/styles/_pix-filterable-and-searchable-select.scss +6 -1
- package/addon/styles/_pix-multi-select.scss +2 -2
- package/addon/styles/_pix-select.scss +4 -2
- package/app/stories/pix-multi-select.stories.js +13 -2
- package/app/stories/pix-select.stories.js +9 -0
- package/package.json +21 -16
- package/.buildpacks +0 -2
- package/.circleci/config.yml +0 -84
- package/.gitattributes +0 -7
- package/.nvmrc +0 -1
- package/.prettierrc.json +0 -12
- package/.storybook/logo.svg +0 -1
- package/.storybook/main.js +0 -10
- package/.storybook/manager.js +0 -6
- package/.storybook/preview.js +0 -39
- package/.storybook/storybook-custom-theme.js +0 -37
- package/.stylelintrc.json +0 -17
- package/CHANGELOG.md +0 -1373
- package/CNAME +0 -1
- package/config/environment.js +0 -5
- package/docs/adr/0001-utiliser-les-balises-html-natives.md +0 -51
- package/docs/architecture.mdx +0 -106
- package/docs/assets/accessibility-storybook.png +0 -0
- package/docs/assets/screen-pix-storybook.png +0 -0
- package/docs/breaking-changes.mdx +0 -102
- package/docs/changelog.mdx +0 -6
- package/docs/colors-palette.mdx +0 -237
- package/docs/create-component.mdx +0 -112
- package/docs/design-system.mdx +0 -20
- package/docs/design-tokens.mdx +0 -72
- package/docs/good-practices-a11y.mdx +0 -43
- package/docs/good-practices-design.mdx +0 -62
- package/docs/good-practices-responsive.mdx +0 -51
- package/docs/good-practices-style-css.mdx +0 -40
- package/docs/good-practices-tests.mdx +0 -9
- package/docs/make-a-release.mdx +0 -45
- package/docs/pix-design-tokens-dev.mdx +0 -39
- package/docs/pull_request_template.md +0 -14
- package/docs/shadow.mdx +0 -25
- package/docs/spacing.mdx +0 -19
- package/docs/storybook.mdx +0 -45
- package/docs/test-component-without-release.mdx +0 -19
- package/docs/typography.mdx +0 -163
- package/docs/use-component.mdx +0 -90
- package/docs/use-install.mdx +0 -37
- package/scalingo.json +0 -17
- package/servers.conf.erb +0 -30
package/.storybook/logo.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg version="1.1" viewBox="0 0 350 153.7" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="linearGradient-1" x1="92.643" x2="92.643" y1=".0062896" y2="54.422" gradientTransform="scale(.65034 1.5377)" gradientUnits="userSpaceOnUse"><stop stop-color="#12A3FF" offset="0"/><stop stop-color="#3D68FF" offset="1"/></linearGradient><linearGradient id="linearGradient-2" x1="43.966" x2="43.966" y1=".0072567" y2="62.791" gradientTransform="scale(.75033 1.3327)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFBE00" offset="0"/><stop stop-color="#FF9F00" offset="1"/></linearGradient><linearGradient id="linearGradient-3" x1="69.059" x2="69.059" y1="45.677" y2="115.73" gradientTransform="scale(.80533 1.2417)" gradientUnits="userSpaceOnUse"><stop stop-color="#12A3FF" offset="0"/><stop stop-color="#3D68FF" offset="1"/></linearGradient><linearGradient id="linearGradient-4" x1="282.25" x2="282.25" y1="23.69" y2="59.957" gradientTransform="scale(.42229 2.3681)" gradientUnits="userSpaceOnUse"><stop stop-color="#12A3FF" offset="0"/><stop stop-color="#3D68FF" offset="1"/></linearGradient></defs><g id="6.-logos/logos--pix/couleur" transform="translate(56.028 -22.1)" fill="none" fill-rule="evenodd"><g id="Group" transform="translate(143,58.5)"><path id="Combined-Shape" d="m42.555 61.426 3.0974-3.7582c2.7559-3.1778 4.7143-6.2465 5.8753-9.2692l23.577 28.786c4.2792 5.4833 4.0752 6.4989-3.0566 6.4989h-2.4454c-7.1318 0-9.7809-1.4217-14.06-6.4989zm-3.3e-5 -39.159 12.988-15.758c4.2792-5.0772 6.9283-6.4989 14.06-6.4989h2.4454c7.1318 0 7.3358 1.0156 3.0566 6.4989l-23.577 28.786c-1.161-3.0227-3.1194-6.0913-5.8753-9.2692z" fill="url(#linearGradient-1)"/><path transform="matrix(-1 0 0 1 48.414 0)" d="m41.866 83.684c7.1318 0 7.3358-1.0156 3.0566-6.4989l-24.452-29.855c-1.8339-2.2339-2.8528-4.0619-2.8528-5.4836 0-1.6247 1.019-3.4525 2.8528-5.4833l24.452-29.855c4.2792-5.4833 4.0752-6.4989-3.0566-6.4989h-2.4454c-7.1318 0-9.7809 1.4217-14.06 6.4989l-18.747 22.746c-7.9473 9.1391-7.9473 16.044 0 25.184l18.747 22.746c4.2792 5.0772 6.9283 6.4989 14.06 6.4989z" fill="url(#linearGradient-2)"/></g><path d="m17 168.22c0 6.0636 1.521 7.5795 7.6048 7.5795h2.0278c6.0838 0 7.6048-1.5159 7.6048-7.5795v-35.202c4.5629 7.2425 12.844 10.948 24.842 10.948 23.49 0 35.151-12.296 35.151-36.718v-14.654c0-24.423-12.506-35.876-38.7-35.876-24.335 0-38.531 11.79-38.531 35.876zm59.824-60.635c0 14.148-4.7318 20.043-21.124 20.043-16.731 0-21.462-6.0636-21.462-20.043v-14.485c0-14.148 5.07-20.212 21.462-20.212 16.73 0 21.124 6.0636 21.124 20.212z" fill="url(#linearGradient-3)"/><path d="m110.49 134.4c0 6.0636 1.521 7.5795 7.6048 7.5795h2.1967c6.0838 0 7.6048-1.5159 7.6048-7.5795v-68.383c0-6.0636-1.521-7.5795-7.6048-7.5795h-2.1967c-6.0838 0-7.6048 1.5159-7.6048 7.5795zm1.1828-94.153c4.225 4.0423 10.985 4.0423 15.041 0 4.2247-4.211 4.2247-10.948 0-14.99-4.0561-4.211-10.816-4.211-15.041 0-4.2247 4.0423-4.2247 10.779 0 14.99z" fill="url(#linearGradient-4)"/></g></svg>
|
package/.storybook/main.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
const config = {
|
|
2
|
-
addons: ['@storybook/addon-essentials', '@storybook/addon-a11y', '@storybook/addon-mdx-gfm'],
|
|
3
|
-
stories: ['../docs/**/*.@(mdx|stories.@(mdx))', '../app/*/*.@(mdx|stories.@(js|jsx|ts|tsx))'],
|
|
4
|
-
staticDirs: ['../dist'],
|
|
5
|
-
framework: {
|
|
6
|
-
name: '@1024pix/storybook-ember',
|
|
7
|
-
options: {}
|
|
8
|
-
},
|
|
9
|
-
};
|
|
10
|
-
export default config;
|
package/.storybook/manager.js
DELETED
package/.storybook/preview.js
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
const preview = {
|
|
2
|
-
parameters: {
|
|
3
|
-
layout: 'centered',
|
|
4
|
-
a11y: {
|
|
5
|
-
element: '#root',
|
|
6
|
-
},
|
|
7
|
-
viewMode: 'docs',
|
|
8
|
-
docs: {
|
|
9
|
-
iframeHeight: 400,
|
|
10
|
-
transformSource: (src) => {
|
|
11
|
-
const match = /hbs`\s?([\s\S]*)`/g.exec(src);
|
|
12
|
-
return match ? match[1] : src;
|
|
13
|
-
},
|
|
14
|
-
},
|
|
15
|
-
controls: { expanded: true },
|
|
16
|
-
previewTabs: {
|
|
17
|
-
'storybook/docs/panel': { index: -1 },
|
|
18
|
-
},
|
|
19
|
-
options: {
|
|
20
|
-
storySort: {
|
|
21
|
-
order: [
|
|
22
|
-
'Utiliser Pix UI',
|
|
23
|
-
['Installation', 'Utiliser un composant'],
|
|
24
|
-
'Développement',
|
|
25
|
-
[
|
|
26
|
-
'Design System',
|
|
27
|
-
'Créer un composant',
|
|
28
|
-
'Bonnes pratiques',
|
|
29
|
-
'Breaking changes',
|
|
30
|
-
'Faire une release',
|
|
31
|
-
'Architecture',
|
|
32
|
-
'Storybook'
|
|
33
|
-
],
|
|
34
|
-
],
|
|
35
|
-
},
|
|
36
|
-
},
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
export default preview;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { create } from '@storybook/theming/create';
|
|
2
|
-
|
|
3
|
-
import logo from './logo.svg';
|
|
4
|
-
|
|
5
|
-
export default create({
|
|
6
|
-
base: 'light', // needed, this is not an optional parameter
|
|
7
|
-
|
|
8
|
-
colorPrimary: '#388AFF',
|
|
9
|
-
colorSecondary: '#388AFF',
|
|
10
|
-
|
|
11
|
-
// UI
|
|
12
|
-
appBg: '#F4F5F7', // background of the global app
|
|
13
|
-
appContentBg: 'white', // background of the component preview canvas
|
|
14
|
-
appBorderColor: 'white',
|
|
15
|
-
appBorderRadius: 4,
|
|
16
|
-
|
|
17
|
-
// Typography
|
|
18
|
-
fontBase: '"Open Sans", sans-serif',
|
|
19
|
-
fontCode: 'monospace',
|
|
20
|
-
|
|
21
|
-
// Text colors of the left menu
|
|
22
|
-
textColor: 'black',
|
|
23
|
-
textInverseColor: 'black',
|
|
24
|
-
|
|
25
|
-
// Toolbar default and active colors
|
|
26
|
-
barTextColor: 'white',
|
|
27
|
-
barSelectedColor: 'white', // Selected tab when multiple tabs
|
|
28
|
-
barBg: 'linear-gradient(135deg, #3D68FF 0%, #8845FF 100%)',
|
|
29
|
-
|
|
30
|
-
// Form colors
|
|
31
|
-
// inputBg: 'white',
|
|
32
|
-
// inputBorder: 'white',
|
|
33
|
-
// inputTextColor: 'white',
|
|
34
|
-
// inputBorderRadius: 4,
|
|
35
|
-
brandTitle: 'Pix',
|
|
36
|
-
brandImage: logo,
|
|
37
|
-
});
|
package/.stylelintrc.json
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"extends": ["@1024pix/stylelint-config"],
|
|
3
|
-
"rules": {
|
|
4
|
-
"alpha-value-notation": null,
|
|
5
|
-
"color-function-notation": null,
|
|
6
|
-
"declaration-block-no-redundant-longhand-properties": null,
|
|
7
|
-
"font-family-name-quotes": null,
|
|
8
|
-
"font-family-no-duplicate-names": null,
|
|
9
|
-
"no-descending-specificity": null,
|
|
10
|
-
"no-empty-source": null,
|
|
11
|
-
"property-no-vendor-prefix": null,
|
|
12
|
-
"scss/at-mixin-argumentless-call-parentheses": null,
|
|
13
|
-
"scss/at-mixin-pattern": null,
|
|
14
|
-
"selector-id-pattern": null,
|
|
15
|
-
"selector-pseudo-element-colon-notation": null
|
|
16
|
-
}
|
|
17
|
-
}
|