@invoicebox/ui 0.1.0-alpha.46 → 0.1.0-alpha.48

package/dist/components/common/WarningIcon/components/Icon.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+type TProps = {
+    className?: string;
+};
+export declare const Icon: FC<TProps>;
+export {};

package/dist/components/common/WarningIcon/components/Icon.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Icon = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Icon = exports.Icon = function Icon(_ref) {
+  var className = _ref.className;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    fill: "currentColor",
+    d: "M10 16c3.312 0 6-2.688 6-6s-2.688-6-6-6-6 2.688-6 6 2.688 6 6 6Zm-.6-9h1.2v1.2H9.4V7Zm0 2.4h1.2V13H9.4V9.4Z"
+  }));
+};

package/dist/components/common/WarningIcon/index.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { TWarningIconPalette } from './palette';
+export type TProps = {
+    size?: number;
+    palette?: Partial<TWarningIconPalette>;
+};
+export declare const WarningIcon: FC<TProps>;

package/dist/components/common/WarningIcon/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WarningIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var S = _interopRequireWildcard(require("./styles"));
+var _palette = require("../../../palette");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var WarningIcon = exports.WarningIcon = function WarningIcon(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 20 : _ref$size,
+    palette = _ref.palette;
+  var mergedPalette = (0, _palette.useComponentPalette)('warningIcon', palette);
+  return /*#__PURE__*/_react["default"].createElement(S.StyledIcon, {
+    $palette: mergedPalette,
+    $size: size
+  });
+};

package/dist/components/common/WarningIcon/index.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { WarningIcon } from '.';
+declare const meta: Meta<typeof WarningIcon>;
+export default meta;
+export declare const Default: StoryObj<typeof WarningIcon>;

package/dist/components/common/WarningIcon/index.stories.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ = require(".");
+var meta = {
+  title: 'common/WarningIcon',
+  component: _.WarningIcon,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

package/dist/components/common/WarningIcon/palette.d.ts

@@ -0,0 +1,5 @@
+import { TAbstractPalette } from '../../../palette';
+export type TWarningIconPalette = {
+    icon: string;
+};
+export declare const generateWarningIconPalette: (abstractPalette: TAbstractPalette) => TWarningIconPalette;

package/dist/components/common/WarningIcon/palette.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateWarningIconPalette = void 0;
+var generateWarningIconPalette = exports.generateWarningIconPalette = function generateWarningIconPalette(abstractPalette) {
+  return {
+    icon: abstractPalette.error
+  };
+};

package/dist/components/common/WarningIcon/styles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { TWarningIconPalette } from './palette';
+export declare const StyledIcon: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
+    className?: string | undefined;
+}, {
+    $palette: TWarningIconPalette;
+    $size: number;
+}>> & Omit<import("react").FC<{
+    className?: string | undefined;
+}>, keyof import("react").Component<any, {}, any>>;

package/dist/components/common/WarningIcon/styles.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledIcon = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _Icon = require("./components/Icon");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var StyledIcon = exports.StyledIcon = (0, _styledComponents["default"])(_Icon.Icon).withConfig({
+  displayName: "styles__StyledIcon",
+  componentId: "sc-1xelbs1-0"
+})(["cursor:pointer;color:", ";width:", ";height:", ";"], function (_ref) {
+  var $palette = _ref.$palette;
+  return $palette.icon;
+}, function (_ref2) {
+  var $size = _ref2.$size;
+  return "".concat($size, "px");
+}, function (_ref3) {
+  var $size = _ref3.$size;
+  return "".concat($size, "px");
+});

package/dist/index.d.ts

@@ -17,4 +17,6 @@ export { Calendar } from './components/common/Calendar';
 export type { TProps as TCalendarProps } from './components/common/Calendar';
 export { DateInput } from './components/form/DateInput';
 export type { TProps as TDateInputProps } from './components/form/DateInput';
+export { WarningIcon } from './components/common/WarningIcon';
+export type { TProps as TWarningIconProps } from './components/common/WarningIcon';
 export { PaletteProvider } from './palette';

package/dist/index.js

@@ -99,6 +99,12 @@ Object.defineProperty(exports, "TypographyGlobalStyle", {
     return _Typography.TypographyGlobalStyle;
   }
 });
+Object.defineProperty(exports, "WarningIcon", {
+  enumerable: true,
+  get: function get() {
+    return _WarningIcon.WarningIcon;
+  }
+});
 var _Skeleton = require("./components/common/Skeleton");
 var _InvoiceboxLoader = require("./components/common/InvoiceboxLoader");
 var _Typography = require("./components/common/Typography");
