@spectrum-icons/workflow 4.2.1 → 4.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spectrum-icons/workflow",
-  "version": "4.2.1",
+  "version": "4.2.3",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "repository": {
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "@adobe/react-spectrum-workflow": "2.3.4",
-    "@react-spectrum/icon": "^3.7.2",
-    "@swc/helpers": "^0.4.14"
+    "@react-spectrum/icon": "^3.7.4",
+    "@swc/helpers": "^0.5.0"
   },
   "devDependencies": {
     "@spectrum-icons/build-tools": "3.0.0-alpha.1"
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5911ed21de4b76d66f6254c02302519e02d50e16"
+  "gitHead": "d4dfe4bb842a914f10045ee63fc6b92f034c5b30"
 }

package/tsconfig.types.json

@@ -12,7 +12,6 @@
   "include": [
     "src",
     "../../@react-types/shared/src/css.d.ts",
-    "../../@react-spectrum/utils/src/ResizeObserver.d.ts"
   ],
   "exclude": ["scripts", "node_modules", "stories", "chromatic"]
 }

package/chromatic/Workflow.chromatic.tsx

@@ -1,86 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import Add from '../Add';
-import Alert from '@spectrum-icons/workflow/Alert';
-import React from 'react';
-import {Flex} from '@react-spectrum/layout';
-import * as AllIcons from '../src';
-
-let allIcons = Object.keys(AllIcons);
-let alphabet = [...Array(26)].map((val, i) => String.fromCharCode(i + 65));
-alphabet = ['_', ...alphabet];
-let alphabetizedIcons = alphabet.reduce((acc, char) => {
-  acc[char] = allIcons.filter((iconName) => iconName[0] === char).sort();
-  return acc;
-}, {});
-
-export default {
-  title: 'Icons/Workflow',
-  parameters: {
-    chromaticProvider: {express: false},
-  }
-};
-
-export const IconAddWithSizes = () => renderIconSizes(Add, { 'aria-label': 'Add' });
-
-IconAddWithSizes.story = {
-  name: 'icon: Add with sizes',
-};
-
-export const Colors = () => (
-  <Flex gap="size-200">
-    <Alert aria-label="info default" />
-    <Alert color="informative" aria-label="info alert" />
-    <Alert color="negative" aria-label="negative alert" />
-    <Alert color="positive" aria-label="positive alert" />
-    <Alert color="notice" aria-label="notice alert" />
-  </Flex>
-);
-
-export const AllWorkflow = () => (
-  <Flex direction="column">
-    {Object.keys(alphabetizedIcons).map((char) => (
-      <div style={{ height: 'calc(12 * var(--spectrum-global-dimension-size-300))' }}>
-        <div>{char}</div>
-        <Flex direction="row" gap="size-50" wrap>
-          {alphabetizedIcons[char].map((iconName) => {
-            let Icon = AllIcons[iconName].default;
-            return <Icon key={iconName} id={iconName} />;
-          })}
-        </Flex>
-      </div>
-    ))}
-  </Flex>
-);
-
-AllWorkflow.story = {
-  parameters: {
-    chromaticProvider: {
-      colorSchemes: ['light'],
-      locales: ['en-US'],
-      scales: ['medium', 'large'],
-      disableAnimations: true,
-    }
-  }
-};
-
-function renderIconSizes(Component, props) {
-  let sizes = ['XXS', 'XS', 'S', 'M', 'L', 'XL', 'XXL'];
-  return (
-    <div>
-      {sizes.map((size) => {
-        return <Component margin="15px" size={size} {...props} />;
-      })}
-    </div>
-  );
-}

package/stories/IconsWorkflow.stories.tsx

@@ -1,74 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import Icon3DMaterials from '../3DMaterials';
-import Add from '../Add';
-import Alert from '../Alert';
-import Bell from '../Bell';
-import React from 'react';
-
-export default {
-  title: 'Icons/Workflow'
-};
-
-export const IconAddWithSizes = () => renderIconSizes(Add, {'aria-label': 'Add'});
-
-IconAddWithSizes.story = {
-  name: 'icon: Add with sizes'
-};
-
-export const IconBellWithSizes = () => renderIconSizes(Bell, {'aria-label': 'Bell'});
-
-IconBellWithSizes.story = {
-  name: 'icon: Bell with sizes',
-};
-
-export const Icon3DMaterialsWithSizes = () => renderIconSizes(Icon3DMaterials, {'aria-label': '3D Materials'});
-
-Icon3DMaterialsWithSizes.story = {
-  name: 'icon: _3DMaterials with sizes',
-};
-
-export const IconAlertNegative = () => renderIconSizes(Alert, {'aria-label': 'Alert', color: 'negative'});
-
-IconAlertNegative.story = {
-  name: 'icon: Alert negative',
-};
-
-export const IconAlertInformative = () => renderIconSizes(Alert, {'aria-label': 'Alert', color: 'informative'});
-
-IconAlertInformative.story = {
-  name: 'icon: Alert informative',
-};
-
-export const IconAlertPositive = () => renderIconSizes(Alert, {'aria-label': 'Alert', color: 'positive'});
-
-IconAlertPositive.story = {
-  name: 'icon: Alert positive',
-};
-
-export const IconAlertNotice = () => renderIconSizes(Alert, {'aria-label': 'Alert', color: 'notice'});
-
-IconAlertNotice.story = {
-  name: 'icon: Alert notice',
-};
-
-function renderIconSizes(Component, props) {
-  let sizes = ['XXS', 'XS', 'S', 'M', 'L', 'XL', 'XXL'];
-  return (
-    <div>
-      {sizes.map((size) => {
-        return <Component margin="15px" size={size} {...props} />;
-      })}
-    </div>
-  );
-}