@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.
Files changed (54) hide show
  1. package/addon/common/add-dynamic-style-tag.js +8 -0
  2. package/addon/components/pix-filterable-and-searchable-select.hbs +11 -10
  3. package/addon/components/pix-filterable-and-searchable-select.js +30 -2
  4. package/addon/components/pix-multi-select.hbs +68 -64
  5. package/addon/components/pix-multi-select.js +9 -0
  6. package/addon/components/pix-select.hbs +6 -2
  7. package/addon/components/pix-select.js +13 -19
  8. package/addon/styles/_pix-filterable-and-searchable-select.scss +6 -1
  9. package/addon/styles/_pix-multi-select.scss +2 -2
  10. package/addon/styles/_pix-select.scss +4 -2
  11. package/app/stories/pix-multi-select.stories.js +13 -2
  12. package/app/stories/pix-select.stories.js +9 -0
  13. package/package.json +21 -16
  14. package/.buildpacks +0 -2
  15. package/.circleci/config.yml +0 -84
  16. package/.gitattributes +0 -7
  17. package/.nvmrc +0 -1
  18. package/.prettierrc.json +0 -12
  19. package/.storybook/logo.svg +0 -1
  20. package/.storybook/main.js +0 -10
  21. package/.storybook/manager.js +0 -6
  22. package/.storybook/preview.js +0 -39
  23. package/.storybook/storybook-custom-theme.js +0 -37
  24. package/.stylelintrc.json +0 -17
  25. package/CHANGELOG.md +0 -1373
  26. package/CNAME +0 -1
  27. package/config/environment.js +0 -5
  28. package/docs/adr/0001-utiliser-les-balises-html-natives.md +0 -51
  29. package/docs/architecture.mdx +0 -106
  30. package/docs/assets/accessibility-storybook.png +0 -0
  31. package/docs/assets/screen-pix-storybook.png +0 -0
  32. package/docs/breaking-changes.mdx +0 -102
  33. package/docs/changelog.mdx +0 -6
  34. package/docs/colors-palette.mdx +0 -237
  35. package/docs/create-component.mdx +0 -112
  36. package/docs/design-system.mdx +0 -20
  37. package/docs/design-tokens.mdx +0 -72
  38. package/docs/good-practices-a11y.mdx +0 -43
  39. package/docs/good-practices-design.mdx +0 -62
  40. package/docs/good-practices-responsive.mdx +0 -51
  41. package/docs/good-practices-style-css.mdx +0 -40
  42. package/docs/good-practices-tests.mdx +0 -9
  43. package/docs/make-a-release.mdx +0 -45
  44. package/docs/pix-design-tokens-dev.mdx +0 -39
  45. package/docs/pull_request_template.md +0 -14
  46. package/docs/shadow.mdx +0 -25
  47. package/docs/spacing.mdx +0 -19
  48. package/docs/storybook.mdx +0 -45
  49. package/docs/test-component-without-release.mdx +0 -19
  50. package/docs/typography.mdx +0 -163
  51. package/docs/use-component.mdx +0 -90
  52. package/docs/use-install.mdx +0 -37
  53. package/scalingo.json +0 -17
  54. package/servers.conf.erb +0 -30
@@ -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>
@@ -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;
@@ -1,6 +0,0 @@
1
- import { addons } from '@storybook/manager-api';
2
- import storybookCustomTheme from './storybook-custom-theme';
3
-
4
- addons.setConfig({
5
- theme: storybookCustomTheme,
6
- });
@@ -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
- }