@televet/kibble-ui 1.20.21-beta.cs2 → 1.20.21-beta.cs21

package/build/theme/tokens/space.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.space={px:"1px",.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem",2.5:"0.625rem",3:"0.75rem",3.5:"0.875rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"};
+//# sourceMappingURL=space.js.map

package/build/theme/tokens/space.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"space.js","sources":["../../../src/theme/tokens/space.ts"],"sourcesContent":["export const space: Space = {\n  px: '1px',\n  0.5: '0.125rem',\n  1: '0.25rem',\n  1.5: '0.375rem',\n  2: '0.5rem',\n  2.5: '0.625rem',\n  3: '0.75rem',\n  3.5: '0.875rem',\n  4: '1rem',\n  5: '1.25rem',\n  6: '1.5rem',\n  7: '1.75rem',\n  8: '2rem',\n  9: '2.25rem',\n  10: '2.5rem',\n  12: '3rem',\n  14: '3.5rem',\n  16: '4rem',\n  20: '5rem',\n  24: '6rem',\n  28: '7rem',\n  32: '8rem',\n  36: '9rem',\n  40: '10rem',\n  44: '11rem',\n  48: '12rem',\n  52: '13rem',\n  56: '14rem',\n  60: '15rem',\n  64: '16rem',\n  72: '18rem',\n  80: '20rem',\n  96: '24rem',\n};\n\nexport type Space = {\n  px: string;\n  0.5: string;\n  1: string;\n  1.5: string;\n  2: string;\n  2.5: string;\n  3: string;\n  3.5: string;\n  4: string;\n  5: string;\n  6: string;\n  7: string;\n  8: string;\n  9: string;\n  10: string;\n  12: string;\n  14: string;\n  16: string;\n  20: string;\n  24: string;\n  28: string;\n  32: string;\n  36: string;\n  40: string;\n  44: string;\n  48: string;\n  52: string;\n  56: string;\n  60: string;\n  64: string;\n  72: string;\n  80: string;\n  96: string;\n};\n"],"names":["px"],"mappings":"kFAA4B,CAC1BA,GAAI,MACJ,GAAK,WACL,EAAG,UACH,IAAK,WACL,EAAG,SACH,IAAK,WACL,EAAG,UACH,IAAK,WACL,EAAG,OACH,EAAG,UACH,EAAG,SACH,EAAG,UACH,EAAG,OACH,EAAG,UACH,GAAI,SACJ,GAAI,OACJ,GAAI,SACJ,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI"}

package/build/theme/tokens/theme/tokens/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../blur.js"),s=require("../../borders.js"),r=require("../../colors/color.record.js"),o=require("../../fonts.js"),i=require("../../fontSizes.js"),t=require("../../fontWeights.js"),n=require("../../letterSpacings.js"),p=require("../../lineHeights.js"),a=require("../../radii.js"),c=require("../../shadows/shadows.config.js"),l=require("../../sizes.js"),u=require("../../space.js"),d=require("../../transition.js"),x=require("../../zIndeces.js");exports.blur=e.blur,exports.borders=s.borders,exports.adaptiveColors=r.adaptiveColors,exports.colors=r.colors,exports.coreColors=r.coreColors,exports.semanticColors=r.semanticColors,exports.fonts=o.fonts,exports.fontSizes=i.fontSizes,exports.fontWeights=t.fontWeights,exports.letterSpacings=n.letterSpacings,exports.lineHeights=p.lineHeights,exports.radii=a.radii,exports.shadows=c.shadows,exports.sizes=l.sizes,exports.space=u.space,exports.transition=d.transition,exports.zIndices=x.zIndices;
+//# sourceMappingURL=index.js.map

package/build/theme/tokens/theme/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/theme/tokens/transition.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o={property:{common:"background-color, border-color, color, fill, stroke, opacity, box-shadow, transform",colors:"background-color, border-color, color, fill, stroke",dimensions:"width, height",position:"left, right, top, bottom",background:"background-color, background-image, background-position"},easing:{"ease-in":"cubic-bezier(0.4, 0, 1, 1)","ease-out":"cubic-bezier(0, 0, 0.2, 1)","ease-in-out":"cubic-bezier(0.4, 0, 0.2, 1)"},duration:{"ultra-fast":"50ms",faster:"100ms",fast:"150ms",normal:"200ms",slow:"300ms",slower:"400ms","ultra-slow":"500ms"}};exports.transition=o;
+//# sourceMappingURL=transition.js.map

