@invoicebox/ui 0.1.0-alpha.47 → 0.1.0-alpha.49

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

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Divider: FC;

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

@@ -0,0 +1,19 @@
+"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.Divider = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _palette = require("../../../palette");
+var S = _interopRequireWildcard(require("./styles"));
+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 Divider = exports.Divider = function Divider() {
+  var palette = (0, _palette.useComponentPalette)('divider');
+  return /*#__PURE__*/_react["default"].createElement(S.Divider, {
+    $palette: palette
+  });
+};

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

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

package/dist/components/common/Divider/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/Divider',
+  component: _.Divider,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

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

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

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

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

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TDividerPalette } from './palette';
+export declare const Divider: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {
+    $palette: TDividerPalette;
+}>>;

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

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Divider = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Divider = exports.Divider = _styledComponents["default"].hr.withConfig({
+  displayName: "styles__Divider",
+  componentId: "sc-13sr9hl-0"
+})(["width:100%;height:1px;border:1px solid ", ";margin:0px;box-sizing:border-box;"], function (_ref) {
+  var $palette = _ref.$palette;
+  return $palette.divider;
+});

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

@@ -1,5 +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

@@ -13,10 +13,11 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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;
-  var palette = (0, _palette.useComponentPalette)('warningIcon');
+    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: palette,
+    $palette: mergedPalette,
     $size: size
   });
 };

package/dist/index.d.ts

@@ -19,4 +19,5 @@ 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 { Divider } from './components/common/Divider';
 export { PaletteProvider } from './palette';

package/dist/index.js

@@ -21,6 +21,12 @@ Object.defineProperty(exports, "DateInput", {
     return _DateInput.DateInput;
   }
 });
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: function get() {
+    return _Divider.Divider;
+  }
+});
 Object.defineProperty(exports, "Dropdown", {
   enumerable: true,
   get: function get() {
@@ -120,4 +126,5 @@ 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 _Divider = require("./components/common/Divider");
 var _palette = require("./palette");

package/dist/palette/context.d.ts

@@ -10,6 +10,7 @@ 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';
+import { TDividerPalette } from '../components/common/Divider/palette';
 type TContext = {
     skeleton: TSkeletonPalette;
     invoiceboxSpinner: TInvoiceboxSpinnerPalette;
@@ -22,6 +23,7 @@ type TContext = {
     select: TSelectPalette;
     dateInput: TDateInputPalette;
     warningIcon: TWarningIconPalette;
+    divider: TDividerPalette;
 };
 export declare const PaletteContext: import("react").Context<TContext>;
 export {};

package/dist/palette/context.js

@@ -17,6 +17,7 @@ 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 _palette12 = require("../components/common/Divider/palette");
 var PaletteContext = exports.PaletteContext = /*#__PURE__*/(0, _react.createContext)({
   skeleton: (0, _palette.generateSkeletonPalette)(_constants.defaultAbstractPalette),
   invoiceboxSpinner: (0, _palette2.generateInvoiceboxSpinnerPalette)(_constants.defaultAbstractPalette),
@@ -28,5 +29,6 @@ var PaletteContext = exports.PaletteContext = /*#__PURE__*/(0, _react.createCont
   scrollbar: (0, _palette8.generateScrollbarPalette)(_constants.defaultAbstractPalette),
   select: (0, _palette9.generateSelectPalette)(_constants.defaultAbstractPalette),
   dateInput: (0, _palette10.generateDateInputPalette)(_constants.defaultAbstractPalette),
-  warningIcon: (0, _palette11.generateWarningIconPalette)(_constants.defaultAbstractPalette)
+  warningIcon: (0, _palette11.generateWarningIconPalette)(_constants.defaultAbstractPalette),
+  divider: (0, _palette12.generateDividerPalette)(_constants.defaultAbstractPalette)
 });

package/dist/palette/provider.js

@@ -18,6 +18,7 @@ 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 _palette12 = require("../components/common/Divider/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); }
@@ -68,7 +69,8 @@ var PaletteProvider = exports.PaletteProvider = function PaletteProvider(_ref) {
       scrollbar: (0, _palette8.generateScrollbarPalette)(mergedAbstractPalette),
       select: (0, _palette9.generateSelectPalette)(mergedAbstractPalette),
       dateInput: (0, _palette10.generateDateInputPalette)(mergedAbstractPalette),
-      warningIcon: (0, _palette11.generateWarningIconPalette)(mergedAbstractPalette)
+      warningIcon: (0, _palette11.generateWarningIconPalette)(mergedAbstractPalette),
+      divider: (0, _palette12.generateDividerPalette)(mergedAbstractPalette)
     };
   }, [mergedSkeletonPalette, mergedInvoiceboxSpinnerPalette, mergedSecondaryButtonPalette, mergedArrowPalette, mergedInputLabelPalette, mergedPureInputPalette, mergedAbstractPalette]);
   return /*#__PURE__*/_react["default"].createElement(_context.PaletteContext.Provider, {

package/dist/palette/usePalette.d.ts

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

package/package.json

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