@1024pix/pix-ui 11.1.0

package/.buildpacks

@@ -0,0 +1,2 @@
+https://github.com/Scalingo/nodejs-buildpack
+https://github.com/Scalingo/nginx-buildpack

package/.circleci/config.yml

@@ -0,0 +1,22 @@
+version: 2.1
+
+workflows:
+  version: 2
+  build-and-test:
+    jobs:
+      - build-and-test:
+          filters:
+            branches:
+              ignore:
+                - gh-pages
+
+jobs:
+  build-and-test:
+    docker:
+      - image: circleci/node:12.14.0-browsers
+    steps:
+      - checkout
+      - run: npm ci
+      - run: npm run lint:js
+      - run: npm run lint:hbs
+      - run: npm test

package/.gitattributes

@@ -0,0 +1,7 @@
+.circleci export-ignore
+.gitattribute export-ignore
+.github export-ignore
+.editorconfig export-ignore
+.gitattributes export-ignore
+.gitignore export-ignore
+

package/.github/workflows/auto-merge.yml

@@ -0,0 +1,26 @@
+name: automerge check
+
+on:
+  pull_request:
+    types:
+      - labeled
+  check_suite:
+    types:
+      - completed
+
+permissions: write-all
+
+jobs:
+  automerge:
+    runs-on: ubuntu-latest
+    steps:
+      - name: automerge
+        uses: "pascalgn/automerge-action@v0.14.3"
+        env:
+          GITHUB_TOKEN: "${{ github.token }}"
+          MERGE_LABELS: ":rocket: Ready to Merge"
+          MERGE_COMMIT_MESSAGE: "pull-request-title"
+          UPDATE_LABELS: ":rocket: Ready to Merge"
+          UPDATE_METHOD: "rebase"
+          MERGE_FORKS: "false"
+          LOG: "TRACE"

package/.github/workflows/deploy-storybook.yml

@@ -0,0 +1,21 @@
+name: Deploy Pix UI Storybook
+
+on: 
+  workflow_dispatch: 
+  push:
+    tags:
+      - '*'
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 14
+      - run: npm ci
+      - name: Deploy storybook to Github Pages
+        run: npm run deploy-storybook -- --ci
+        env:
+          GH_TOKEN: 1024pix:${{ secrets.GITHUB_TOKEN }}

package/.github/workflows/npm-publish.yml

@@ -0,0 +1,23 @@
+# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
+# For more information see: https://help.github.com/actions/language-and-framework-guides/publishing-nodejs-packages
+
+name: Node.js Package
+
+on:
+  push:
+    tags:
+      - '*'
+
+jobs:
+  publish-npm:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: '16'
+          check-latest: true
+          registry-url: https://registry.npmjs.org/
+      - run: npm publish --access public
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.NPM_PUBLISH_ACCESS_TOKEN}}

package/.github/workflows/on-dev-merge.yml

@@ -0,0 +1,33 @@
+name: Merge on Dev
+on:
+  push:
+    branches:
+      - dev
+jobs:
+  transition-issue:
+    name: Transition Issue
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout
+      uses: actions/checkout@master
+
+    - name: Login
+      uses: atlassian/gajira-login@master
+      env:
+        JIRA_BASE_URL: ${{ secrets.JIRA_BASE_URL }}
+        JIRA_USER_EMAIL: ${{ secrets.JIRA_USER_EMAIL }}
+        JIRA_API_TOKEN: ${{ secrets.JIRA_API_TOKEN }}
+
+    - name: Find Issue Key
+      id: find
+      uses: atlassian/gajira-find-issue-key@master
+      continue-on-error: true
+      with:
+        from: commits
+
+    - name: Transition issue
+      uses: atlassian/gajira-transition@master
+      if: ${{ steps.find.outputs.issue }}
+      with:
+        issue: ${{ steps.find.outputs.issue }}
+        transition: "Move to 'Deployed in Integration'"

package/.nvmrc

@@ -0,0 +1 @@
+16.13.0

package/.prettierignore

@@ -0,0 +1 @@
+/blueprints/**

package/.prettierrc.json

@@ -0,0 +1,12 @@
+{
+  "printWidth": 100,
+  "singleQuote": true,
+  "overrides": [
+    {
+      "files": "*.hbs",
+      "options": {
+        "singleQuote": false
+      }
+    }
+  ]
+}

package/.storybook/fonts.css

@@ -0,0 +1 @@
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Roboto:wght@300;400;500;700;900&display=swap');

package/.storybook/main.js

@@ -0,0 +1,10 @@
+module.exports = {
+  addons: [
+    '@storybook/addon-essentials',
+    '@storybook/addon-a11y',
+  ],
+  stories: [
+    '../docs/**/*.stories.@(mdx)',
+    '../app/**/*.stories.@(js|mdx)',
+  ],
+};

package/.storybook/manager.js

@@ -0,0 +1,6 @@
+import addons from '@storybook/addons';
+import storybookCustomTheme from './storybook-custom-theme';
+
+addons.setConfig({
+  theme: storybookCustomTheme,
+});

package/.storybook/preview.js

@@ -0,0 +1,37 @@
+import './fonts.css';
+
+export const parameters = {
+  a11y: {
+    element: '#root',
+  },
+  viewMode: 'docs',
+  docs: {
+    iframeHeight: 400,
+    transformSource: (src) => {
+      const match = /hbs`\s?([\s\S]*)`/g.exec(src);
+      return match ? match[1] : src;
+    },
+  },
+  controls: { expanded: true },
+  previewTabs: {
+    'storybook/docs/panel': { index: -1 },
+  },
+  options: {
+    storySort: {
+      order: [
+        'Utiliser Pix UI',
+        ['Installation', 'Utiliser un composant'],
+        'Développement',
+        [
+          'Design System',
+          'Créer un composant',
+          'Bonnes pratiques',
+          'Breaking changes',
+          'Faire une release',
+          'Architecture',
+          'Storybook'
+        ],
+      ],
+    },
+  },
+};

package/.storybook/storybook-custom-theme.js

@@ -0,0 +1,37 @@
+import { create } from '@storybook/theming/create';
+
+export default create({
+  base: 'light', // needed, this is not an optional parameter
+
+  colorPrimary: '#388AFF',
+  colorSecondary: '#388AFF',
+
+  // UI
+  appBg: '#F4F5F7', // background of the global app
+  appContentBg: 'white', // background of the component preview canvas
+  appBorderColor: 'white',
+  appBorderRadius: 4,
+
+  // Typography
+  fontBase: '"Open Sans", sans-serif',
+  fontCode: 'monospace',
+
+  // Text colors of the left menu
+  textColor: 'black',
+  textInverseColor: 'black',
+
+  // Toolbar default and active colors
+  barTextColor: 'white',
+  barSelectedColor: 'white', // Selected tab when multiple tabs
+  barBg: 'linear-gradient(135deg, #3D68FF 0%, #8845FF 100%)',
+
+  // Form colors
+  // inputBg: 'white',
+  // inputBorder: 'white',
+  // inputTextColor: 'white',
+  // inputBorderRadius: 4,
+
+  brandTitle: 'Pix',
+  brandUrl: 'https://pix.fr/',
+  brandImage: 'https://pix.fr/images/pix-logo.svg',
+});