@@ -113,4 +119,5 @@ var _Scrollbar = require("./components/common/Scrollbar");
 var _Select = require("./components/form/Select");
 var _Calendar = require("./components/common/Calendar");
 var _DateInput = require("./components/form/DateInput");
+var _WarningIcon = require("./components/common/WarningIcon");
 var _palette = require("./palette");

package/dist/palette/context.d.ts

@@ -9,6 +9,7 @@ import { TDropdownPalette } from '../components/common/Dropdown/palette';
 import { TScrollbarPalette } from '../components/common/Scrollbar/palette';
 import { TSelectPalette } from '../components/form/Select/palette';
 import { TDateInputPalette } from '../components/form/DateInput/palette';
+import { TWarningIconPalette } from '../components/common/WarningIcon/palette';
 type TContext = {
     skeleton: TSkeletonPalette;
     invoiceboxSpinner: TInvoiceboxSpinnerPalette;
@@ -20,6 +21,7 @@ type TContext = {
     scrollbar: TScrollbarPalette;
     select: TSelectPalette;
     dateInput: TDateInputPalette;
+    warningIcon: TWarningIconPalette;
 };
 export declare const PaletteContext: import("react").Context<TContext>;
 export {};

package/dist/palette/context.js

@@ -16,6 +16,7 @@ var _palette7 = require("../components/common/Dropdown/palette");
 var _palette8 = require("../components/common/Scrollbar/palette");
 var _palette9 = require("../components/form/Select/palette");
 var _palette10 = require("../components/form/DateInput/palette");
+var _palette11 = require("../components/common/WarningIcon/palette");
 var PaletteContext = exports.PaletteContext = /*#__PURE__*/(0, _react.createContext)({
   skeleton: (0, _palette.generateSkeletonPalette)(_constants.defaultAbstractPalette),
   invoiceboxSpinner: (0, _palette2.generateInvoiceboxSpinnerPalette)(_constants.defaultAbstractPalette),
@@ -26,5 +27,6 @@ var PaletteContext = exports.PaletteContext = /*#__PURE__*/(0, _react.createCont
   dropdown: (0, _palette7.generateDropdownPalette)(_constants.defaultAbstractPalette),
   scrollbar: (0, _palette8.generateScrollbarPalette)(_constants.defaultAbstractPalette),
   select: (0, _palette9.generateSelectPalette)(_constants.defaultAbstractPalette),
-  dateInput: (0, _palette10.generateDateInputPalette)(_constants.defaultAbstractPalette)
+  dateInput: (0, _palette10.generateDateInputPalette)(_constants.defaultAbstractPalette),
+  warningIcon: (0, _palette11.generateWarningIconPalette)(_constants.defaultAbstractPalette)
 });

package/dist/palette/provider.js

@@ -17,6 +17,7 @@ var _palette7 = require("../components/common/Dropdown/palette");
 var _palette8 = require("../components/common/Scrollbar/palette");
 var _palette9 = require("../components/form/Select/palette");
 var _palette10 = require("../components/form/DateInput/palette");
+var _palette11 = require("../components/common/WarningIcon/palette");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
@@ -66,7 +67,8 @@ var PaletteProvider = exports.PaletteProvider = function PaletteProvider(_ref) {
       dropdown: (0, _palette7.generateDropdownPalette)(mergedAbstractPalette),
       scrollbar: (0, _palette8.generateScrollbarPalette)(mergedAbstractPalette),
       select: (0, _palette9.generateSelectPalette)(mergedAbstractPalette),
-      dateInput: (0, _palette10.generateDateInputPalette)(mergedAbstractPalette)
+      dateInput: (0, _palette10.generateDateInputPalette)(mergedAbstractPalette),
+      warningIcon: (0, _palette11.generateWarningIconPalette)(mergedAbstractPalette)
     };
   }, [mergedSkeletonPalette, mergedInvoiceboxSpinnerPalette, mergedSecondaryButtonPalette, mergedArrowPalette, mergedInputLabelPalette, mergedPureInputPalette, mergedAbstractPalette]);
   return /*#__PURE__*/_react["default"].createElement(_context.PaletteContext.Provider, {

package/dist/palette/usePalette.d.ts

@@ -9,4 +9,5 @@ export declare const usePalette: () => {
     scrollbar: import("../components/common/Scrollbar/palette").TScrollbarPalette;
     select: import("../components/form/Select/palette").TSelectPalette;
     dateInput: import("../components/form/DateInput/palette").TDateInputPalette;
+    warningIcon: import("../components/common/WarningIcon/palette").TWarningIconPalette;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@invoicebox/ui",
-    "version": "0.1.0-alpha.46",
+    "version": "0.1.0-alpha.48",
     "description": "Invoicebox UI",
     "license": "Apache License 2.0",
     "scripts": {