npm - @scbt-ecom/ui - Versions diffs - 0.91.3 → 0.92.0 - Mend

@scbt-ecom/ui 0.91.3 → 0.92.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3497) hide show

package/dist/constants.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"constants.js","sources":["../lib/shared/constants/designSystem/colors.ts","../lib/shared/constants/designSystem/others.ts","../lib/shared/constants/designSystem/typography.ts"],"sourcesContent":["const rootStyles = {\n transparent: 'transparent',\n current: 'currentColor',\n inherit: 'inherit',\n initial: 'initial'\n}\n\nconst allowedBackgroundColors = {\n 'blue-grey-100': '#f3f4f7',\n 'blue-grey-200': '#eaedf1',\n 'blue-grey-300': '#d4dbe2',\n 'blue-grey-500': '#a9b6c5',\n footer: '#40465a',\n negative: '#f42500',\n 'negative-light': '#ffd2ca',\n positive: '#76bc21',\n 'positive-light': '#e4f6ce',\n 'primary-default': '#003790',\n 'primary-focus': '#2477ff',\n 'primary-hover': '#042e73',\n 'primary-light-default': '#f0f4f9',\n 'primary-tr-focus': '#0037901f',\n 'primary-tr-hover': '#00379014',\n 'primary-tr-pressed': '#00379033',\n 'secondary-default': '#fc5055',\n 'secondary-hover': '#f12f34',\n warning: '#f49f00',\n 'warning-light': '#ffeecc',\n white: '#ffffff',\n 'primary-disabled': '#809bc7',\n 'secondary-disabled': '#FFB7BF',\n dark: '#292929',\n purple: '#5f40bd',\n 'purple-hover': '#52399d',\n overlay: '#0000004d',\n ...rootStyles\n} as const\n\nconst allowedTextColors = {\n dark: '#292929',\n disabled: '#a9b6c5',\n footer: '#c3c3c3',\n negative: '#f42500',\n positive: '#76bc21',\n 'primary-default': '#003790',\n 'primary-hover': '#042e73',\n secondary: '#40465a',\n tetriary: '#5a6e85',\n warning: '#f49f00',\n white: '#ffffff',\n 'primary-disabled': '#809bc7',\n 'blue-grey-600': '#94a4b7',\n ...rootStyles\n} as const\n\nconst allowedBannersBackgroundColors = {\n 'barvcray-200': '#ebeef4',\n 'barvcray-300': '#dde1e8',\n 'greymint-200': '#deecee',\n 'lavender-100': '#f7f7ff',\n 'lavender-200': '#ecedfa',\n 'lavender-300': '#d0d3f1',\n 'lightblue-300': '#bed3ec',\n 'mint-200': '#e4f5ed',\n 'salmon-200': '#faecec',\n 'skyblue-100': '#f4f8fe',\n 'skyblue-200': '#e7f3ff',\n 'skyblue-300': '#d9edff',\n ...rootStyles\n} as const\n\nconst allowedIconsColors = {\n 'accent-default': '#2477ff',\n 'accent-hover': '#0053da',\n 'blue-grey-100': '#f3f4f7',\n 'blue-grey-600': '#94a4b7',\n 'blue-grey-700': '#69809a',\n 'blue-grey-800': '#5a6e85',\n 'dark-default': '#292929',\n 'dark-hover': '#535353',\n disabled: '#a9b6c5',\n 'negative-default': '#f42500',\n 'negative-hover': '#c31e00',\n 'positive-default': '#76bc21',\n 'positive-hover': '#598d19',\n 'primary-default': '#003790',\n 'primary-hover': '#042e73',\n 'secondary-dark-default': '#f12f34',\n 'secondary-dark-hover': '#c40309',\n 'secondary-default': '#fc5055',\n 'secondary-hover': '#f12f34',\n 'warning-default': '#f49f00',\n 'warning-hover': '#d68b00',\n white: '#ffffff',\n 'primary-disabled': '#809bc7',\n footer: '#C3C3C3',\n ...rootStyles\n} as const\n\nconst allowedStrokeColors = {\n 'blue-grey-500': '#a9b6c5',\n 'blue-grey-700': '#69809a',\n 'blue-grey-800': '#5a6e85',\n dark: '#292929',\n negative: '#f42500',\n positive: '#76bc21',\n 'primary-default': '#003790',\n 'primary-focus': '#2477ff',\n 'primary-hover': '#042e73',\n 'primary-light': '#f0f4f9',\n 'secondary-default': '#fc5055',\n 'secondary-hover': '#f12f34',\n 'warm-grey-200': '#e4e4e4',\n 'warm-grey-300': '#c3c3c3',\n warning: '#f49f00',\n white: '#ffffff',\n 'primary-disabled': '#809bc7',\n ...rootStyles\n} as const\n\nexport { allowedStrokeColors, allowedBannersBackgroundColors, allowedIconsColors, allowedTextColors, allowedBackgroundColors }\n","const allowedBorderRadius = {\n none: '0',\n sm: '4px',\n md: '8px',\n lg: '16px',\n full: '9999px'\n}\n\nconst allowedBackgroundDeg = {\n 30: '30deg',\n 45: '45deg',\n 80: '80deg',\n 90: '90deg',\n 110: '110deg',\n 180: '180deg'\n}\n\nconst allowedZIndex = {\n 0: '0',\n 1: '1',\n 10: '10',\n 30: '30',\n 50: '50',\n 100: '100',\n 250: '250',\n 500: '500',\n 1000: '1000'\n}\n\nexport { allowedBorderRadius, allowedBackgroundDeg, allowedZIndex }\n","const allowedFontSize = {\n 12: '12px',\n 14: '14px',\n 16: '16px',\n 18: '18px',\n 20: '20px',\n 24: '24px',\n 28: '28px',\n 32: '32px',\n 40: '40px'\n}\n\nconst allowedLineHeight = {\n 16: '16px',\n 20: '20px',\n 22: '22px',\n 24: '24px',\n 30: '30px',\n 32: '32px',\n 40: '40px',\n 48: '48px'\n}\n\nconst allowedTextStyles = {\n /* # Headline */\n '.mob-headline-bold-m': {\n '@apply font-bold text-28 leading-32': ''\n },\n '.mob-headline-bold-s': {\n '@apply font-bold text-24 leading-30': ''\n },\n /* # Title */\n '.mob-title-bold-l': {\n '@apply font-bold text-20 leading-24': ''\n },\n '.mob-title-bold-m': {\n '@apply font-bold text-18 leading-22': ''\n },\n /* # Body */\n '.mob-body-medium-l': {\n '@apply font-medium text-16 leading-22': ''\n },\n '.mob-body-regular-l': {\n '@apply font-normal text-16 leading-22': ''\n },\n '.mob-body-medium-m': {\n '@apply font-medium text-14 leading-20': ''\n },\n '.mob-body-regular-m': {\n '@apply font-normal text-14 leading-20': ''\n },\n '.mob-body-regular-s': {\n '@apply font-normal text-12 leading-20': ''\n },\n\n /* -------- Desktop Typography -------- */\n /* # Headline */\n '.desk-headline-bold-l': {\n '@apply font-bold text-40 leading-48': ''\n },\n '.desk-headline-bold-m': {\n '@apply font-bold text-32 leading-40': ''\n },\n\n /* # Title */\n '.desk-title-bold-l': {\n '@apply font-bold text-24 leading-30': ''\n },\n '.desk-title-bold-s': {\n '@apply font-bold text-18 leading-22': ''\n },\n\n /* # Body */\n '.desk-body-medium-l': {\n '@apply font-medium text-16 leading-22': ''\n },\n '.desk-body-regular-l': {\n '@apply font-normal text-16 leading-22': ''\n },\n '.desk-body-regular-m': {\n '@apply font-normal text-14 leading-20': ''\n },\n '.desk-body-regular-s': {\n '@apply font-normal text-12 leading-16': ''\n }\n}\n\nexport { allowedLineHeight, allowedFontSize, allowedTextStyles }\n"],"names":["rootStyles","allowedBackgroundColors","allowedTextColors","allowedBannersBackgroundColors","allowedIconsColors","allowedStrokeColors","allowedBorderRadius","allowedBackgroundDeg","allowedZIndex","allowedFontSize","allowedLineHeight","allowedTextStyles"],"mappings":"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"}

