@bitrise/bitkit 9.5.0 → 9.5.3-alpha-src.1

package/src/variables.css

@@ -10,6 +10,145 @@
   --size--x12: 3rem;
   --size--x16: 4rem;
 
+  --color-white: #FFFFFF;
+  --color-black: #222222;
+
+  --color-gray--1: #F8F8F8;
+  --color-gray--2: #ECECEC;
+  --color-gray--3: #DDDDDD;
+  --color-gray--4: #CCCCCC;
+  --color-gray--5: #ACACAC;
+  --color-gray--6: #777777;
+  --color-gray--7: #616161;
+  --color-gray--8: #444444;
+
+  --color-aqua--1: #E6FAF9;
+  --color-aqua--2: #86E9E2;
+  --color-aqua--3: #0DD3C5;
+  --color-aqua--4: #0EC7BA;
+  --color-aqua--5: #00968C;
+
+  --color-grape--1: #F8F0FF;
+  --color-grape--2: #B88ADB;
+  --color-grape--3: #760FC3;
+  --color-grape--4: #492F5C;
+  --color-grape--5: #351D48;
+
+  --color-eggplant: #683D87;
+
+  --color-red--1: #FFE8EE;
+  --color-red--2: #FF8FAB;
+  --color-red--3: #FF2158;
+  --color-red--4: #EE003B;
+  --color-red--5: #C02048;
+
+  --color-orange--1: #FFECE5;
+  --color-orange--2: #FFA17F;
+  --color-orange--3: #FF4400;
+  --color-orange--4: #E73E00;
+  --color-orange--5: #D33D07;
+
+  --color-yellow--1: #FFF9E5;
+  --color-yellow--2: #FFE27F;
+  --color-yellow--3: #FFC500;
+  --color-yellow--4: #ECB600;
+  --color-yellow--5: #795E00;
+
+  --color-green--1: #E7F9F3;
+  --color-green--2: #87E1C3;
+  --color-green--3: #0FC389;
+  --color-green--4: #0FB37D;
+  --color-green--5: #117D59;
+
+  --color-blue--1: #E6F2FA;
+  --color-blue--2: #86C1E6;
+  --color-blue--3: #0D83CD;
+  --color-blue--4: #0C70AE;
+  --color-blue--5: #095C90;
+
+  --color-darkblue--1: #E6ECF7;
+  --color-darkblue--2: #82A4D7;
+  --color-darkblue--3: #054AB0;
+  --color-darkblue--4: #043E94;
+  --color-darkblue--5: #033175;
+
+  --color-violet--1: #F4E7F9;
+  --color-violet--2: #CB8ADF;
+  --color-violet--3: #990FC3;
+  --color-violet--4: #8512A8;
+  --color-violet--5: #741492;
+
+  --rgb-white: 255, 255, 255;
+  --rgb-black: 34, 34, 34;
+
+  --rgb-gray--1: 248, 248, 248;
+  --rgb-gray--2: 236, 236, 236;
+  --rgb-gray--3: 221, 221, 221;
+  --rgb-gray--4: 204, 204, 204;
+  --rgb-gray--5: 172, 172, 172;
+  --rgb-gray--6: 119, 119, 119;
+  --rgb-gray--7: 97, 97, 97;
+  --rgb-gray--8: 68, 68, 68;
+
+  --rgb-aqua--1: 230, 250, 249;
+  --rgb-aqua--2: 134, 233, 226;
+  --rgb-aqua--3: 13, 211, 197;
+  --rgb-aqua--4: 14, 199, 186;
+  --rgb-aqua--5: 0, 150, 140;
+
+  --rgb-grape--1: 248, 240, 255;
+  --rgb-grape--2: 184, 138, 219;
+  --rgb-grape--3: 118, 15, 195;
+  --rgb-grape--4: 73, 47, 92;
+  --rgb-grape--5: 53, 29, 72;
+
+  --rgb-eggplant: 104, 61, 135;
+
+  --rgb-red--1: 255, 232, 238;
+  --rgb-red--2: 255, 143, 171;
+  --rgb-red--3: 255, 33, 88;
+  --rgb-red--4: 238, 0, 59;
+  --rgb-red--5: 192, 32, 72;
+
+  --rgb-orange--1: 255, 236, 229;
+  --rgb-orange--2: 255, 161, 127;
+  --rgb-orange--3: 255, 68, 0;
+  --rgb-orange--4: 231, 62, 0;
+  --rgb-orange--5: 211, 61, 7;
+
+  --rgb-yellow--1: 255, 249, 229;
+  --rgb-yellow--2: 255, 226, 127;
+  --rgb-yellow--3: 255, 197, 0;
+  --rgb-yellow--4: 236, 182, 0;
+  --rgb-yellow--5: 121, 94, 0;
+
+  --rgb-green--1: 231, 249, 243;
+  --rgb-green--2: 135, 225, 195;
+  --rgb-green--3: 15, 195, 137;
+  --rgb-green--4: 15, 179, 125;
+  --rgb-green--5: 17, 125, 89;
+
+  --rgb-blue--1: 230, 242, 250;
+  --rgb-blue--2: 134, 193, 230;
+  --rgb-blue--3: 13, 131, 205;
+  --rgb-blue--4: 12, 112, 174;
+  --rgb-blue--5: 9, 92, 144;
+
+  --rgb-darkblue--1: 230, 236, 247;
+  --rgb-darkblue--2: 130, 164, 215;
+  --rgb-darkblue--3: 5, 74, 176;
+  --rgb-darkblue--4: 4, 62, 148;
+  --rgb-darkblue--5: 3, 49, 117;
+
+  --rgb-violet--1: 244, 231, 249;
+  --rgb-violet--2: 203, 138, 223;
+  --rgb-violet--3: 153, 15, 195;
+  --rgb-violet--4: 133, 18, 168;
+  --rgb-violet--5: 116, 20, 146;
+
+  --color-overlay--black: rgba(34, 34, 34, 0.8);
+  --color-overlay--grape: rgba(53, 29, 72, 0.8);
+/*
   --color-white: var(--colors-neutral-100);
   --color-black: var(--colors-neutral-10);
 
@@ -91,7 +230,8 @@
   --rgb-blue--2: 134, 193, 230;
   
   --color-overlay--black: rgba(34, 34, 34, 0.8);
-  
+  */
+
   --font-family: 'TT Norms Pro', sans-serif;
   --font-family-monospace: 'Source Code Pro', monospace;
 

