@carbon/ibm-security/lib/components/Icon/Icon-story.js

Carbon for Cloud & Cognitive IBM Security UI components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _iconsReact = require("@carbon/icons-react");
var _layout = require("@carbon/layout");
var _react = require("@storybook/react");
var _react2 = _interopRequireDefault(require("react"));
var _storybook = require("../../../.storybook");
var _theme = _interopRequireDefault(require("../../globals/theme"));
var _ = require("../..");
var _mocks_ = require("./_mocks_");
var _2 = require("../../");
var _carbonComponentsReact = require("carbon-components-react");
/**
 * @file Icon stories.
 * @copyright IBM Security 2019 - 2021
 */

var iconProps = {
  style: {
    fill: _theme.default.icon01,
    margin: (0, _layout.miniUnits)(1)
  }
};
(0, _react.storiesOf)((0, _storybook.components)('Icon#legacy'), module).addDecorator(function (Story) {
  return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement(_2.InlineNotification, {
    className: "page-layouts__banner",
    actions: /*#__PURE__*/_react2.default.createElement(_2.NotificationActionButton, {
      href: "https://react.carbondesignsystem.com/?path=/story/elements-icons--default",
      rel: "noopener noreferrer",
      target: "_blank"
    }, "View replacement"),
    kind: "info",
    subtitle: "Component no longer supported. The component will remain available, but plan to migrate to the component replacement.",
    title: "",
    hideCloseButton: true
  }), /*#__PURE__*/_react2.default.createElement(_carbonComponentsReact.Grid, null, /*#__PURE__*/_react2.default.createElement(Story, null)));
}).add('Default', function () {
  return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, [_mocks_.renderIcon, _iconsReact.Add20, _iconsReact.Add24, _iconsReact.Add32].map(function (size, index) {
    var key = "icon__".concat(index);
    return /*#__PURE__*/_react2.default.createElement(_.Icon, (0, _extends2.default)({
      key: key,
      renderIcon: size
    }, iconProps));
  }));
}, {
  info: {
    text: "\n          Basic implementation of an Icon component.\n        "
  }
});