0.138.0 (#217)

* Update deps

* Run prettier

* 0.138.0

examples/nextjs/package.json

@@ -8,7 +8,7 @@
     "start": "next start"
   },
   "dependencies": {
-    "@vimeo/iris": "^0.137.2",
+    "@vimeo/iris": "^0.138.0",
     "next": "12.0.3",
     "polished": "^4.1.3",
     "react": "17.0.2",

package.json

@@ -2,7 +2,7 @@
     "name": "@vimeo/iris",
     "homepage": "https://github.com/vimeo/iris/tree/main",
     "bugs": "https://github.com/vimeo/iris/issues",
-    "version": "0.137.2",
+    "version": "0.138.0",
     "private": false,
     "license": "MIT",
     "description": "Vimeo Design System",
@@ -24,29 +24,29 @@
     "types": "index.d.ts",
     "sideEffects": false,
     "devDependencies": {
-        "@babel/core": "^7.20.5",
+        "@babel/core": "^7.20.12",
         "@babel/plugin-proposal-class-properties": "^7.18.6",
         "@babel/plugin-proposal-private-methods": "^7.18.6",
         "@babel/plugin-proposal-private-property-in-object": "^7.20.5",
         "@babel/plugin-transform-runtime": "^7.19.6",
         "@babel/preset-env": "^7.20.2",
         "@babel/preset-react": "^7.18.6",
         "@babel/preset-typescript": "^7.18.6",
-        "@babel/runtime": "^7.20.6",
+        "@babel/runtime": "^7.20.7",
         "@nox/addon-themes": "^1.1.3",
         "@rollup/plugin-babel": "^5.3.1",
         "@rollup/plugin-commonjs": "^21.1.0",
         "@rollup/plugin-node-resolve": "^13.3.0",
         "@rollup/plugin-typescript": "^8.5.0",
-        "@storybook/addon-a11y": "6.5.13",
-        "@storybook/addon-essentials": "6.5.13",
+        "@storybook/addon-a11y": "6.5.15",
+        "@storybook/addon-essentials": "6.5.15",
         "@storybook/addon-postcss": "^2.0.0",
-        "@storybook/addon-storysource": "6.5.13",
-        "@storybook/builder-webpack5": "6.5.13",
-        "@storybook/components": "6.5.13",
-        "@storybook/manager-webpack5": "6.5.13",
-        "@storybook/react": "6.5.13",
-        "@storybook/theming": "6.5.13",
+        "@storybook/addon-storysource": "6.5.15",
+        "@storybook/builder-webpack5": "6.5.15",
+        "@storybook/components": "6.5.15",
+        "@storybook/manager-webpack5": "6.5.15",
+        "@storybook/react": "6.5.15",
+        "@storybook/theming": "6.5.15",
         "@testing-library/jest-dom": "^5.16.5",
         "@testing-library/react": "12.1.5",
         "@testing-library/user-event": "^14.4.3",
@@ -55,17 +55,17 @@
         "@types/react-dom": "^17.0.18",
         "@types/styled-components": "^5.1.26",
         "@types/webpack": "^5.28.0",
-        "@typescript-eslint/eslint-plugin": "^5.44.0",
-        "@typescript-eslint/parser": "^5.44.0",
+        "@typescript-eslint/eslint-plugin": "^5.48.0",
+        "@typescript-eslint/parser": "^5.48.0",
         "babel-jest": "^28.1.3",
         "babel-loader": "^8.3.0",
         "babel-plugin-polished": "^1.1.0",
         "babel-plugin-require-context-hook": "^1.0.0",
         "babel-plugin-styled-components": "^2.0.7",
         "circular-dependency-plugin": "^5.2.2",
-        "core-js": "^3.26.1",
-        "eslint": "^8.28.0",
-        "eslint-config-prettier": "^8.5.0",
+        "core-js": "^3.27.1",
+        "eslint": "^8.31.0",
+        "eslint-config-prettier": "^8.6.0",
         "eslint-config-react": "^1.1.7",
         "eslint-formatter-codeframe": "^7.32.1",
         "eslint-plugin-immutable": "^1.0.0",
@@ -79,20 +79,20 @@
         "jest-environment-jsdom": "^28.1.3",
         "polished": "^4.2.2",
         "pre-commit": "^1.2.2",
-        "prettier": "^2.8.0",
+        "prettier": "^2.8.2",
         "react": "*",
         "react-dom": "*",
         "react-is": "^17.0.2",
         "rollup": "^2.79.1",
-        "rollup-plugin-multi-input": "^1.3.1",
+        "rollup-plugin-multi-input": "^1.3.2",
         "rollup-plugin-terser": "^7.0.2",
         "styled-components": "^5.3.6",
         "stylelint": "^13.13.1",
         "stylelint-config-recommended": "^4.0.0",
         "stylelint-config-styled-components": "^0.1.1",
         "stylelint-processor-styled-components": "^1.10.0",
         "tslib": "^2.4.1",
-        "typescript": "4.9.3",
+        "typescript": "4.9.4",
         "typescript-plugin-styled-components": "^2.0.0",
         "webpack": "^5.75.0"
     },

src/components/Button/Button.types.ts

@@ -49,13 +49,13 @@ export type Props = IrisProps<
     /**
      * [default = 'primary']
      */
-    format?: typeof formats[number];
+    format?: (typeof formats)[number];
     href?: string;
     icon?: ReactNode;
     /**
      * [default = 'left']
      */
-    iconPosition?: typeof iconPositions[number];
+    iconPosition?: (typeof iconPositions)[number];
     loading?: boolean;
     /**
      * @deprecated
@@ -72,7 +72,7 @@ export type Props = IrisProps<
     /**
      * [default = 'md']
      */
-    size?: typeof sizes[number];
+    size?: (typeof sizes)[number];
     status?: Statuses;
     target?: Targets;
     /**
@@ -90,7 +90,7 @@ export type Props = IrisProps<
     /**
      * [default = 'solid']
      */
-    variant?: typeof variants[number];
+    variant?: (typeof variants)[number];
   },
   DOMElement
 >;

src/tokens/color/format/format.ts

@@ -4,7 +4,7 @@ import { tertiary } from './tertiary';
 
 export const formats = ['primary', 'secondary', 'tertiary'] as const;
 
-export type Format = typeof formats[number];
+export type Format = (typeof formats)[number];
 
 export const format = {
   primary,

src/tokens/color/rainbow/rainbow.ts

@@ -3,7 +3,7 @@ import { linear } from './linear';
 
 export const rainbowSizes = ['sm', 'xl'] as const;
 
-export type Rainbow = typeof rainbowSizes[number];
+export type Rainbow = (typeof rainbowSizes)[number];
 
 export const rainbow = {
   conic,

src/tokens/color/status/status.ts

@@ -4,7 +4,7 @@ import { positive } from './positive';
 
 export const statuses = ['caution', 'negative', 'positive'] as const;
 
-export type Status = typeof statuses[number];
+export type Status = (typeof statuses)[number];
 
 export const status = {
   caution,

src/tokens/color/upsell/upsell.ts

@@ -3,7 +3,7 @@ import { xl } from './xl';
 
 export const upsellSizes = ['sm', 'xl'] as const;
 
-export type Upsell = typeof upsellSizes[number];
+export type Upsell = (typeof upsellSizes)[number];
 
 export const upsell = {
   sm,

src/utils/HOCs/withIris.ts

@@ -9,7 +9,7 @@ import {
 } from 'react';
 import { ThemeContext } from 'styled-components';
 
-const version = '0.137.2';
+const version = '0.138.0';
 
 type IrisMeta =
   | true