package/.browserslistrc

@@ -1,2 +0,0 @@
-last 2 versions
-not dead

package/.editorconfig

@@ -1,4 +0,0 @@
-end_of_line = lf
-indent_style = space
-indent_size = 2
-insert_final_newline = true

package/.eslint-tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "allowJs": true,
-  "compilerOptions": {
-    "noEmit": true
-  },
-  "include": [".eslintrc.js"]
-}

package/.eslintrc.js

@@ -1,28 +0,0 @@
-module.exports = {
-  parserOptions: {
-    project: ['./tsconfig.json', './.eslint-tsconfig.json'],
-    tsconfigRootDir: __dirname,
-  },
-  settings: {
-    'import/internal-regex': '^@/',
-  },
-  extends: ['plugin:@bitrise/config', 'plugin:storybook/recommended'],
-  rules: {
-    /** * Import related rules ** */
-    'import/no-extraneous-dependencies': [
-      'error',
-      {
-        devDependencies: [
-          '**/*.stories.tsx',
-          '**/*.test.tsx',
-          'jest.setup.js',
-          'scripts/*.ts',
-          'site/**/*.*',
-          'postcss.config.js',
-        ],
-      },
-    ],
-    'react-hooks/exhaustive-deps': 'off',
-    'react/react-in-jsx-scope': 'off',
-  },
-};

package/.husky/commit-msg

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx commitlint --edit ""

package/.nvmrc

@@ -1 +0,0 @@
-v16.14.2

package/.storybook/main.js