package/dist/hooks.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export * from './lib/exports/hooks'
2	- export {}

package/dist/hooks.js DELETED Viewed

@@ -1,37 +0,0 @@
-import { d as C, a as E, b as A, c as L, e as R, u as f } from "./useDebounce-5MeprqTX.js";
-import { u as F, b as H, a as O } from "./useFieldsProgress-C918amw-.js";
-import { useState as p, useEffect as w } from "react";
-const v = (r, n, e) => {
-  const [a, l] = p(null);
-  return w(() => {
-    const o = () => {
-      if (r.current && n.current) {
-        const t = r.current.getBoundingClientRect(), c = n.current.getBoundingClientRect(), d = window.innerHeight;
-        let s, i;
-        const u = d - t.bottom;
-        u >= c.height + e ? (s = t.bottom + e, i = "top") : t.top >= c.height + e ? (s = t.top - c.height - e * 2, i = "bottom") : (s = t.bottom + e, i = "top", n.current.style.maxHeight = `${u - e}px`), l({
-          top: s,
-          width: t.width,
-          left: t.left,
-          transformOrigin: i
-        });
-      }
-    };
-    return o(), window.addEventListener("resize", o), window.addEventListener("orientationchange", o), () => {
-      window.removeEventListener("resize", o), window.removeEventListener("orientationchange", o);
-    };
-  }, [r.current, n.current, e]), a;
-};
-export {
-  C as debounce,
-  F as useBoolean,
-  E as useClickOutside,
-  A as useControlledForm,
-  L as useDebounceCallback,
-  R as useDebounceValue,
-  f as useDevice,
-  H as useFieldsProgress,
-  v as useFloating,
-  O as useObserverWidgets
-};
-//# sourceMappingURL=hooks.js.map

