@bitrise/bitkit 9.4.1 → 9.5.0-alpha-15.2

package/.eslintrc.js

@@ -12,7 +12,14 @@ module.exports = {
     'import/no-extraneous-dependencies': [
       'error',
       {
-        devDependencies: ['**/*.stories.tsx', '**/*.test.tsx', 'jest.setup.js', 'scripts/*.ts', 'site/**/*.*'],
+        devDependencies: [
+          '**/*.stories.tsx',
+          '**/*.test.tsx',
+          'jest.setup.js',
+          'scripts/*.ts',
+          'site/**/*.*',
+          'postcss.config.js',
+        ],
       },
     ],
     'react-hooks/exhaustive-deps': 'off',

package/.husky/commit-msg

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

package/.nvmrc

@@ -1 +1 @@
-v14.17.3
+v16.14.2

package/.stylelintrc

@@ -46,7 +46,7 @@
     "function-linear-gradient-no-nonstandard-direction": true,
     "function-name-case": "lower",
     "function-parentheses-space-inside": "never-single-line",
-    "function-url-scheme-whitelist": ["data", "/^http/"],
+    "function-url-scheme-allowed-list": ["data", "/^http/"],
     "function-url-quotes": "always",
     "function-whitespace-after": "always",
     "indentation": 2,
@@ -276,10 +276,9 @@
     "shorthand-property-no-redundant-values": true,
     "string-no-newline": true,
     "string-quotes": "single",
-    "unit-blacklist": ["em", "px"],
+    "unit-disallowed-list": ["em", "px"],
     "unit-case": "lower",
     "unit-no-unknown": true,
-    "value-keyword-case": "lower",
     "value-list-comma-space-after": "always-single-line",
     "value-list-comma-space-before": "never",
     "value-list-max-empty-lines": 0,

package/.tool-versions

@@ -1 +1 @@
-nodejs 14.17.3
+nodejs 16.14.2

package/CHANGELOG.md

@@ -1,3 +1,64 @@
+# [9.5.0-alpha-15.2](https://github.com/bitrise-io/bitkit/compare/v9.5.0-alpha-15.1...v9.5.0-alpha-15.2) (2022-04-06)
+
+
+### Bug Fixes
+
+* **build:** add react types to devdeps ([8a81522](https://github.com/bitrise-io/bitkit/commit/8a815228f6ac8dfd07ff04e9425791b9bf1fa44b))
+* **build:** fix dependencies ([e4869c4](https://github.com/bitrise-io/bitkit/commit/e4869c44e9e8c8fedfaafee0fead28814871b4ed))
+* **build:** set correct version for @types/react ([6ba889c](https://github.com/bitrise-io/bitkit/commit/6ba889ceee89c5600a8c39974625759453072a30))
+
+# [9.5.0-alpha-15.1](https://github.com/bitrise-io/bitkit/compare/v9.4.2...v9.5.0-alpha-15.1) (2022-04-05)
+
+
+### Bug Fixes
+
+* **build:** allow multiple alpha releases ([9a1d951](https://github.com/bitrise-io/bitkit/commit/9a1d9518274959a13ea64fa882d11ab714102017))
+* **build:** trigger new build ([3bc84ae](https://github.com/bitrise-io/bitkit/commit/3bc84aeb266328a72ce3ea55e2e2f0017b463076))
+* **build:** trigger new build ([8ce3357](https://github.com/bitrise-io/bitkit/commit/8ce3357d2578d5890e5a1c1da7fc8703c30b69bd))
+* **build:** trigger new build ([d7d308a](https://github.com/bitrise-io/bitkit/commit/d7d308a4415086d0207432bf5be5b587c45e3b38))
+* **build:** try to add patch release ([b32966e](https://github.com/bitrise-io/bitkit/commit/b32966ebdb0a7eee16e18f51c5cecc02350ff8f6))
+* **build:** try without github plugin ([dfb4e83](https://github.com/bitrise-io/bitkit/commit/dfb4e837ee833711f8aafbeb86b52ab1a11cfd78))
+* **build:** update ([0d93e7a](https://github.com/bitrise-io/bitkit/commit/0d93e7abed585b6e690332acd227188d97b8fffb))
+
+
+### Features
+
+* **build:** no build ([e34ff4b](https://github.com/bitrise-io/bitkit/commit/e34ff4bd2e62f5313fd30066c820936c9dd3bdda))
+* **build:** update ([6d0a97a](https://github.com/bitrise-io/bitkit/commit/6d0a97a99457b583c3a0e7cc543e9e4398f66924))
+
+# [9.5.0-alpha.1](https://github.com/bitrise-io/bitkit/compare/v9.4.2...v9.5.0-alpha.1) (2022-04-05)
+
+
+### Bug Fixes
+
+* **build:** trigger new build ([3bc84ae](https://github.com/bitrise-io/bitkit/commit/3bc84aeb266328a72ce3ea55e2e2f0017b463076))
+* **build:** trigger new build ([8ce3357](https://github.com/bitrise-io/bitkit/commit/8ce3357d2578d5890e5a1c1da7fc8703c30b69bd))
+* **build:** trigger new build ([d7d308a](https://github.com/bitrise-io/bitkit/commit/d7d308a4415086d0207432bf5be5b587c45e3b38))
+* **build:** try without github plugin ([dfb4e83](https://github.com/bitrise-io/bitkit/commit/dfb4e837ee833711f8aafbeb86b52ab1a11cfd78))
+* **build:** update ([0d93e7a](https://github.com/bitrise-io/bitkit/commit/0d93e7abed585b6e690332acd227188d97b8fffb))
+
+
+### Features
+
+* **build:** no build ([e34ff4b](https://github.com/bitrise-io/bitkit/commit/e34ff4bd2e62f5313fd30066c820936c9dd3bdda))
+
+# [9.5.0-alpha.1](https://github.com/bitrise-io/bitkit/compare/v9.4.2...v9.5.0-alpha.1) (2022-04-05)
+
+
+### Bug Fixes
+
+* **build:** trigger new build ([3bc84ae](https://github.com/bitrise-io/bitkit/commit/3bc84aeb266328a72ce3ea55e2e2f0017b463076))
+* **build:** trigger new build ([8ce3357](https://github.com/bitrise-io/bitkit/commit/8ce3357d2578d5890e5a1c1da7fc8703c30b69bd))
+* **build:** trigger new build ([d7d308a](https://github.com/bitrise-io/bitkit/commit/d7d308a4415086d0207432bf5be5b587c45e3b38))
+* **build:** try without github plugin ([dfb4e83](https://github.com/bitrise-io/bitkit/commit/dfb4e837ee833711f8aafbeb86b52ab1a11cfd78))
+
+
+### Features
+
+* **build:** no build ([e34ff4b](https://github.com/bitrise-io/bitkit/commit/e34ff4bd2e62f5313fd30066c820936c9dd3bdda))
+
+## [9.4.2](https://github.com/bitrise-io/bitkit/compare/v9.4.1...v9.4.2) (2022-03-30)
+
 ## [9.4.1](https://github.com/bitrise-io/bitkit/compare/v9.4.0...v9.4.1) (2022-03-29)
 
 

package/bitrise.yml

@@ -1,36 +1,24 @@
 ---
 format_version: '8'
-default_step_lib_source: https://github.com/bitrise-io/bitrise-steplib.git
+default_step_lib_source: 'https://github.com/bitrise-io/bitrise-steplib.git'
 project_type: other
 trigger_map:
 - push_branch: master
   workflow: Master
-- push_branch: alpha
+- push_branch: 'alpha*'
   workflow: AlphaBranch
-- pull_request_source_branch: "*"
+- pull_request_source_branch: '*'
   workflow: PullRequests
   pull_request_target_branch: master
 workflows:
-  Primary:
+  AlphaBranch:
+    before_run:
+    - Primary
     steps:
-    - activate-ssh-key@4.0.3:
-        run_if: '{{getenv "SSH_RSA_PRIVATE_KEY" | ne ""}}'
-    - git-clone@4.0.14: {}
-    - nvm@1: {}
-    - yarn@0.0.8:
-        title: Install Dependencies
-    - yarn@0.0.8:
-        title: Run Linting
+    - yarn@0.1:
         inputs:
-        - command: lint
-    - yarn@0.0.8:
-        inputs:
-        - command: test
-        title: Run Tests
-    - yarn@0.0.8:
-        title: Build Library and Style Guide
-        inputs:
-        - command: build
+        - command: semantic-release
+        title: Publish from alpha branch (... if needed)
   Master:
     before_run:
     - Primary
@@ -39,24 +27,36 @@ workflows:
         inputs:
         - command: semantic-release
         title: Publish (... if needed)
-  AlphaBranch:
-    before_run:
-    - Primary
+  Primary:
     steps:
-    - yarn@0.0.8:
+    - activate-ssh-key@4.1:
+        run_if: '{{getenv "SSH_RSA_PRIVATE_KEY" | ne ""}}'
+    - git-clone@6.1: {}
+    - nvm@1.3: {}
+    - yarn@0.1:
+        title: Install Dependencies
+    - yarn@0.1:
+        title: Run Linting
         inputs:
-        - command: semantic-release
-        title: Publish from alpha branch (... if needed)
+        - command: lint
+    - yarn@0.1:
+        inputs:
+        - command: test
+        title: Run Tests
   PullRequests:
     before_run:
     - Primary
     steps:
     - script@1.1.5:
         inputs:
-        - content: |
+        - content: >
             #!/bin/bash
+
             set -ex
 
+
             # Check for malformed commit messages
-            git log --pretty=format:'%s' origin/master...$BITRISE_GIT_COMMIT | yarn commitlint
+
+            git log --pretty=format:'%s' origin/master...$BITRISE_GIT_COMMIT |
+            yarn commitlint
         title: Lint Commits

package/jest.setup.js

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 const Enzyme = require('enzyme');
-const Adapter = require('enzyme-adapter-react-16');
+const Adapter = require('@wojtekmaj/enzyme-adapter-react-17');
 const { JSDOM } = require('jsdom');
 
 const jsdom = new JSDOM('<!doctype html><html><body></body></html>', {
@@ -24,6 +24,7 @@ global.navigator = {
 
 global.requestAnimationFrame = (cb) => setTimeout(cb, 0);
 global.cancelAnimationFrame = (id) => clearTimeout(id);
+// eslint-disable-next-line @typescript-eslint/no-implied-eval
 global.window.requestAnimationFrame = (cb) => setTimeout(cb, 0);
 global.window.cancelAnimationFrame = (id) => clearTimeout(id);
 

package/package.json

@@ -1,21 +1,11 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "9.4.1",
+  "version": "9.5.0-alpha-15.2",
   "repository": "git@github.com:bitrise-io/bitkit.git",
-  "main": "lib/cjs/index.js",
-  "esnext": "lib/esn/index.js",
-  "typings": "lib/cjs/index.d.ts",
+  "main": "src/index.ts",
   "license": "UNLICENSED",
   "scripts": {
-    "build": "yarn build:lib && yarn build:site",
-    "build:css": "postcss src/{*.css,**/*.css} --base src",
-    "build:docs": "ts-node ./scripts/build-docs",
-    "build:icons": "svgr src/Icon/svg && yarn lint:fix-icons",
-    "build:lib": "rm -rf ./lib && yarn build:lib:cjs && yarn build:lib:esn",
-    "build:lib:esn": "tsc -p src -m esnext -t esnext --outDir lib/esn && yarn build:css --dir lib/esn",
-    "build:lib:cjs": "tsc -p src --outDir lib/cjs && yarn build:css --dir lib/cjs",
-    "build:site": "rm -rf ./dist && rm -rf ./public && yarn build:docs && parcel build site/index.html -d dist",
     "commitlint": "commitlint",
     "lint": "yarn lint:js && yarn lint:css",
     "lint:css": "stylelint src/**/*.css site/**/*.css",
@@ -27,31 +17,32 @@
     "start:docs": "ts-node ./scripts/build-docs-watch",
     "start:site": "parcel serve site/index.html --port 4001 -d dist --no-cache",
     "start:icons": "chokidar src/Icon/svg/** -c \"yarn svgr {path} && yarn lint:fix-icons\"",
-    "test": "jest ./src"
+    "test": "tsc --noEmit -p src && jest ./src"
   },
   "alias": {
     "@bitrise/bitkit": "./src"
   },
   "dependencies": {
     "@juggle/resize-observer": "^3.3.1",
+    "@popperjs/core": "^2.11.4",
+    "@types/luxon": "^2.3.1",
+    "@types/react-transition-group": "^4.4.4",
     "classnames": "^2.3.1",
     "clipboard": "^2.0.10",
-    "luxon": "^1.28.0",
+    "luxon": "^2.3.1",
     "normalize.css": "^8.0.1",
-    "popper.js": "^1.14.4",
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
-    "react-popper": "^1.3.11",
-    "react-transition-group": "^2.9.0"
+    "react-popper": "^2.2.5",
+    "react-transition-group": "^4.4.2"
   },
   "peerDependencies": {
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "devDependencies": {
     "@bitrise/eslint-plugin": "^2.1.0",
-    "@commitlint/cli": "^8.3.6",
-    "@commitlint/config-conventional": "^8.3.6",
+    "@commitlint/cli": "^16.2.3",
+    "@commitlint/config-conventional": "^16.2.1",
+    "@gkz/ast-types": "^0.14.4",
     "@semantic-release/changelog": "^6.0.1",
     "@semantic-release/commit-analyzer": "^9.0.2",
     "@semantic-release/git": "^10.0.1",
@@ -62,33 +53,31 @@
     "@types/jest": "^27.4.1",
     "@types/lodash.sample": "^4.2.6",
     "@types/lodash.shuffle": "^4.2.6",
-    "@types/luxon": "^1.27.1",
     "@types/prismjs": "^1.26.0",
-    "@types/react": "^17.0.40",
-    "@types/react-dom": "^17.0.13",
+    "@types/react": "17.0.40",
+    "@types/react-dom": "^17.0.14",
     "@types/react-router": "^5.1.18",
     "@types/react-router-dom": "^5.3.3",
-    "@types/react-transition-group": "^2.9.2",
-    "@types/vfile-message": "^2.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.15.0",
-    "@typescript-eslint/parser": "^5.15.0",
+    "@types/react-transition-group": "^4.4.4",
+    "@typescript-eslint/eslint-plugin": "^5.17.0",
+    "@typescript-eslint/parser": "^5.17.0",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
     "autoprefixer": "^9.8.8",
     "babel-eslint": "^10.0.1",
     "chokidar-cli": "^3.0.0",
-    "concurrently": "^4.1.2",
+    "concurrently": "^7.0.0",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.6",
     "enzyme-to-json": "^3.6.2",
-    "eslint": "^8.11.0",
+    "eslint": "^8.12.0",
     "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-jest": "^26.1.1",
+    "eslint-plugin-jest": "^26.1.3",
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.29.4",
-    "eslint-plugin-react-hooks": "^4.3.0",
+    "eslint-plugin-react-hooks": "^4.4.0",
     "eslint-plugin-testing-library": "^5.1.0",
     "fscreen": "^1.2.0",
-    "husky": "^3.1.0",
+    "husky": "^7.0.4",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^27.5.1",
     "jsdom": "^19.0.0",
@@ -98,27 +87,24 @@
     "parcel-bundler": "^1.12.0",
     "postcss-cli": "^6.1.3",
     "postcss-preset-env": "^6.7.1",
-    "prettier": "^2.6.0",
+    "prettier": "^2.6.1",
     "prismjs": "^1.27.0",
+    "react": "^17.0.2",
     "react-docgen": "5.4.0",
+    "react-dom": "^17.0.2",
     "react-router": "^5.2.1",
     "react-router-dom": "^5.3.0",
-    "semantic-release": "^18.0.1",
-    "stylelint": "^9.10.1",
-    "stylelint-order": "^0.8.1",
-    "superstatic": "^6.0.4",
-    "ts-jest": "^27.1.3",
+    "semantic-release": "^19.0.2",
+    "stylelint": "^14.6.1",
+    "stylelint-order": "^5.0.0",
+    "superstatic": "^7.1.0",
+    "ts-jest": "^27.1.4",
     "ts-node": "^10.7.0",
-    "typescript": "^4.6.2"
+    "typescript": "^4.6.3"
   },
   "publishConfig": {
     "access": "public"
   },
-  "husky": {
-    "hooks": {
-      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
-    }
-  },
   "jest": {
     "moduleNameMapper": {
       "^.+\\.css$": "identity-obj-proxy"
@@ -129,5 +115,8 @@
     "transform": {
       "\\.tsx?$": "ts-jest"
     }
+  },
+  "resolutions": {
+    "**/ast-types": "npm:@gkz/ast-types"
   }
 }

package/postcss.config.js

@@ -1,9 +1,13 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+const autoprefixer = require('autoprefixer');
+const postcssPresetEnv = require('postcss-preset-env');
+
 module.exports = {
-  'plugins': [
-    require('autoprefixer'),
-    require('postcss-preset-env')({
-      'stage': 3,
-      'features': {
+  plugins: [
+    autoprefixer(),
+    postcssPresetEnv({
+      stage: 3,
+      features: {
         'custom-properties': false,
         'nesting-rules': true,
       },

package/release.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  branches: ['master', { name: 'alpha', prerelease: true }],
+  branches: ['master', { name: 'alpha', prerelease: true }, { name: 'alpha-*', prerelease: true }],
   plugins: [
     [
       '@semantic-release/commit-analyzer',
@@ -16,7 +16,7 @@ module.exports = {
     ],
     '@semantic-release/release-notes-generator',
     '@semantic-release/npm',
-    '@semantic-release/github',
+    // '@semantic-release/github',
   ],
   verifyConditions: ['@semantic-release/changelog', '@semantic-release/npm', '@semantic-release/git'],
   prepare: [

package/site/components/Documentation/Components/SectionButtons.tsx

@@ -1,18 +1,5 @@
-/* eslint-disable object-shorthand */
 import * as React from 'react';
-import {
-  Base,
-  Button,
-  Buttons,
-  ColorButton,
-  Icon,
-  Tab,
-  Tabs,
-  Text,
-  Ribbon,
-  ButtonWithDropdown,
-  Flex,
-} from '@bitrise/bitkit';
+import { Base, Button, Buttons, ColorButton, Icon, Tab, Tabs, Text, Ribbon } from '@bitrise/bitkit';
 import CodeBlock from '../../CodeBlock/CodeBlock';
 import Section from '../../Section/Section';
 import SectionSubTitle from '../../Section/SectionSubTitle';
@@ -34,10 +21,6 @@ const SectionButtons = () => {
         <Tab active={selectedTab === 3} onClick={() => setSelectedTab(3)}>
           Color Button
         </Tab>
-
-        <Tab active={selectedTab === 4} onClick={() => setSelectedTab(4)}>
-          with dropdown
-        </Tab>
       </Tabs>
 
       {selectedTab === 1 && (
@@ -371,35 +354,6 @@ const SectionButtons = () => {
 );`}</CodeBlock>
         </>
       )}
-      {selectedTab === 4 && (
-        <Flex alignChildren="end" direction="horizontal">
-          <ButtonWithDropdown
-            items={[
-              {
-                component: 'button',
-                icon: 'Percent',
-                text: 'Refer your friends',
-              },
-              {
-                component: 'a',
-                icon: 'Settings',
-                text: 'Account setings',
-              },
-              {
-                icon: 'ChangePlan',
-                text: 'Change plan',
-              },
-              {
-                icon: 'Logout',
-                text: 'Log out',
-              },
-            ]}
-          >
-            <Icon name="Bitbot" />
-            <Text>Account</Text>
-          </ButtonWithDropdown>
-        </Flex>
-      )}
     </Section>
   );
 };

package/site/components/Documentation/Components/SectionDropdowns.tsx

@@ -4,7 +4,6 @@ import {
   DropdownMenu,
   DropdownMenus,
   DropdownMenuItem,
-  DropdownMenuItemGroup,
   Flex,
   Icon,
   Placement,
@@ -245,6 +244,7 @@ const SectionDropdown = () => {
                 setSelectedItem(undefined);
                 handleToggle3();
               }}
+              sameWidth
               visible={visible3}
             >
               {() => (

package/site/components/Documentation/Components/SectionPlacement.tsx

@@ -21,7 +21,9 @@ const SectionPlacement = () => {
   const [selectedTab, setSelectedTab] = useState(1);
   const [ref, setRef] = useState<SVGSVGElement>();
 
-  const handleToggle = () => setVisible(!visible);
+  const handleToggle = () => {
+    setVisible(!visible);
+  };
 
   return (
     <Section>
@@ -39,6 +41,7 @@ const SectionPlacement = () => {
         <>
           <PlacementManager>
             <PlacementReference>
+              {/* eslint-disable-next-line @typescript-eslint/no-shadow */}
               {({ ref }) => (
                 <Button innerRef={ref} level="primary" onClick={handleToggle}>
                   <Icon name="More" />

package/site/components/Documentation/Documentation.tsx

@@ -41,12 +41,7 @@ const SectionMap = {
   },
   Button: {
     Showcase: require('./Components/SectionButtons').default,
-    components: [
-      documentation.Button,
-      documentation.Buttons,
-      documentation.ColorButton,
-      documentation.ButtonWithDropdown,
-    ],
+    components: [documentation.Button, documentation.Buttons, documentation.ColorButton],
   },
   Card: {
     Showcase: require('./Components/SectionCards').default,

package/src/AddonBeam/AddonBeam.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as dataAtIds from '../dataAtIds.json';
+import dataAtIds from '../dataAtIds.json';
 import { TypeIconName } from '../Icon/tsx';
 import Flex, { Props as FlexProps } from '../Flex/Flex';
 import Hamburger from '../Hamburger/Hamburger';

package/src/Dropdown/Dropdown.tsx

@@ -41,17 +41,15 @@ const Dropdown: React.FunctionComponent<Props> = (props: Props) => {
   const { children, options, onChange, selected, maxHeight, ...rest } = props;
   const [visible, setVisible] = useState(false);
 
-  const handleToggleVisible = () => setVisible(!visible);
-
   const handleChange = (value: DropdownValue) => {
     if (onChange) {
       onChange(value);
     }
-    handleToggleVisible();
+    setVisible(false);
   };
 
   const renderOption = ({ text, value }: Option) => (
-    <DropdownMenuItem onClick={() => handleChange(value)} selected={selected === value}>
+    <DropdownMenuItem onClick={() => handleChange(value)} selected={selected === value} width="100%">
       {text}
     </DropdownMenuItem>
   );
@@ -60,15 +58,22 @@ const Dropdown: React.FunctionComponent<Props> = (props: Props) => {
     <PlacementManager>
       <PlacementReference>
         {({ ref }) => (
-          <DropdownButton {...rest} alignChildrenHorizontal="start" innerRef={ref} onClick={handleToggleVisible}>
+          <DropdownButton
+            {...rest}
+            alignChildrenHorizontal="start"
+            innerRef={ref}
+            onClick={() => {
+              setVisible(!visible);
+            }}
+          >
             <Text ellipsis>{children}</Text>
           </DropdownButton>
         )}
       </PlacementReference>
 
-      <Placement onClose={handleToggleVisible} visible={visible}>
-        {({ width }) => (
-          <DropdownMenu maxHeight={maxHeight} width={width}>
+      <Placement onClose={() => setVisible(false)} sameWidth visible={visible}>
+        {() => (
+          <DropdownMenu maxHeight={maxHeight} width="100%">
             {options.map((option) => (
               <React.Fragment key={option.text}>
                 {'options' in option ? (

package/src/Dropdown/DropdownMenu.css

@@ -15,7 +15,7 @@
 .DropdownMenu__group-text::after {
   content: '';
   flex: 1;
-  /* stylelint-disable-next-line unit-blacklist */
+  /* stylelint-disable-next-line unit-disallowed-list */
   height: 1px;
   background-color: var(--color-gray--3);
 }

package/src/Icon/Icon.tsx

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import Base, { Props as BaseProps } from '../Base/Base';
-import { IconMap, TypeIconName } from './tsx';
+import { IconMap } from './tsx';
+import type { TypeIconName } from './tsx';
 import './Icon.css';
 
-export { TypeIconName };
+export type { TypeIconName };
 
 export interface Props extends BaseProps {
   /** Name of the Icon to display */