@@ -1,35 +0,0 @@
-const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
-
-module.exports = {
-  core: {
-    builder: 'webpack5',
-  },
-  stories: [
-    "../src/**/*.stories.mdx",
-    "../src/**/*.stories.@(js|jsx|ts|tsx)"
-  ],
-  addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions"
-  ],
-  framework: "@storybook/react",
-  features: { emotionAlias: false },
-  refs: {
-    '@chakra-ui/react': { disable: true }
-  },
-  webpackFinal: async (config) => {
-    config.module.rules.push({
-      test: /\.mjs$/,
-      include: /node_modules/,
-      type: 'javascript/auto',
-    });
-    config.resolve.plugins = [
-      ...(config.resolve.plugins || []),
-      new TsconfigPathsPlugin({
-        extensions: config.resolve.extensions,
-      }),
-    ];
-    return config;
-  },
-};

package/.storybook/manager.js

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

package/.storybook/preview.tsx

@@ -1,20 +0,0 @@
-import Provider from '../src/Components/Provider/Provider';
-import '../site/index.css'
-
-export const decorators = [
-  (Story) => (
-    <Provider>
-      <Story />
-    </Provider>
-  ),
-];
-
-export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  },
-};

package/.storybook/theme.js

@@ -1,7 +0,0 @@
-import { create } from '@storybook/theming';
-
-export default create({
-  base: 'light',
-  brandTitle: 'Bitkit',
-  // fontBase: '"TT Norms Pro", sans-serif',
-});

package/.stylelintignore

@@ -1,2 +0,0 @@
-**/*.tsx
-**/*.ts

package/.stylelintrc