package/build/theme/tokens/transition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.js","sources":["../../../src/theme/tokens/transition.ts"],"sourcesContent":["const transitionProperty: TransitionProperty = {\n  common: 'background-color, border-color, color, fill, stroke, opacity, box-shadow, transform',\n  colors: 'background-color, border-color, color, fill, stroke',\n  dimensions: 'width, height',\n  position: 'left, right, top, bottom',\n  background: 'background-color, background-image, background-position',\n};\n\ninterface TransitionProperty {\n  common: string;\n  colors: string;\n  dimensions: string;\n  position: string;\n  background: string;\n}\n\nconst transitionTimingFunction: TransitionTimingFunction = {\n  'ease-in': 'cubic-bezier(0.4, 0, 1, 1)',\n  'ease-out': 'cubic-bezier(0, 0, 0.2, 1)',\n  'ease-in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',\n};\n\ninterface TransitionTimingFunction {\n  'ease-in': string;\n  'ease-out': string;\n  'ease-in-out': string;\n}\n\nconst transitionDuration: TransitionDuration = {\n  'ultra-fast': '50ms',\n  faster: '100ms',\n  fast: '150ms',\n  normal: '200ms',\n  slow: '300ms',\n  slower: '400ms',\n  'ultra-slow': '500ms',\n};\n\ninterface TransitionDuration {\n  'ultra-fast': string;\n  faster: string;\n  fast: string;\n  normal: string;\n  slow: string;\n  slower: string;\n  'ultra-slow': string;\n}\n\nexport const transition: Transition = {\n  property: transitionProperty,\n  easing: transitionTimingFunction,\n  duration: transitionDuration,\n};\n\nexport type Transition = {\n  property: TransitionProperty;\n  easing: TransitionTimingFunction;\n  duration: TransitionDuration;\n};\n"],"names":["transition","property","common","colors","dimensions","position","background","easing","duration","faster","fast","normal","slow","slower"],"mappings":"oEAAA,IAgDaA,EAAyB,CACpCC,SAjD6C,CAC7CC,OAAQ,sFACRC,OAAQ,sDACRC,WAAY,gBACZC,SAAU,2BACVC,WAAY,2DA6CZC,OAlCyD,CACzD,UAAW,6BACX,WAAY,6BACZ,cAAe,gCAgCfC,SAvB6C,CAC7C,aAAc,OACdC,OAAQ,QACRC,KAAM,QACNC,OAAQ,QACRC,KAAM,QACNC,OAAQ,QACR,aAAc"}

package/build/theme/tokens/zIndeces.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.zIndices={hide:-1,auto:"auto",base:0,docked:10,dropdown:1e3,sticky:1100,banner:1200,overlay:1300,modal:1400,popover:1500,skipLink:1600,toast:1700,tooltip:1800,tooltipExtra:1e4};
+//# sourceMappingURL=zIndeces.js.map

package/build/theme/tokens/zIndeces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zIndeces.js","sources":["../../../src/theme/tokens/zIndeces.ts"],"sourcesContent":["export const zIndices: ZIndices = {\n  hide: -1,\n  auto: 'auto',\n  base: 0,\n  docked: 10,\n  dropdown: 1000,\n  sticky: 1100,\n  banner: 1200,\n  overlay: 1300,\n  modal: 1400,\n  popover: 1500,\n  skipLink: 1600,\n  toast: 1700,\n  tooltip: 1800,\n  tooltipExtra: 10000,\n};\n\nexport type ZIndices = {\n  hide: number;\n  auto: string;\n  base: number;\n  docked: number;\n  dropdown: number;\n  sticky: number;\n  banner: number;\n  overlay: number;\n  modal: number;\n  popover: number;\n  skipLink: number;\n  toast: number;\n  tooltip: number;\n  tooltipExtra: number;\n};\n"],"names":["hide","auto","base","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","tooltipExtra"],"mappings":"qFAAkC,CAChCA,MAAO,EACPC,KAAM,OACNC,KAAM,EACNC,OAAQ,GACRC,SAAU,IACVC,OAAQ,KACRC,OAAQ,KACRC,QAAS,KACTC,MAAO,KACPC,QAAS,KACTC,SAAU,KACVC,MAAO,KACPC,QAAS,KACTC,aAAc"}

package/build/utils/colors.js

@@ -0,0 +1,2 @@
+"use strict";function r(r){var e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);return e?{r:parseInt(e[1],16),g:parseInt(e[2],16),b:parseInt(e[3],16)}:null}function e(r){return!!r.match(/^rgb/)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.hexToRgb=r,exports.isDark=function(t){if(!t)return!1;if("transparent"===t)return!1;var a,n,s;if(e(t)){var u=t.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/);u&&(a=u[1],n=u[2],s=u[3])}else{var i=r(t);i&&(a=i.r,n=i.g,s=i.b)}return Math.sqrt(a*a*.299+n*n*.587+s*s*.114)<174},exports.isRGB=e;
+//# sourceMappingURL=colors.js.map