package/dist/hooks.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"hooks.js","sources":["../lib/shared/hooks/useFloating.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\n\ntype FloatingPosition = {\n top?: number\n left?: number\n width?: number\n transformOrigin?: string\n}\n\nexport const useFloating = (\n trigger: React.RefObject<HTMLElement>,\n list: React.RefObject<HTMLElement>,\n offset: number\n): FloatingPosition | null => {\n const [position, setPosition] = useState<FloatingPosition | null>(null)\n\n useEffect(() => {\n const updatePosition = () => {\n if (trigger.current && list.current) {\n const triggerRect = trigger.current.getBoundingClientRect()\n const listRect = list.current.getBoundingClientRect()\n const viewportHeight = window.innerHeight\n\n let top: number\n let transformOrigin: string\n\n const spaceBelow = viewportHeight - triggerRect.bottom\n const fitsBelow = spaceBelow >= listRect.height + offset\n\n if (fitsBelow) {\n top = triggerRect.bottom + offset\n transformOrigin = 'top'\n } else {\n const spaceAbove = triggerRect.top\n const fitsAbove = spaceAbove >= listRect.height + offset\n\n if (fitsAbove) {\n top = triggerRect.top - listRect.height - offset * 2\n transformOrigin = 'bottom'\n } else {\n top = triggerRect.bottom + offset\n transformOrigin = 'top'\n list.current.style.maxHeight = `${spaceBelow - offset}px`\n }\n }\n\n setPosition({\n top,\n width: triggerRect.width,\n left: triggerRect.left,\n transformOrigin\n })\n }\n }\n\n updatePosition()\n window.addEventListener('resize', updatePosition)\n window.addEventListener('orientationchange', updatePosition)\n\n return () => {\n window.removeEventListener('resize', updatePosition)\n window.removeEventListener('orientationchange', updatePosition)\n }\n }, [trigger.current, list.current, offset])\n\n return position\n}\n"],"names":["useFloating","trigger","list","offset","position","setPosition","useState","useEffect","updatePosition","triggerRect","listRect","viewportHeight","top","transformOrigin","spaceBelow"],"mappings":";;;AAWO,MAAMA,IAAc,CACzBC,GACAC,GACAC,MAC4B;AAC5B,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAkC,IAAI;AAEtE,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAiB,MAAM;AAC3B,UAAIP,EAAQ,WAAWC,EAAK,SAAS;AACnC,cAAMO,IAAcR,EAAQ,QAAQ,sBAAA,GAC9BS,IAAWR,EAAK,QAAQ,sBAAA,GACxBS,IAAiB,OAAO;AAE9B,YAAIC,GACAC;AAEJ,cAAMC,IAAaH,IAAiBF,EAAY;AAGhD,QAFkBK,KAAcJ,EAAS,SAASP,KAGhDS,IAAMH,EAAY,SAASN,GAC3BU,IAAkB,SAECJ,EAAY,OACCC,EAAS,SAASP,KAGhDS,IAAMH,EAAY,MAAMC,EAAS,SAASP,IAAS,GACnDU,IAAkB,aAElBD,IAAMH,EAAY,SAASN,GAC3BU,IAAkB,OAClBX,EAAK,QAAQ,MAAM,YAAY,GAAGY,IAAaX,CAAM,OAIzDE,EAAY;AAAA,UACV,KAAAO;AAAA,UACA,OAAOH,EAAY;AAAA,UACnB,MAAMA,EAAY;AAAA,UAClB,iBAAAI;AAAA,QAAA,CACD;AAAA,MAAA;AAAA,IACH;AAGF,WAAAL,EAAA,GACA,OAAO,iBAAiB,UAAUA,CAAc,GAChD,OAAO,iBAAiB,qBAAqBA,CAAc,GAEpD,MAAM;AACX,aAAO,oBAAoB,UAAUA,CAAc,GACnD,OAAO,oBAAoB,qBAAqBA,CAAc;AAAA,IAAA;AAAA,EAChE,GACC,CAACP,EAAQ,SAASC,EAAK,SAASC,CAAM,CAAC,GAEnCC;AACT;"}