@@ -1,287 +0,0 @@
-{
-  "plugins": [
-    "stylelint-order"
-  ],
-  "rules": {
-    "at-rule-name-case": "lower",
-    "at-rule-name-space-after": "always",
-    "at-rule-no-vendor-prefix": true,
-    "at-rule-semicolon-newline-after": "always",
-    "block-closing-brace-empty-line-before": "never",
-    "block-closing-brace-newline-after": "always",
-    "block-closing-brace-newline-before": "always-multi-line",
-    "block-closing-brace-space-before": "always-single-line",
-    "block-no-empty": true,
-    "block-opening-brace-newline-after": "always-multi-line",
-    "block-opening-brace-space-after": "always-single-line",
-    "color-hex-case": "upper",
-    "color-hex-length": "long",
-    "color-named": "never",
-    "color-no-invalid-hex": true,
-    "comment-empty-line-before": ["always", {
-      "except": [ "first-nested" ],
-      "ignore": [ "after-comment", "stylelint-commands" ]
-    }],
-    "comment-no-empty": true,
-    "comment-whitespace-inside": "always",
-    "declaration-bang-space-after": "never",
-    "declaration-bang-space-before": "always",
-    "declaration-block-no-duplicate-properties": [true, {
-      "ignore": "consecutive-duplicates-with-different-values"
-    }],
-    "declaration-block-no-shorthand-property-overrides": true,
-    "declaration-block-semicolon-newline-after": "always-multi-line",
-    "declaration-block-semicolon-space-before": "never",
-    "declaration-block-single-line-max-declarations": 2,
-    "declaration-block-trailing-semicolon": "always",
-    "declaration-colon-newline-after": "always-multi-line",
-    "declaration-colon-space-after": "always-single-line",
-    "declaration-colon-space-before": "never",
-    "declaration-empty-line-before": "never",
-    "declaration-no-important": true,
-    "font-weight-notation": "numeric",
-    "function-calc-no-unspaced-operator": true,
-    "function-comma-space-after": "always-single-line",
-    "function-comma-space-before": "never",
-    "function-linear-gradient-no-nonstandard-direction": true,
-    "function-name-case": "lower",
-    "function-parentheses-space-inside": "never-single-line",
-    "function-url-scheme-allowed-list": ["data", "/^http/"],
-    "function-url-quotes": "always",
-    "function-whitespace-after": "always",
-    "indentation": 2,
-    "length-zero-no-unit": true,
-    "max-empty-lines": 1,
-    "max-line-length": 110,
-    "media-feature-colon-space-after": "always",
-    "media-feature-colon-space-before": "never",
-    "media-feature-name-case": "lower",
-    "media-feature-name-no-unknown": true,
-    "media-feature-name-no-vendor-prefix": true,
-    "media-feature-parentheses-space-inside": "never",
-    "media-feature-range-operator-space-after": "always",
-    "media-feature-range-operator-space-before": "always",
-    "media-query-list-comma-space-after": "always",
-    "media-query-list-comma-space-before": "never",
-    "no-descending-specificity": true,
-    "no-duplicate-selectors": true,
-    "no-empty-source": true,
-    "no-eol-whitespace": true,
-    "no-extra-semicolons": true,
-    "no-invalid-double-slash-comments": true,
-    "no-missing-end-of-source-newline": true,
-    "number-leading-zero": "always",
-    "number-no-trailing-zeros": true,
-    "order/properties-order": [[
-      "content",
-
-      "display",
-      "position",
-      "top",
-      "right",
-      "bottom",
-      "left",
-
-      "flex",
-      "flex-basis",
-      "flex-direction",
-      "flex-flow",
-      "flex-grow",
-      "flex-shrink",
-      "flex-wrap",
-      "align-content",
-      "align-items",
-      "align-self",
-      "justify-content",
-      "order",
-
-      "width",
-      "min-width",
-      "max-width",
-
-      "height",
-      "min-height",
-      "max-height",
-
-      "margin",
-      "margin-top",
-      "margin-right",
-      "margin-bottom",
-      "margin-left",
-
-      "padding",
-      "padding-top",
-      "padding-right",
-      "padding-bottom",
-      "padding-left",
-
-      "float",
-      "clear",
-
-      "columns",
-      "column-gap",
-      "column-fill",
-      "column-rule",
-      "column-span",
-      "column-count",
-      "column-width",
-
-      "transform",
-      "transform-box",
-      "transform-origin",
-      "transform-style",
-
-      "opacity",
-
-      "outline",
-      "outline-color",
-      "outline-offset",
-      "outline-style",
-      "outline-width",
-
-      "border",
-      "border-top",
-      "border-right",
-      "border-bottom",
-      "border-left",
-      "border-width",
-      "border-top-width",
-      "border-right-width",
-      "border-bottom-width",
-      "border-left-width",
-      "border-collapse",
-      "border-spacing",
-
-      "border-style",
-      "border-top-style",
-      "border-right-style",
-      "border-bottom-style",
-      "border-left-style",
-
-      "border-radius",
-      "border-top-left-radius",
-      "border-top-right-radius",
-      "border-bottom-left-radius",
-      "border-bottom-right-radius",
-
-      "border-color",
-      "border-top-color",
-      "border-right-color",
-      "border-bottom-color",
-      "border-left-color",
-
-      "box-shadow",
-
-      "background",
-      "background-attachment",
-      "background-clip",
-      "background-color",
-      "background-image",
-      "background-repeat",
-      "background-position",
-      "background-size",
-
-      "color",
-      "fill",
-      "fill-opacity",
-      "stroke",
-      "stroke-dasharray",
-      "stroke-dashoffset",
-      "stroke-linecap",
-      "stroke-linejoin",
-      "stroke-width",
-
-      "font",
-      "font-family",
-      "font-size",
-      "font-smoothing",
-      "font-style",
-      "font-variant",
-      "font-variant-ligatures",
-      "font-weight",
-
-      "letter-spacing",
-      "list-style",
-
-      "text-align",
-      "text-decoration",
-      "text-indent",
-      "text-overflow",
-      "text-rendering",
-      "text-shadow",
-      "text-transform",
-      "text-wrap",
-
-      "line-height",
-      "white-space",
-      "word-spacing",
-      "cursor",
-
-      "visibility",
-      "vertical-align",
-      "overflow",
-      "overflow-x",
-      "overflow-y",
-      "z-index",
-      "resize",
-
-      "transition",
-      "transition-property",
-      "transition-delay",
-      "transition-duration",
-      "transition-timing-function",
-
-      "animation",
-      "animation-name",
-      "animation-delay",
-      "animation-direction",
-      "animation-duration",
-      "animation-fill-mode",
-      "animation-iteration-count",
-      "animation-play-state",
-      "animation-timing-function"
-    ], { "unspecified": "bottom" }],
-    "property-case": "lower",
-    "property-no-unknown": true,
-    "property-no-vendor-prefix": true,
-    "rule-empty-line-before": ["always-multi-line", {
-      "except": ["first-nested"],
-      "ignore": ["after-comment", "inside-block"]
-    }],
-    "selector-attribute-brackets-space-inside": "never",
-    "selector-attribute-operator-space-after": "never",
-    "selector-attribute-operator-space-before": "never",
-    "selector-attribute-quotes": "always",
-    "selector-combinator-space-after": "always",
-    "selector-combinator-space-before": "always",
-    "selector-descendant-combinator-no-non-space": true,
-    "selector-list-comma-newline-after": "always",
-    "selector-list-comma-space-before": "never",
-    "selector-max-empty-lines": 0,
-    "selector-max-id": 0,
-    "selector-max-type": [0, {
-      "ignore": ["compounded"],
-      "ignoreTypes": ["html", "body"]
-    }],
-    "selector-max-universal": 0,
-    "selector-no-vendor-prefix": true,
-    "selector-pseudo-class-case": "lower",
-    "selector-pseudo-class-no-unknown": true,
-    "selector-pseudo-class-parentheses-space-inside": "never",
-    "selector-pseudo-element-case": "lower",
-    "selector-pseudo-element-colon-notation": "double",
-    "selector-pseudo-element-no-unknown": true,
-    "selector-type-case": "lower",
-    "selector-type-no-unknown": true,
-    "shorthand-property-no-redundant-values": true,
-    "string-no-newline": true,
-    "string-quotes": "single",
-    "unit-disallowed-list": ["em", "px"],
-    "unit-case": "lower",
-    "unit-no-unknown": true,
-    "value-list-comma-space-after": "always-single-line",
-    "value-list-comma-space-before": "never",
-    "value-list-max-empty-lines": 0,
-    "value-no-vendor-prefix": true
-  }
-}