package/build/utils/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sources":["../../src/utils/colors.ts"],"sourcesContent":["export function hexToRgb(hex: string): { r: number; g: number; b: number } | null {\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n  return result\n    ? {\n        r: parseInt(result[1], 16),\n        g: parseInt(result[2], 16),\n        b: parseInt(result[3], 16),\n      }\n    : null;\n}\n\nexport function isRGB(color: string): boolean {\n  return !!color.match(/^rgb/);\n}\n\nexport function isDark(color: string): boolean {\n  if (!color) return false;\n  if (color === 'transparent') return false;\n\n  let r, g, b, hsp;\n\n  if (isRGB(color)) {\n    let m = color.match(/^rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)(?:,\\s*(\\d+(?:\\.\\d+)?))?\\)$/);\n\n    if (m) {\n      r = m[1];\n      g = m[2];\n      b = m[3];\n    }\n  } else {\n    let rgb = hexToRgb(color);\n\n    if (rgb) {\n      r = rgb.r;\n      g = rgb.g;\n      b = rgb.b;\n    }\n  }\n\n  // HSP (Highly Sensitive Poo) equation from http://alienryderflex.com/hsp.html\n  // @ts-ignore\n  hsp = Math.sqrt(0.299 * (r * r) + 0.587 * (g * g) + 0.114 * (b * b));\n\n  // Using the HSP value, determine whether the color is light or dark\n  return hsp < 174;\n}\n"],"names":["hexToRgb","hex","result","exec","r","parseInt","g","b","isRGB","color","match","m","rgb","Math","sqrt"],"mappings":"aAAM,SAAUA,EAASC,GACvB,IAAMC,EAAS,4CAA4CC,KAAKF,GAChE,OAAOC,EACH,CACEE,EAAGC,SAASH,EAAO,GAAI,IACvBI,EAAGD,SAASH,EAAO,GAAI,IACvBK,EAAGF,SAASH,EAAO,GAAI,KAEzB,KAGA,SAAUM,EAAMC,GACpB,QAASA,EAAMC,MAAM,iGAGjB,SAAiBD,GACrB,IAAKA,EAAO,OAAO,EACnB,GAAc,gBAAVA,EAAyB,OAAO,EAEpC,IAAIL,EAAGE,EAAGC,EAEV,GAAIC,EAAMC,GAAQ,CAChB,IAAIE,EAAIF,EAAMC,MAAM,8DAEhBC,IACFP,EAAIO,EAAE,GACNL,EAAIK,EAAE,GACNJ,EAAII,EAAE,QAEH,CACL,IAAIC,EAAMZ,EAASS,GAEfG,IACFR,EAAIQ,EAAIR,EACRE,EAAIM,EAAIN,EACRC,EAAIK,EAAIL,GASZ,OAHMM,KAAKC,KAAcV,EAAIA,EAAb,KAA2BE,EAAIA,EAAb,KAA2BC,EAAIA,EAAb,MAGvC"}

package/build/utils/placement.d.ts

@@ -1,3 +1,3 @@
-import { Placement, PlacementWithLogical } from '@chakra-ui/react';
+import { Placement, PlacementWithLogical } from '@chakra-ui/popper';
 export declare const placementOptions: Placement[];
 export declare const placementOptionsWithLogical: PlacementWithLogical[];

package/build/utils/sizes.d.ts

@@ -1,3 +1,3 @@
-import { AvatarSize } from 'components/MediaAndIcons/Avatar/avatar.types';
-import { IconsSize } from 'components/MediaAndIcons/Icon/icon.types';
+import { AvatarSize } from 'components/Avatar/avatar.types';
+import { IconsSize } from 'components/Icon/icon.types';
 export declare const getNextIconSize: (size: IconsSize | AvatarSize, larger?: boolean, count?: number) => IconsSize;

package/build/utils/sizes.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=function(s,a,r){var l;switch(void 0===a&&(a=!0),void 0===r&&(r=1),s){case"xs":l=a?"sm":"xs";break;case"sm":l=a?"md":"xs";break;case"md":l=a?"lg":"sm";break;case"lg":l=a?"xl":"md";break;case"xl":l=a?"2xl":"lg";break;case"2xl":l=a?"2xl":"xl";break;default:l=s}return r>1&&(l=e(l,a,r-1)),l};exports.getNextIconSize=e;
+//# sourceMappingURL=sizes.js.map

package/build/utils/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sources":["../../src/utils/sizes.ts"],"sourcesContent":["import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconsSize } from 'components/Icon/icon.types';\n\nexport const getNextIconSize = (size: IconsSize | AvatarSize, larger = true, count = 1): IconsSize => {\n  let nextSize: IconsSize;\n  switch (size) {\n    case 'xs':\n      nextSize = larger ? 'sm' : 'xs';\n      break;\n    case 'sm':\n      nextSize = larger ? 'md' : 'xs';\n      break;\n    case 'md':\n      nextSize = larger ? 'lg' : 'sm';\n      break;\n    case 'lg':\n      nextSize = larger ? 'xl' : 'md';\n      break;\n    case 'xl':\n      nextSize = larger ? '2xl' : 'lg';\n      break;\n    case '2xl':\n      nextSize = larger ? '2xl' : 'xl';\n      break;\n    default:\n      nextSize = size as IconsSize;\n      break;\n  }\n\n  if (count > 1) {\n    nextSize = getNextIconSize(nextSize, larger, count - 1);\n  }\n\n  return nextSize;\n};\n"],"names":["getNextIconSize","size","larger","count","nextSize"],"mappings":"wEAGaA,EAAkB,SAACC,EAA8BC,EAAeC,GAC3E,IAAIC,EACJ,YAF4D,IAAAF,IAAAA,GAAa,QAAE,IAAAC,IAAAA,EAAS,GAE5EF,GACN,IAAK,KACHG,EAAWF,EAAS,KAAO,KAC3B,MACF,IAAK,KACHE,EAAWF,EAAS,KAAO,KAC3B,MACF,IAAK,KACHE,EAAWF,EAAS,KAAO,KAC3B,MACF,IAAK,KACHE,EAAWF,EAAS,KAAO,KAC3B,MACF,IAAK,KACHE,EAAWF,EAAS,MAAQ,KAC5B,MACF,IAAK,MACHE,EAAWF,EAAS,MAAQ,KAC5B,MACF,QACEE,EAAWH,EAQf,OAJIE,EAAQ,IACVC,EAAWJ,EAAgBI,EAAUF,EAAQC,EAAQ,IAGhDC"}

package/build/utils/strings.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.camelCaseToLabel=function(e){return e.replace(/([A-Z])/g," $1").replace(/^\w/,(function(e){return e.toUpperCase()}))},exports.toTitleCase=function(e){var r=/^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|v.?|vs.?|via)$/i,t=/([A-Za-z0-9\u00C0-\u00FF])/;return e.split(/([ :–—-])/).map((function(e,n,o){return e.search(r)>-1&&0!==n&&n!==o.length-1&&":"!==o[n-3]&&":"!==o[n+1]&&("-"!==o[n+1]||"-"===o[n-1]&&"-"===o[n+1])?e.toLowerCase():e.substring(1).search(/[A-Z]|\../)>-1||":"===o[n+1]&&""!==o[n+2]?e:e.replace(t,(function(e){return e.toUpperCase()}))})).join("")};
+//# sourceMappingURL=strings.js.map

package/build/utils/strings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"strings.js","sources":["../../src/utils/strings.ts"],"sourcesContent":["export const camelCaseToLabel = (s: string): string =>\n  s.replace(/([A-Z])/g, ' $1').replace(/^\\w/, (c) => c.toUpperCase());\n\nexport const toTitleCase = (s: string): string => {\n  const smallWords = /^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|v.?|vs.?|via)$/i;\n  const alphanumericPattern = /([A-Za-z0-9\\u00C0-\\u00FF])/;\n  const wordSeparators = /([ :–—-])/;\n\n  return s\n    .split(wordSeparators)\n    .map(function (current, index, array) {\n      if (\n        /* Check for small words */\n        current.search(smallWords) > -1 &&\n        /* Skip first and last word */\n        index !== 0 &&\n        index !== array.length - 1 &&\n        /* Ignore title end and subtitle start */\n        array[index - 3] !== ':' &&\n        array[index + 1] !== ':' &&\n        /* Ignore small words that start a hyphenated phrase */\n        (array[index + 1] !== '-' || (array[index - 1] === '-' && array[index + 1] === '-'))\n      ) {\n        return current.toLowerCase();\n      }\n\n      /* Ignore intentional capitalization */\n      if (current.substring(1).search(/[A-Z]|\\../) > -1) {\n        return current;\n      }\n\n      /* Ignore URLs */\n      if (array[index + 1] === ':' && array[index + 2] !== '') {\n        return current;\n      }\n\n      /* Capitalize the first letter */\n      return current.replace(alphanumericPattern, (match) => match.toUpperCase());\n    })\n    .join('');\n};\n"],"names":["s","replace","c","toUpperCase","smallWords","alphanumericPattern","split","map","current","index","array","search","length","toLowerCase","substring","match","join"],"mappings":"6FAAgC,SAACA,GAC/B,OAAAA,EAAEC,QAAQ,WAAY,OAAOA,QAAQ,OAAO,SAACC,GAAM,OAAAA,EAAEC,sCAE5B,SAACH,GAC1B,IAAMI,EAAa,+EACbC,EAAsB,6BAG5B,OAAOL,EACJM,MAHoB,aAIpBC,KAAI,SAAUC,EAASC,EAAOC,GAC7B,OAEEF,EAAQG,OAAOP,IAAe,GAEpB,IAAVK,GACAA,IAAUC,EAAME,OAAS,GAEJ,MAArBF,EAAMD,EAAQ,IACO,MAArBC,EAAMD,EAAQ,KAEQ,MAArBC,EAAMD,EAAQ,IAAoC,MAArBC,EAAMD,EAAQ,IAAmC,MAArBC,EAAMD,EAAQ,IAEjED,EAAQK,cAIbL,EAAQM,UAAU,GAAGH,OAAO,cAAgB,GAKvB,MAArBD,EAAMD,EAAQ,IAAmC,KAArBC,EAAMD,EAAQ,GAJrCD,EASFA,EAAQP,QAAQI,GAAqB,SAACU,GAAU,OAAAA,EAAMZ,oBAE9Da,KAAK"}

package/build/utils/utils/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../colors.js"),s=require("../strings.js"),r=require("../sizes.js");exports.hexToRgb=e.hexToRgb,exports.isDark=e.isDark,exports.isRGB=e.isRGB,exports.camelCaseToLabel=s.camelCaseToLabel,exports.toTitleCase=s.toTitleCase,exports.getNextIconSize=r.getNextIconSize;
+//# sourceMappingURL=index.js.map

package/build/utils/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@televet/kibble-ui",
-  "version": "1.20.21-beta.cs2",
+  "version": "1.20.21-beta.cs21",
   "description": "Kibble Design System by Televet",
   "author": "TeleVet",
   "main": "build/index.js",
@@ -8,6 +8,16 @@
   "files": [
     "build"
   ],