package/.svgrrc.js

@@ -1,52 +0,0 @@
-const path = require('path');
-
-module.exports = {
-  outDir: 'src/Icon/tsx',
-  typescript: true,
-  expandProps: 'start',
-  replaceAttrValues: {
-    '#492F5C': 'currentColor',
-    '#351D48': 'currentColor'
-  },
-  svgoConfig: {
-      plugins: [
-        'preset-default',
-        'removeXMLNS',
-        'removeDimensions',
-        'prefixIds'
-      ]
-  },
-  indexTemplate: (files) => {
-    const list = files.map((file) =>
-      path
-        .basename(file, path.extname(file))
-        .replace(/^Icons/, '')
-        .replace(/\.tsx/, ''));
-
-    const imports = list
-      .map((name) => `import ${name} from './Icons${name}';`)
-      .join('\n');
-
-    const types = `export type TypeIconName =\n${list
-      .map((name) => `  '${name}'`)
-      .join(' |\n')};`;
-
-    const array = `export const IconList: TypeIconName[] = [\n${list
-      .map((name) => `  '${name}',`)
-      .join('\n')}
-];`;
-
-    const map = `export const IconMap: { [key in TypeIconName]: React.FC<React.SVGProps<SVGSVGElement>> } = {\n${list
-      .map((name) => `  ${name},`)
-      .join('\n')}
-};`;
-
-    return `${imports}\n\n${types}\n\n${array}\n\n${map}\n`;
-  },
-  template: ({ componentName, jsx }, { tpl }) => tpl`
-    // THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
-    import * as React from 'react';
-    const ${componentName} = (props: React.SVGProps<SVGSVGElement>) => ${jsx}
-    export default ${componentName}
-  `,
-}

package/.tool-versions

@@ -1 +0,0 @@
-nodejs 16.14.2

package/@types/@bitrise/bitkit.ts

@@ -1 +0,0 @@
-export * from '../../src';