+  "exports": {
+    "./*": "./build/*"
+  },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "build/*"
+      ]
+    }
+  },
   "scripts": {
     "test": "react-scripts test",
     "eject": "react-scripts eject",
@@ -128,7 +138,6 @@
     "@dnd-kit/core": "^6.0.7",
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
-    "@rollup/plugin-multi-entry": "^6.0.0",
     "@televet/kibble-icons": "^0.4.1",
     "date-fns": "^2.29.3",
     "focus-visible": "^5.2.0"

package/build/components/DataDisplay/NotificationCounter/notificationCounter.component.d.ts

@@ -1,10 +0,0 @@
-import { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';
-import { FlexProps } from '@chakra-ui/react';
-export interface NotificationCounterProps extends FlexProps {
-    count?: number;
-    size?: NotificationCounterSize;
-    showCount?: boolean;
-    variant?: NotificationCounterVariant;
-}
-declare const NotificationCounter: ({ count, size, showCount, variant, ...rest }: NotificationCounterProps) => JSX.Element;
-export default NotificationCounter;

package/build/components/DataDisplay/Table/index.d.ts

@@ -1 +0,0 @@
-export { Table, Thead, Tbody, Tfoot, Tr, Th, Td, TableCaption, TableContainer } from '@chakra-ui/react';

package/build/components/DataDisplay/Tag/tag.component.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { TagProps as CTagProps } from '@chakra-ui/react';
-import { TagSize } from './tag.types';
-export interface TagProps extends CTagProps {
-    leftElement?: JSX.Element;
-    rightElement?: JSX.Element;
-    label: string;
-    showCloseButton?: boolean;
-    size?: TagSize;
-    onClose?: React.MouseEventHandler<HTMLButtonElement>;
-    fontWeight?: 'regular' | 'semibold';
-}
-declare const Tag: ({ leftElement, rightElement, label, showCloseButton, onClose, fontWeight, size, ...rest }: TagProps) => JSX.Element;
-export default Tag;

package/build/components/DataDisplay/Tag/tag.config.d.ts

@@ -1,2 +0,0 @@
-import { ComponentStyleConfig } from '@chakra-ui/react';
-export declare const TagConfig: ComponentStyleConfig;

package/build/components/DataDisplay/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Table';
-export * from './Tag';
-export * from './NotificationCounter';

package/build/components/Disclosure/Tabs/components/Tab/tab.component.d.ts

@@ -1,14 +0,0 @@
-import { TabProps as CTabProps } from '@chakra-ui/react';
-import { NotificationCounterVariant } from 'components/DataDisplay/NotificationCounter/notificationCounter.types';
-import { TabSize } from './tab.types';
-import { IconName } from 'components/MediaAndIcons/Icon/icon.types';
-export interface TabProps extends CTabProps {
-    iconName?: IconName;
-    label: string;
-    showNotificationCounter?: boolean;
-    notificationCount?: number;
-    notificationCounterVariant?: NotificationCounterVariant;
-    size?: TabSize;
-}
-declare const Tab: ({ iconName, label, showNotificationCounter, notificationCount, notificationCounterVariant, size, ...rest }: TabProps) => JSX.Element;
-export default Tab;

package/build/components/Disclosure/Tabs/components/Tab/tab.records.d.ts

@@ -1,3 +0,0 @@
-import { NotificationCounterSize } from 'components/DataDisplay/NotificationCounter/notificationCounter.types';
-import { TabSize } from './tab.types';
-export declare const notificationCounterSize: Record<TabSize, NotificationCounterSize>;

package/build/components/Disclosure/Tabs/index.d.ts

@@ -1,3 +0,0 @@
-import Tabs from './tabs.component';
-export default Tabs;
-export { Tabs as CTabs, TabList, TabPanel, TabPanels } from '@chakra-ui/react';

package/build/components/Disclosure/Tabs/tabs.component.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { StyleProps } from '@chakra-ui/react';
-import { Alignment, Dict } from 'shared/types';
-import { TabProps } from './components/Tab/tab.component';
-import { TabSize } from './components/Tab/tab.types';
-export interface TabsProps extends StyleProps {
-    size?: TabSize;
-    tabList: TabProps[];
-    tabPanels?: JSX.Element[];
-    tabPanelsStyle?: Dict;
-    isFitted?: boolean;
-    align?: Alignment;
-    defaultIndex?: number;
-    isLazy?: boolean;
-    isManual?: boolean;
-    index?: number;
-    onChange?: (index: number) => void;
-}
-declare const Tabs: ({ size, tabList, tabPanels, tabPanelsStyle, ...rest }: TabsProps) => JSX.Element;
-export default Tabs;

package/build/components/Disclosure/Tabs/tabs.config.d.ts

@@ -1,2 +0,0 @@
-import { ComponentStyleConfig } from '@chakra-ui/react';
-export declare const TabsConfig: ComponentStyleConfig;

package/build/components/Disclosure/index.d.ts

@@ -1 +0,0 @@
-export * from './Tabs';

package/build/components/Draggable/SortableList/components/DragHandle/dragHandle.component.d.ts

@@ -1,3 +0,0 @@
-import { ButtonProps } from 'components/Forms/Button/button.component';
-declare const DragHandle: ({ ...rest }: ButtonProps) => JSX.Element;
-export default DragHandle;

package/build/components/Draggable/index.d.ts

@@ -1 +0,0 @@
-export * from './SortableList';

package/build/components/Feedback/Alert/alert.component.d.ts

@@ -1,23 +0,0 @@
-import React, { ReactNode } from 'react';
-import { AlertProps as CAlertProps } from '@chakra-ui/react';
-import { IconProps } from 'components/MediaAndIcons/Icon/icon.component';
-import { AlertVariant } from './alert.types';
-import { TextProps } from 'components/Typography/Text/text.component';
-import { Status } from '../feedback.types';
-import { HeadingProps } from '../../Typography/Heading/heading.component';
-import { AlertButtonProps } from './components/alertButton.component';
-export interface AlertProps extends Omit<CAlertProps, 'title'> {
-    buttonProps?: AlertButtonProps;
-    children?: ReactNode;
-    description?: string | ReactNode;
-    descriptionProps?: TextProps;
-    iconProps?: IconProps;
-    onClose?: React.MouseEventHandler<HTMLButtonElement>;
-    hideCloseButton?: boolean;
-    hideIcon?: boolean;
-    status?: AlertVariant | Status;
-    title?: string | ReactNode;
-    titleProps?: HeadingProps;
-}
-declare const Alert: ({ buttonProps, children, description, descriptionProps, iconProps, onClose, hideCloseButton, hideIcon, status, title, titleProps, ...rest }: AlertProps) => JSX.Element;
-export default Alert;

package/build/components/Feedback/Alert/alert.config.d.ts

@@ -1,2 +0,0 @@
-import { ComponentStyleConfig } from '@chakra-ui/react';
-export declare const AlertConfig: ComponentStyleConfig;

package/build/components/Feedback/Alert/alert.types.d.ts

@@ -1,13 +0,0 @@
-export declare enum AlertVariant {
-    Error = "error",
-    Warning = "warning",
-    Success = "success",
-    Info = "info"
-}
-export declare enum AlertStatusIcon {
-    error = "warningSign",
-    warning = "warningSign",
-    success = "checkmark",
-    info = "infoCircleOutlined"
-}
-export declare type AlertButtonAlignment = 'right' | 'bottom';

package/build/components/Feedback/Alert/components/alertButton.component.d.ts

@@ -1,8 +0,0 @@
-import { ButtonProps } from 'components/Forms/Button/button.component';
-export interface AlertButtonProps extends ButtonProps {
-    buttonPosition?: 'topRight' | 'bottomLeft';
-    buttonText: string;
-    hasDescription?: boolean;
-}
-declare const AlertButton: (buttonProps: AlertButtonProps) => JSX.Element;
-export default AlertButton;

package/build/components/Feedback/Alert/components/alertDescription.component.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-import { TextProps } from 'components/Typography/Text/text.component';
-export interface AlertDescriptionProps {
-    description?: string | ReactNode;
-    descriptionProps?: TextProps;
-}
-declare const AlertDescription: (props: AlertDescriptionProps) => JSX.Element;
-export default AlertDescription;

package/build/components/Feedback/Alert/components/alertIcon.component.d.ts

@@ -1,9 +0,0 @@
-import { IconProps } from 'components/MediaAndIcons/Icon/icon.component';
-import { AlertVariant } from '../alert.types';
-import { Status } from '../../feedback.types';
-export interface AlertIconProps {
-    iconProps?: IconProps;
-    status: AlertVariant | Status;
-}
-declare const AlertIcon: (props: AlertIconProps) => JSX.Element;
-export default AlertIcon;

package/build/components/Feedback/Alert/components/alertTitle.component.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-import { HeadingProps } from 'components/Typography/Heading/heading.component';
-export interface AlertTitleProps {
-    title?: string | ReactNode;
-    titleProps?: HeadingProps;
-}
-export declare const AlertTitle: (props: AlertTitleProps) => JSX.Element;
-export default AlertTitle;

package/build/components/Feedback/Alert/index.d.ts

@@ -1,3 +0,0 @@
-import Alert from './alert.component';
-export default Alert;
-export { Alert as CAlert } from '@chakra-ui/react';

package/build/components/Feedback/Toast/useToast.d.ts

@@ -1,47 +0,0 @@
-import * as React from 'react';
-import { CloseAllToastsOptions, ToastOptions, ToastPositionWithLogical } from '@chakra-ui/react';
-import { ToastId } from '@chakra-ui/toast/dist/declarations/src/toast.types';
-import { AlertProps } from '../Alert/alert.component';
-interface Toaster {
-    (options?: UseToastOptions | undefined): string | number | undefined;
-    close: (id: React.ReactText) => void;
-    closeAll: (options?: CloseAllToastsOptions | undefined) => void;
-    update(id: ToastId, options: Omit<UseToastOptions, 'id'>): void;
-    isActive: (id: React.ReactText) => boolean | undefined;
-}
-export interface UseToastOptions extends Omit<AlertProps, 'id' | 'position'> {
-    /**
-     * The placement of the toast
-     *
-     * @default "top"
-     */
-    position?: ToastPositionWithLogical;
-    /**
-     * The delay before the toast hides (in milliseconds)
-     * If set to `null`, toast will never dismiss.
-     *
-     * @default 5000 ( = 5000ms )
-     */
-    duration?: ToastOptions['duration'];
-    /**
-     * The `id` of the toast.
-     *
-     * Mostly used when you need to prevent duplicate.
-     * By default, we generate a unique `id` for each toast
-     */
-    id?: ToastId;
-    /**
-     * Callback function to run side effects after the toast has closed.
-     */
-    onCloseComplete?: () => void;
-    /**
-     * Optional style overrides for the container wrapping the toast component.
-     */
-    containerStyle?: React.CSSProperties;
-}
-/**
- * React hook used to create a function that can be used
- * to show toasts in an application.
- */
-declare const useToast: (options?: UseToastOptions | undefined) => Toaster;
-export default useToast;

package/build/components/Feedback/feedback.model.d.ts

@@ -1,5 +0,0 @@
-import { IconColor } from 'components/MediaAndIcons/Icon/icon.types';
-import { Status } from './feedback.types';
-export declare const LightStatusVariantMap: Record<Status, string>;
-export declare const DarkStatusVariantMap: Record<Status, string>;
-export declare const AlertIconColorMap: Record<Status, IconColor>;

package/build/components/Feedback/feedback.types.d.ts

@@ -1 +0,0 @@
-export declare type Status = 'info' | 'success' | 'warning' | 'error';

package/build/components/Feedback/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Alert';
-export * from './Toast';
-export * from './Spinner';

package/build/components/Forms/Button/button.component.d.ts

@@ -1,15 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ButtonProps as CButtonProps } from '@chakra-ui/react';
-import { IconsSize, IconName } from 'components/MediaAndIcons/Icon/icon.types';
-import { ButtonIconPosition, ButtonSizeType, ButtonVariantType } from './button.types';
-export interface ButtonProps extends CButtonProps {
-    children?: ReactNode;
-    variant?: ButtonVariantType;
-    size?: ButtonSizeType;
-    iconName?: IconName;
-    iconSize?: IconsSize;
-    iconPosition?: ButtonIconPosition;
-    darkMode?: boolean;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default Button;

package/build/components/Forms/Button/button.types.d.ts

@@ -1,9 +0,0 @@
-import { AdaptiveColorMap } from '../../../theme/tokens';
-export interface ButtonVariantConfigType extends AdaptiveColorMap<ButtonColorOptionsType> {
-    variant: 'solid' | 'outline' | 'ghost';
-}
-export declare type ButtonVariantType = 'primary' | 'primaryDestructive' | 'secondary' | 'secondaryDestructive' | 'secondarySubtle' | 'secondarySubtleDestructive' | 'tertiary' | 'tertiaryDestructive' | 'ghost' | 'ghostNeutral' | 'ghostDestructive';
-export declare type ButtonColorOptionsType = 'content' | 'default' | 'hover' | 'active' | 'border';
-export declare type ButtonSizeType = 'xs' | 'sm' | 'md' | 'lg';
-export declare type ButtonIconPosition = 'left' | 'right' | 'top';
-export declare type ButtonStyleType = Record<ButtonVariantType, ButtonVariantConfigType>;

package/build/components/Forms/Checkbox/checkbox.component.d.ts

@@ -1,8 +0,0 @@
-import { CheckboxProps as CCheckboxProps } from '@chakra-ui/react';
-import { CheckboxSize, CheckboxVariant } from './checkbox.types';
-export interface CheckboxProps extends CCheckboxProps {
-    size?: CheckboxSize;
-    variant?: CheckboxVariant;
-}
-declare const Checkbox: ({ children, size, variant, m, mb, mt, mr, ml, ...rest }: CheckboxProps) => JSX.Element;
-export default Checkbox;

package/build/components/Forms/Checkbox/checkbox.config.d.ts

@@ -1,2 +0,0 @@
-import { ComponentStyleConfig } from '@chakra-ui/react';
-export declare const CheckboxConfig: ComponentStyleConfig;

package/build/components/Forms/Checkbox/components/CheckboxGroup/checkboxGroup.component.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { CheckboxGroupProps as CCheckboxGroupProps, SystemProps } from '@chakra-ui/react';
-import { WithFormControlProps } from 'components/Forms/FormControl/formControl.component';
-import { FlexDirection } from 'shared/types';
-import { CheckboxProps } from '../../checkbox.component';
-import { CheckboxSize, CheckboxVariant } from '../../checkbox.types';
-export interface CheckboxGroupProps extends WithFormControlProps, CCheckboxGroupProps {
-    size?: CheckboxSize;
-    checkboxes: CheckboxProps[];
-    direction?: FlexDirection;
-    spacing?: SystemProps['margin'];
-    isFieldInline?: boolean;
-    variant?: CheckboxVariant;
-}
-declare const _default: React.FC<CheckboxGroupProps>;
-export default _default;

package/build/components/Forms/Checkbox/index.d.ts

@@ -1,3 +0,0 @@
-import Checkbox from './checkbox.component';
-export default Checkbox;
-export { CheckboxGroup as CCheckboxGroup, useCheckbox, useCheckboxGroup } from '@chakra-ui/react';

package/build/components/Forms/DatePicker/datepicker.component.d.ts

@@ -1,22 +0,0 @@
-import { PlacementWithLogical } from '@chakra-ui/react';
-import { TextInputProps } from '../TextInput/textInput.component';
-import { DateFormats } from './datepicker.types';
-export interface DatePickerProps {
-    date: Date | null;
-    onDateChange?: (date: Date | null) => void;
-    dateFormat?: string | DateFormats;
-    inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;
-    placement?: PlacementWithLogical;
-    minYear?: number;
-    maxYear?: number;
-}
-/**
- * A simple date picker component.
- *
- * Note: Be careful with dateFormat and allowing search (inputProps.IsReadOnly = false) as changing the format
- * can cause exceptions to be thrown.
- *
- * More dateFormat info: https://github.com/date-fns/date-fns/blob/main/docs/unicodeTokens.md
- */
-declare const DatePicker: ({ date, onDateChange, inputProps, placement, dateFormat, minYear, maxYear, }: DatePickerProps) => JSX.Element;
-export default DatePicker;

package/build/components/Forms/DatePicker/datepicker.records.d.ts

@@ -1,7 +0,0 @@
-import { IconsSize } from 'components/MediaAndIcons/Icon/icon.types';
-import { FormControlSize } from '../FormControl/formControl.types';
-export declare const IconSizeMap: Record<FormControlSize, IconsSize>;
-export declare const months: {
-    label: string;
-    value: string;
-}[];

package/build/components/Forms/FormControl/formControl.component.d.ts

@@ -1,23 +0,0 @@
-import React, { ReactNode } from 'react';
-import { Dict } from 'shared/types';
-import { FormControlSize, HelperTextAlignment } from './formControl.types';
-import { IconColor } from 'components/MediaAndIcons/Icon/icon.types';
-export interface WithFormControlProps {
-    errorText?: string;
-    helperText?: string;
-    isDisabled?: boolean;
-    isFieldInline?: boolean;
-    isInvalid?: boolean;
-    isReadOnly?: boolean;
-    isRequired?: boolean;
-    label?: string | ReactNode;
-    labelStyle?: Dict;
-    formControlStyle?: Dict;
-    helperTextAlignment?: HelperTextAlignment;
-    size?: FormControlSize;
-    useInvalidIcon?: boolean;
-    useInvalidText?: boolean;
-    useInvalidBorder?: boolean;
-    invalidIconColor?: IconColor;
-}
-export declare function withFormControl<P extends WithFormControlProps>(Component: React.ComponentType<P>): React.FC<P>;

package/build/components/Forms/FormControl/formControl.config.d.ts

@@ -1,2 +0,0 @@
-import { ComponentStyleConfig } from '@chakra-ui/react';
-export declare const FormControlConfig: ComponentStyleConfig;

package/build/components/Forms/Radio/components/RadioGroup/radioGroup.component.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { RadioGroupProps as CRadioGroupProps, SystemProps } from '@chakra-ui/react';
-import { WithFormControlProps } from 'components/Forms/FormControl/formControl.component';
-import { FlexDirection } from 'shared/types';
-import { RadioProps } from '../../radio.component';
-import { RadioSize } from '../../radio.types';
-export interface RadioGroupProps extends WithFormControlProps, Omit<CRadioGroupProps, 'children'> {
-    size?: RadioSize;
-    radios: RadioProps[];
-    direction?: FlexDirection;
-    spacing?: SystemProps['margin'];
-    isFieldInline?: boolean;
-}
-declare const _default: React.FC<RadioGroupProps>;
-export default _default;

package/build/components/Forms/Radio/index.d.ts

@@ -1,3 +0,0 @@
-import RadioGroup from './radio.component';
-export default RadioGroup;
-export { RadioGroup as CRadioGroup, useRadio, useRadioGroup } from '@chakra-ui/react';

package/build/components/Forms/Radio/radio.component.d.ts

@@ -1,8 +0,0 @@
-import { RadioProps as CRadioProps } from '@chakra-ui/react';
-import { RadioSize } from './radio.types';
-export interface RadioProps extends CRadioProps {
-    size?: RadioSize;
-    isFieldInline?: boolean;
-}
-declare const Radio: ({ children, size, isFieldInline, ...rest }: RadioProps) => JSX.Element;
-export default Radio;

package/build/components/Forms/Radio/radio.config.d.ts

@@ -1,2 +0,0 @@
-import { ComponentStyleConfig } from '@chakra-ui/react';
-export declare const RadioConfig: ComponentStyleConfig;

package/build/components/Forms/RatingDots/components/RatingDot/index.d.ts

@@ -1,2 +0,0 @@
-import RatingDot from './ratingDot.component';
-export default RatingDot;

package/build/components/Forms/Select/components/SelectContainer/selectContainer.component.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-import { SelectOptionProps } from 'components/Forms/Select/select.types';
-export interface SelectContainerProps {
-    selectedOption: SelectOptionProps;
-    defaultLeftElement: ReactNode;
-    shouldTruncateText?: boolean;
-}
-declare const SelectContainer: ({ selectedOption, defaultLeftElement, shouldTruncateText, }: SelectContainerProps) => JSX.Element;
-export default SelectContainer;

package/build/components/Forms/Select/components/SelectList/selectList.component.d.ts

@@ -1,7 +0,0 @@
-import { MenuListProps } from 'components/Overlay/Menu/components/MenuList/menuList.component';
-import { SelectOptionProps } from 'components/Forms/Select/select.types';
-export interface SelectListProps extends Omit<MenuListProps, 'canSelectAll' | 'canSelectGroups' | 'isMultiSelect' | 'onSelectAll' | 'menuItems'> {
-    options?: SelectOptionProps[];
-}
-declare const SelectList: (props: SelectListProps) => JSX.Element;
-export default SelectList;

package/build/components/Forms/Select/select.component.d.ts

@@ -1,27 +0,0 @@
-import React, { ChangeEvent, ReactNode } from 'react';
-import { SelectProps as CSelectProps } from '@chakra-ui/react';
-import { WithFormControlProps } from '../FormControl/formControl.component';
-import { SelectOptionProps } from 'components/Forms/Select/select.types';
-import { SelectListProps } from './components/SelectList/selectList.component';
-import { TextColor } from 'components/Typography/typography.types';
-import { FormControlSize } from '../FormControl/formControl.types';
-export interface SelectBaseProps extends WithFormControlProps, CSelectProps {
-    options: SelectOptionProps[];
-    size?: FormControlSize;
-    colorToken?: TextColor;
-}
-export interface BrowserDefaultSelectProps extends SelectBaseProps {
-    defaultLeftElement?: never;
-    listProps?: never;
-    onChange: (e: ChangeEvent<HTMLSelectElement>) => void;
-    useBrowserDefaultMenu?: boolean;
-}
-export interface CustomSelectProps extends SelectBaseProps {
-    defaultLeftElement?: ReactNode;
-    listProps?: SelectListProps;
-    onChange?: never;
-    useBrowserDefaultMenu?: never;
-}
-export declare type SelectProps = BrowserDefaultSelectProps | CustomSelectProps;
-declare const _default: React.FC<SelectProps>;
-export default _default;