@sats-group/ui-lib 89.0.2 → 89.1.0

package/react/text-input/text-input.types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../react/text-input/text-input.types.ts"],
-  "sourcesContent": ["import { InputHtmlProps, ObjectValues } from '../types';\nimport { Messages } from '../use-input-validation.types';\n\nexport const themes = {\n  dark: 'dark',\n  light: 'light',\n} as const;\n\nexport const variants = {\n  small: 'small',\n  large: 'large',\n};\n\nexport type TextInput = {\n  customErrorMessages?: Messages;\n  hasError?: boolean;\n  helpText?: string;\n  label: string;\n  leadingIcon?: React.ReactNode;\n  name: string;\n  theme?: ObjectValues<typeof themes>;\n  trailingIcon?: React.ReactNode;\n  variant?: ObjectValues<typeof variants>;\n} & InputHtmlProps;\n"],
-  "mappings": "AAGO,MAAMA,EAAS,CACpB,KAAM,OACN,MAAO,OACT,EAEaC,EAAW,CACtB,MAAO,QACP,MAAO,OACT",
-  "names": ["themes", "variants"]
+  "sources": ["../../../library/react/text-input/text-input.types.ts"],
+  "sourcesContent": ["import { InputHtmlProps, ObjectValues } from '../types';\nimport { Messages } from '../use-input-validation.types';\n\nexport const themes = {\n  dark: 'dark',\n  light: 'light',\n} as const;\n\nexport const variants = {\n  small: 'small',\n  large: 'large',\n};\n\nexport const labelVariants = {\n  bold: 'bold',\n  basic: 'basic',\n} as const;\n\nexport type TextInput = {\n  customErrorMessages?: Messages;\n  hasError?: boolean;\n  helpText?: string;\n  label: string;\n  leadingIcon?: React.ReactNode;\n  name: string;\n  theme?: ObjectValues<typeof themes>;\n  trailingIcon?: React.ReactNode;\n  variant?: ObjectValues<typeof variants>;\n  labelVariant?: ObjectValues<typeof labelVariants>;\n} & InputHtmlProps;\n"],
+  "mappings": "AAGO,MAAMA,EAAS,CACpB,KAAM,OACN,MAAO,OACT,EAEaC,EAAW,CACtB,MAAO,QACP,MAAO,OACT,EAEaC,EAAgB,CAC3B,KAAM,OACN,MAAO,OACT",
+  "names": ["themes", "variants", "labelVariants"]
 }

package/react/toggle/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/toggle/index.ts"],
+  "sources": ["../../../library/react/toggle/index.ts"],
   "sourcesContent": ["import Toggle from './toggle';\nexport default Toggle;\n"],
   "mappings": "AAAA,OAAOA,MAAY,WACnB,IAAOC,EAAQD",
   "names": ["Toggle", "toggle_default"]

package/react/toggle/toggle.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/toggle/toggle.tsx"],
+  "sources": ["../../../library/react/toggle/toggle.tsx"],
   "sourcesContent": ["'use client';\n\nimport cn from 'classnames';\nimport * as React from 'react';\n\nimport Text from '../text';\nimport useInputValidation from '../use-input-validation';\n\nimport { Toggle as Props } from './toggle.types';\n\nconst Toggle = React.forwardRef<\n  HTMLInputElement,\n  React.PropsWithChildren<Props>\n>(\n  (\n    {\n      children,\n      isLabelVisible = true,\n      label,\n      labelPosition = 'right',\n      name,\n      value = '',\n      spaceBetween,\n      testId,\n      showBackground,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [onChange, onInvalid, error] = useInputValidation();\n\n    return (\n      <div\n        className={cn('toggle', {\n          'toggle--error': error,\n          'toggle--space-between': spaceBetween,\n        })}\n      >\n        <label\n          className={cn('toggle__content', {\n            'toggle__content--space-between': spaceBetween,\n            'toggle__content--background': showBackground,\n          })}\n          data-testid={testId}\n        >\n          {isLabelVisible && labelPosition === 'left' && (\n            <div className=\"toggle__label\">\n              <Text>{label}</Text>\n              {children}\n            </div>\n          )}\n\n          <div className=\"toggle__button-wrap\">\n            <input\n              aria-label={isLabelVisible ? undefined : label}\n              className=\"toggle__input\"\n              type=\"checkbox\"\n              name={name}\n              onChange={e => {\n                // NOTE: If props specify an `onChange`, we need to call that too\n                if (rest.onChange) rest.onChange(e);\n                onChange(e);\n              }}\n              onInvalid={e => {\n                // NOTE: If props specify an `onInvalid`, we need to call that too\n                if (rest.onInvalid) rest.onInvalid(e);\n                onInvalid(e);\n              }}\n              ref={ref}\n              value={value}\n              {...rest}\n            />\n            <span className=\"toggle__slider\">\n              <div className=\"toggle__slider-element\"></div>\n            </span>\n          </div>\n\n          {isLabelVisible && labelPosition === 'right' && (\n            <div className=\"toggle__label\">\n              <Text>{label}</Text>\n              {children}\n            </div>\n          )}\n        </label>\n      </div>\n    );\n  },\n);\n\nexport default Toggle;\n"],
   "mappings": "wgBAEA,OAAOA,MAAQ,aACf,UAAYC,MAAW,QAEvB,OAAOC,MAAU,UACjB,OAAOC,MAAwB,0BAI/B,MAAMC,EAASH,EAAM,WAInB,CACEI,EAYAC,IACG,CAbH,IAAAC,EAAAF,EACE,UAAAG,EACA,eAAAC,EAAiB,GACjB,MAAAC,EACA,cAAAC,EAAgB,QAChB,KAAAC,EACA,MAAAC,EAAQ,GACR,aAAAC,EACA,OAAAC,EACA,eAAAC,CAxBN,EAeIT,EAUKU,EAAAC,EAVLX,EAUK,CATH,WACA,iBACA,QACA,gBACA,OACA,QACA,eACA,SACA,mBAKF,KAAM,CAACY,EAAUC,EAAWC,CAAK,EAAIlB,EAAmB,EAExD,OACEF,EAAA,cAAC,OACC,UAAWD,EAAG,SAAU,CACtB,gBAAiBqB,EACjB,wBAAyBP,CAC3B,CAAC,GAEDb,EAAA,cAAC,SACC,UAAWD,EAAG,kBAAmB,CAC/B,iCAAkCc,EAClC,8BAA+BE,CACjC,CAAC,EACD,cAAaD,GAEZN,GAAkBE,IAAkB,QACnCV,EAAA,cAAC,OAAI,UAAU,iBACbA,EAAA,cAACC,EAAA,KAAMQ,CAAM,EACZF,CACH,EAGFP,EAAA,cAAC,OAAI,UAAU,uBACbA,EAAA,cAAC,QAAAqB,EAAA,CACC,aAAYb,EAAiB,OAAYC,EACzC,UAAU,gBACV,KAAK,WACL,KAAME,EACN,SAAUW,GAAK,CAETN,EAAK,UAAUA,EAAK,SAASM,CAAC,EAClCJ,EAASI,CAAC,CACZ,EACA,UAAWA,GAAK,CAEVN,EAAK,WAAWA,EAAK,UAAUM,CAAC,EACpCH,EAAUG,CAAC,CACb,EACA,IAAKjB,EACL,MAAOO,GACHI,EACN,EACAhB,EAAA,cAAC,QAAK,UAAU,kBACdA,EAAA,cAAC,OAAI,UAAU,yBAAyB,CAC1C,CACF,EAECQ,GAAkBE,IAAkB,SACnCV,EAAA,cAAC,OAAI,UAAU,iBACbA,EAAA,cAACC,EAAA,KAAMQ,CAAM,EACZF,CACH,CAEJ,CACF,CAEJ,CACF,EAEA,IAAOgB,EAAQpB",
   "names": ["cn", "React", "Text", "useInputValidation", "Toggle", "_a", "ref", "_b", "children", "isLabelVisible", "label", "labelPosition", "name", "value", "spaceBetween", "testId", "showBackground", "rest", "__objRest", "onChange", "onInvalid", "error", "__spreadValues", "e", "toggle_default"]

package/react/toolbox/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/toolbox/index.ts"],
+  "sources": ["../../../library/react/toolbox/index.ts"],
   "sourcesContent": ["import Toolbox from './toolbox';\nexport default Toolbox;\n"],
   "mappings": "AAAA,OAAOA,MAAa,YACpB,IAAOC,EAAQD",
   "names": ["Toolbox", "toolbox_default"]

package/react/toolbox/toolbox.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/toolbox/toolbox.tsx"],
+  "sources": ["../../../library/react/toolbox/toolbox.tsx"],
   "sourcesContent": ["import React from 'react';\n\nimport { Types, type Toolbox as Props } from './toolbox.types';\nimport Text from '../text';\nimport HiddenInput from '../hidden-input';\n\nconst Toolbox: React.FunctionComponent<Props> = ({ items }) => (\n  <div className=\"toolbox\">\n    {items.map(({ item, icon }, i) => (\n      <div className=\"toolbox__item-wrapper\" key={i}>\n        {item.type === Types.Link ? (\n          <a {...item.props.link} className=\"toolbox__item\">\n            {icon ? icon : null}\n            <Text size={Text.sizes.small}>{item.props.text}</Text>\n          </a>\n        ) : (\n          <form\n            onSubmit={item.props.handleSubmit}\n            method=\"POST\"\n            className=\"toolbox__list-item-form\"\n            {...item.props.form}\n          >\n            <button\n              className=\"toolbox__item\"\n              data-testid={item.props.testId}\n              {...item.props.button}\n            >\n              {icon ? icon : null}\n              <Text size={Text.sizes.small}>{item.props.text}</Text>\n            </button>\n            {item.props.hiddenInputs\n              ? item.props.hiddenInputs.map((input, index) => (\n                  <HiddenInput key={input.name + index} {...input} />\n                ))\n              : null}\n          </form>\n        )}\n      </div>\n    ))}\n  </div>\n);\n\nexport default Toolbox;\n"],
   "mappings": "6aAAA,OAAOA,MAAW,QAElB,OAAS,SAAAC,MAAoC,kBAC7C,OAAOC,MAAU,UACjB,OAAOC,MAAiB,kBAExB,MAAMC,EAA0C,CAAC,CAAE,MAAAC,CAAM,IACvDL,EAAA,cAAC,OAAI,UAAU,WACZK,EAAM,IAAI,CAAC,CAAE,KAAAC,EAAM,KAAAC,CAAK,EAAGC,IAC1BR,EAAA,cAAC,OAAI,UAAU,wBAAwB,IAAKQ,GACzCF,EAAK,OAASL,EAAM,KACnBD,EAAA,cAAC,IAAAS,EAAAC,EAAA,GAAMJ,EAAK,MAAM,MAAjB,CAAuB,UAAU,kBAC/BC,GAAc,KACfP,EAAA,cAACE,EAAA,CAAK,KAAMA,EAAK,MAAM,OAAQI,EAAK,MAAM,IAAK,CACjD,EAEAN,EAAA,cAAC,OAAAU,EAAA,CACC,SAAUJ,EAAK,MAAM,aACrB,OAAO,OACP,UAAU,2BACNA,EAAK,MAAM,MAEfN,EAAA,cAAC,SAAAU,EAAA,CACC,UAAU,gBACV,cAAaJ,EAAK,MAAM,QACpBA,EAAK,MAAM,QAEdC,GAAc,KACfP,EAAA,cAACE,EAAA,CAAK,KAAMA,EAAK,MAAM,OAAQI,EAAK,MAAM,IAAK,CACjD,EACCA,EAAK,MAAM,aACRA,EAAK,MAAM,aAAa,IAAI,CAACK,EAAOC,IAClCZ,EAAA,cAACG,EAAAO,EAAA,CAAY,IAAKC,EAAM,KAAOC,GAAWD,EAAO,CAClD,EACD,IACN,CAEJ,CACD,CACH,EAGF,IAAOE,EAAQT",
   "names": ["React", "Types", "Text", "HiddenInput", "Toolbox", "items", "item", "icon", "i", "__spreadProps", "__spreadValues", "input", "index", "toolbox_default"]

package/react/toolbox/toolbox.types.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/toolbox/toolbox.types.ts"],
+  "sources": ["../../../library/react/toolbox/toolbox.types.ts"],
   "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport type { HiddenInput } from '../hidden-input/hidden-input.types';\nimport type { ButtonHtmlProps, FormHtmlProps, LinkHtmlProps } from '../types';\n\nexport enum Types {\n  Button = 'Button',\n  Link = 'Link',\n}\n\ntype LinkItem = {\n  type: Types.Link;\n  props: {\n    text: string;\n    link: LinkHtmlProps;\n    testId?: string;\n  };\n};\n\ntype FormItem = {\n  type: Types.Button;\n  props: {\n    text: string;\n    form: FormHtmlProps;\n    button: ButtonHtmlProps;\n    handleSubmit?: () => void;\n    hiddenInputs?: HiddenInput[];\n    testId?: string;\n  };\n};\n\ntype MenuItem = {\n  icon?: ReactNode;\n  item: LinkItem | FormItem;\n};\n\nexport type Toolbox = {\n  items: MenuItem[];\n};\n"],
   "mappings": "AAKO,IAAKA,OACVA,EAAA,OAAS,SACTA,EAAA,KAAO,OAFGA,OAAA",
   "names": ["Types"]

package/react/ts/debounce.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/ts/debounce.ts"],
+  "sources": ["../../../library/react/ts/debounce.ts"],
   "sourcesContent": ["// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function debounce<T extends any[]>(\n  callback: (...args: T) => void,\n  wait: number,\n) {\n  let timerRef: number;\n\n  return (...args: T) => {\n    clearTimeout(timerRef);\n    timerRef = window.setTimeout(() => callback(...args), wait);\n  };\n}\n"],
   "mappings": "AACe,SAARA,EACLC,EACAC,EACA,CACA,IAAIC,EAEJ,MAAO,IAAIC,IAAY,CACrB,aAAaD,CAAQ,EACrBA,EAAW,OAAO,WAAW,IAAMF,EAAS,GAAGG,CAAI,EAAGF,CAAI,CAC5D,CACF",
   "names": ["debounce", "callback", "wait", "timerRef", "args"]

package/react/use-input-validation.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../react/use-input-validation.ts"],
+  "sources": ["../../library/react/use-input-validation.ts"],
   "sourcesContent": ["import { useRef, useState, useEffect } from 'react';\n\nimport { Messages } from './use-input-validation.types';\n\ntype SupportedElement =\n  | HTMLInputElement\n  | HTMLSelectElement\n  | HTMLTextAreaElement;\n\nconst getCustomMessage = (validity: ValidityState, messages: Messages) => {\n  if (validity.badInput) return messages.badInput;\n  if (validity.customError) return messages.customError;\n  if (validity.patternMismatch) return messages.patternMismatch;\n  if (validity.rangeOverflow) return messages.rangeOverflow;\n  if (validity.rangeUnderflow) return messages.rangeUnderflow;\n  if (validity.stepMismatch) return messages.stepMismatch;\n  if (validity.tooLong) return messages.tooLong;\n  if (validity.tooShort) return messages.tooShort;\n  if (validity.typeMismatch) return messages.typeMismatch;\n  if (validity.valueMissing) return messages.valueMissing;\n  return undefined;\n};\n\nexport default (\n  customMessages: Messages = {},\n  defaultError?: string,\n  isError?: boolean,\n) => {\n  const [error, setError] = useState<string | undefined>();\n  const validationEnabled = useRef(false);\n\n  useEffect(() => {\n    if (isError && defaultError) {\n      setError(defaultError);\n    } else {\n      setError(undefined);\n    }\n  }, [isError, defaultError]);\n\n  const onInvalid = (e: React.FormEvent<SupportedElement>) => {\n    validationEnabled.current = true;\n\n    const message = getCustomMessage(\n      (e.target as HTMLInputElement).validity,\n      customMessages,\n    );\n    setError(message || (e.target as HTMLInputElement)?.validationMessage);\n  };\n\n  const onChange = (e: React.ChangeEvent<SupportedElement>) => {\n    const message = getCustomMessage(e.target.validity, customMessages);\n    setError(message || e.target?.validationMessage || undefined);\n  };\n\n  return [onChange, onInvalid, error] as [\n    typeof onChange,\n    typeof onInvalid,\n    typeof error,\n  ];\n};\n"],
   "mappings": "AAAA,OAAS,UAAAA,EAAQ,YAAAC,EAAU,aAAAC,MAAiB,QAS5C,MAAMC,EAAmB,CAACC,EAAyBC,IAAuB,CACxE,GAAID,EAAS,SAAU,OAAOC,EAAS,SACvC,GAAID,EAAS,YAAa,OAAOC,EAAS,YAC1C,GAAID,EAAS,gBAAiB,OAAOC,EAAS,gBAC9C,GAAID,EAAS,cAAe,OAAOC,EAAS,cAC5C,GAAID,EAAS,eAAgB,OAAOC,EAAS,eAC7C,GAAID,EAAS,aAAc,OAAOC,EAAS,aAC3C,GAAID,EAAS,QAAS,OAAOC,EAAS,QACtC,GAAID,EAAS,SAAU,OAAOC,EAAS,SACvC,GAAID,EAAS,aAAc,OAAOC,EAAS,aAC3C,GAAID,EAAS,aAAc,OAAOC,EAAS,YAE7C,EAEA,IAAOC,EAAQ,CACbC,EAA2B,CAAC,EAC5BC,EACAC,IACG,CACH,KAAM,CAACC,EAAOC,CAAQ,EAAIV,EAA6B,EACjDW,EAAoBZ,EAAO,EAAK,EAEtC,OAAAE,EAAU,IAAM,CAEZS,EADEF,GAAWD,EACJA,EAEA,MAFY,CAIzB,EAAG,CAACC,EAASD,CAAY,CAAC,EAiBnB,CALWK,GAA2C,CAjD/D,IAAAC,EAkDI,MAAMC,EAAUZ,EAAiBU,EAAE,OAAO,SAAUN,CAAc,EAClEI,EAASI,KAAWD,EAAAD,EAAE,SAAF,YAAAC,EAAU,oBAAqB,MAAS,CAC9D,EAbmBD,GAAyC,CAvC9D,IAAAC,EAwCIF,EAAkB,QAAU,GAE5B,MAAMG,EAAUZ,EACbU,EAAE,OAA4B,SAC/BN,CACF,EACAI,EAASI,KAAYD,EAAAD,EAAE,SAAF,YAAAC,EAA+B,kBAAiB,CACvE,EAO6BJ,CAAK,CAKpC",
   "names": ["useRef", "useState", "useEffect", "getCustomMessage", "validity", "messages", "use_input_validation_default", "customMessages", "defaultError", "isError", "error", "setError", "validationEnabled", "e", "_a", "message"]

package/react/visually-button/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/visually-button/index.ts"],
+  "sources": ["../../../library/react/visually-button/index.ts"],
   "sourcesContent": ["import VisuallyButton from './visually-button';\nexport default VisuallyButton;\n"],
   "mappings": "AAAA,OAAOA,MAAoB,oBAC3B,IAAOC,EAAQD",
   "names": ["VisuallyButton", "visually_button_default"]

package/react/visually-button/maps.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/visually-button/maps.ts"],
+  "sources": ["../../../library/react/visually-button/maps.ts"],
   "sourcesContent": ["import type { ValueOf } from '../indexed-access-type';\nimport { sizes as textSizes, themes as textThemes } from '../text/text.types';\nimport { variants, sizes } from './visually-button.types';\n\nexport const italicMap: Partial<Record<ValueOf<typeof variants>, true>> = {\n  cta: true,\n  'cta-secondary': true,\n  'cta-secondary-white': true,\n};\n\nexport const sizeMap: Record<keyof typeof sizes, keyof typeof textSizes> = {\n  small: textSizes.small,\n  basic: textSizes.basic,\n  large: textSizes.large,\n};\n\nexport const themeMap: Record<\n  ValueOf<typeof variants>,\n  keyof typeof textThemes\n> = {\n  complete: textThemes.emphasis,\n  cta: textThemes.headline,\n  'cta-secondary': textThemes.headline,\n  'cta-secondary-white': textThemes.headline,\n  primary: textThemes.emphasis,\n  'primary-destructive': textThemes.emphasis,\n  'primary-white': textThemes.emphasis,\n  secondary: textThemes.emphasis,\n  'secondary-white': textThemes.emphasis,\n  'secondary-destructive': textThemes.emphasis,\n  tertiary: textThemes.emphasis,\n  'tertiary-destructive': textThemes.emphasis,\n  'fixed-tertiary': textThemes.emphasis,\n  waitlist: textThemes.emphasis,\n  'waitlist-secondary': textThemes.emphasis,\n};\n"],
   "mappings": "AACA,OAAS,SAASA,EAAW,UAAUC,MAAkB,qBAGlD,MAAMC,EAA6D,CACxE,IAAK,GACL,gBAAiB,GACjB,sBAAuB,EACzB,EAEaC,EAA8D,CACzE,MAAOH,EAAU,MACjB,MAAOA,EAAU,MACjB,MAAOA,EAAU,KACnB,EAEaI,EAGT,CACF,SAAUH,EAAW,SACrB,IAAKA,EAAW,SAChB,gBAAiBA,EAAW,SAC5B,sBAAuBA,EAAW,SAClC,QAASA,EAAW,SACpB,sBAAuBA,EAAW,SAClC,gBAAiBA,EAAW,SAC5B,UAAWA,EAAW,SACtB,kBAAmBA,EAAW,SAC9B,wBAAyBA,EAAW,SACpC,SAAUA,EAAW,SACrB,uBAAwBA,EAAW,SACnC,iBAAkBA,EAAW,SAC7B,SAAUA,EAAW,SACrB,qBAAsBA,EAAW,QACnC",
   "names": ["textSizes", "textThemes", "italicMap", "sizeMap", "themeMap"]

package/react/visually-button/visually-button.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/visually-button/visually-button.tsx"],
+  "sources": ["../../../library/react/visually-button/visually-button.tsx"],
   "sourcesContent": ["import cn from 'classnames';\nimport * as React from 'react';\n\nimport Text from '../text';\n\nimport { italicMap, sizeMap, themeMap } from './maps';\nimport {\n  sizes,\n  variants,\n  type VisuallyButton as Props,\n} from './visually-button.types';\n\nconst VisuallyButtonRef = React.forwardRef<HTMLElement, Props>(\n  (\n    {\n      iconOnly,\n      className,\n      elementName,\n      leadingIcon,\n      trailingIcon,\n      hasStackedIcon,\n      size = sizes.basic,\n      spinning,\n      testId,\n      text,\n      variant = variants.primary,\n      wide,\n      ...rest\n    },\n    ref,\n  ) => {\n    const hasIcon = Boolean(leadingIcon || trailingIcon);\n    const renderIconOnly = Boolean(iconOnly && hasIcon);\n    const role = renderIconOnly && elementName === 'div' ? 'img' : undefined;\n\n    return React.createElement(\n      elementName,\n      {\n        'aria-label': renderIconOnly ? text : undefined,\n        className: cn(\n          'visually-button',\n          {\n            'visually-button--icon': renderIconOnly,\n            'visually-button--icon-text':\n              (leadingIcon || trailingIcon) && !iconOnly,\n            'visually-button--icon-text--stacked': hasStackedIcon,\n            [`visually-button--size-${size}`]: size,\n            'visually-button--spinning': spinning,\n            [`visually-button--variant-${variant}`]: variant,\n            'visually-button--wide': wide,\n          },\n          className,\n        ),\n        'data-testid': testId,\n        role,\n        ...rest,\n        ref,\n      },\n      leadingIcon ? (\n        <div className=\"visually-button__icon\">{leadingIcon}</div>\n      ) : null,\n      renderIconOnly ? null : (\n        <Text\n          className=\"visually-button__text\"\n          italic={italicMap[variant]}\n          size={sizeMap[size]}\n          theme={themeMap[variant]}\n          elementName=\"span\"\n        >\n          {text}\n        </Text>\n      ),\n      trailingIcon ? (\n        <div className=\"visually-button__icon\">{trailingIcon}</div>\n      ) : null,\n      spinning ? (\n        <div className=\"visually-button__spinner\">\n          <svg\n            className=\"visually-button__spinner-icon\"\n            width=\"24px\"\n            height=\"24px\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <circle opacity=\"0.1\" cx=\"12\" cy=\"12\" r=\"10\" />\n            <path\n              d=\"M12 2C13.9778 2 15.9112 2.58649 17.5557 3.6853C19.2002 4.78412 20.4819 6.3459 21.2388 8.17316C21.9957 10.0004 22.1937 12.0111 21.8079 13.9509C21.422 15.8907 20.4696 17.6725 19.0711 19.0711C17.6725 20.4696 15.8907 21.422 13.9509 21.8079C12.0111 22.1937 10.0004 21.9957 8.17317 21.2388C6.3459 20.4819 4.78412 19.2002 3.6853 17.5557C2.58649 15.9112 2 13.9778 2 12\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        </div>\n      ) : null,\n    );\n  },\n);\n\nVisuallyButtonRef.displayName = 'VisuallyButton';\n\nconst VisuallyButton: typeof VisuallyButtonRef & {\n  sizes: typeof sizes;\n  variants: typeof variants;\n} = Object.assign(VisuallyButtonRef, {\n  sizes,\n  variants,\n});\n\nexport default VisuallyButton;\n"],
   "mappings": "+kBAAA,OAAOA,MAAQ,aACf,UAAYC,MAAW,QAEvB,OAAOC,MAAU,UAEjB,OAAS,aAAAC,EAAW,WAAAC,EAAS,YAAAC,MAAgB,SAC7C,OACE,SAAAC,EACA,YAAAC,MAEK,0BAEP,MAAMC,EAAoBP,EAAM,WAC9B,CACEQ,EAeAC,IACG,CAhBH,IAAAC,EAAAF,EACE,UAAAG,EACA,UAAAC,EACA,YAAAC,EACA,YAAAC,EACA,aAAAC,EACA,eAAAC,EACA,KAAAC,EAAOZ,EAAM,MACb,SAAAa,EACA,OAAAC,EACA,KAAAC,EACA,QAAAC,EAAUf,EAAS,QACnB,KAAAgB,CA1BN,EAcIZ,EAaKa,EAAAC,EAbLd,EAaK,CAZH,WACA,YACA,cACA,cACA,eACA,iBACA,OACA,WACA,SACA,OACA,UACA,SAMF,MAAMe,EAAiB,GAAQd,GADf,GAAQG,GAAeC,IAEjCW,EAAOD,GAAkBZ,IAAgB,MAAQ,MAAQ,OAE/D,OAAOb,EAAM,cACXa,EACAc,EAAAC,EAAA,CACE,aAAcH,EAAiBL,EAAO,OACtC,UAAWrB,EACT,kBACA,CACE,wBAAyB0B,EACzB,8BACGX,GAAeC,IAAiB,CAACJ,EACpC,sCAAuCK,EACvC,CAAC,yBAAyBC,CAAI,EAAE,EAAGA,EACnC,4BAA6BC,EAC7B,CAAC,4BAA4BG,CAAO,EAAE,EAAGA,EACzC,wBAAyBC,CAC3B,EACAV,CACF,EACA,cAAeO,EACf,KAAAO,GACGH,GAlBL,CAmBE,IAAAd,CACF,GACAK,EACEd,EAAA,cAAC,OAAI,UAAU,yBAAyBc,CAAY,EAClD,KACJW,EAAiB,KACfzB,EAAA,cAACC,EAAA,CACC,UAAU,wBACV,OAAQC,EAAUmB,CAAO,EACzB,KAAMlB,EAAQc,CAAI,EAClB,MAAOb,EAASiB,CAAO,EACvB,YAAY,QAEXD,CACH,EAEFL,EACEf,EAAA,cAAC,OAAI,UAAU,yBAAyBe,CAAa,EACnD,KACJG,EACElB,EAAA,cAAC,OAAI,UAAU,4BACbA,EAAA,cAAC,OACC,UAAU,gCACV,MAAM,OACN,OAAO,OACP,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,MAAM,8BAENA,EAAA,cAAC,UAAO,QAAQ,MAAM,GAAG,KAAK,GAAG,KAAK,EAAE,KAAK,EAC7CA,EAAA,cAAC,QACC,EAAE,2WACF,cAAc,QACd,eAAe,QACjB,CACF,CACF,EACE,IACN,CACF,CACF,EAEAO,EAAkB,YAAc,iBAEhC,MAAMsB,EAGF,OAAO,OAAOtB,EAAmB,CACnC,MAAAF,EACA,SAAAC,CACF,CAAC,EAED,IAAOwB,EAAQD",
   "names": ["cn", "React", "Text", "italicMap", "sizeMap", "themeMap", "sizes", "variants", "VisuallyButtonRef", "_a", "ref", "_b", "iconOnly", "className", "elementName", "leadingIcon", "trailingIcon", "hasStackedIcon", "size", "spinning", "testId", "text", "variant", "wide", "rest", "__objRest", "renderIconOnly", "role", "__spreadProps", "__spreadValues", "VisuallyButton", "visually_button_default"]

package/react/visually-button/visually-button.types.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/visually-button/visually-button.types.ts"],
+  "sources": ["../../../library/react/visually-button/visually-button.types.ts"],
   "sourcesContent": ["import type { ReactElement } from 'react';\n\nimport type {\n  ButtonHtmlProps,\n  DivHtmlProps,\n  LinkHtmlProps,\n  ObjectValues,\n} from '../types';\n\nexport const sizes = {\n  small: 'small',\n  basic: 'basic',\n  large: 'large',\n} as const;\n\nexport const variants = {\n  complete: 'complete',\n  cta: 'cta',\n  ctaSecondary: 'cta-secondary',\n  ctaSecondaryWhite: 'cta-secondary-white',\n  primary: 'primary',\n  primaryDestructive: 'primary-destructive',\n  primaryWhite: 'primary-white',\n  secondary: 'secondary',\n  secondaryWhite: 'secondary-white',\n  secondaryDestructive: 'secondary-destructive',\n  tertiary: 'tertiary',\n  tertiaryDestructive: 'tertiary-destructive',\n  fixedTertiary: 'fixed-tertiary',\n  waitlist: 'waitlist',\n  waitlistSecondary: 'waitlist-secondary',\n} as const;\n\ntype CommonProps<ElementName extends string> = {\n  className?: string;\n  elementName: ElementName;\n  hasStackedIcon?: boolean;\n  iconOnly?: boolean;\n  leadingIcon?: ReactElement;\n  size?: ObjectValues<typeof sizes>;\n  spinning?: boolean;\n  testId?: string;\n  text: string;\n  trailingIcon?: ReactElement;\n  variant?: ObjectValues<typeof variants>;\n  wide?: boolean;\n};\n\ntype Props<ElementProps, ElementName extends string> = ElementProps &\n  CommonProps<ElementName>;\n\nexport type VisuallyButtonButton = Props<ButtonHtmlProps, 'button'>;\nexport type VisuallyButtonDiv = Props<DivHtmlProps, 'div'>;\nexport type VisuallyButtonLink = Props<LinkHtmlProps, 'a'> & { href: string };\n\nexport type VisuallyButton =\n  | VisuallyButtonButton\n  | VisuallyButtonDiv\n  | VisuallyButtonLink;\n"],
   "mappings": "AASO,MAAMA,EAAQ,CACnB,MAAO,QACP,MAAO,QACP,MAAO,OACT,EAEaC,EAAW,CACtB,SAAU,WACV,IAAK,MACL,aAAc,gBACd,kBAAmB,sBACnB,QAAS,UACT,mBAAoB,sBACpB,aAAc,gBACd,UAAW,YACX,eAAgB,kBAChB,qBAAsB,wBACtB,SAAU,WACV,oBAAqB,uBACrB,cAAe,iBACf,SAAU,WACV,kBAAmB,oBACrB",
   "names": ["sizes", "variants"]

package/react/visually-hidden/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/visually-hidden/index.ts"],
+  "sources": ["../../../library/react/visually-hidden/index.ts"],
   "sourcesContent": ["import VisuallyHidden from './visually-hidden';\nexport default VisuallyHidden;\n"],
   "mappings": "AAAA,OAAOA,MAAoB,oBAC3B,IAAOC,EAAQD",
   "names": ["VisuallyHidden", "visually_hidden_default"]

package/react/visually-hidden/visually-hidden.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/visually-hidden/visually-hidden.tsx"],
+  "sources": ["../../../library/react/visually-hidden/visually-hidden.tsx"],
   "sourcesContent": ["import * as React from 'react';\n\nconst VisuallyHidden: React.FunctionComponent<React.PropsWithChildren> = ({\n  children,\n}) =>\n  React.Children.count(children) === 0 ? null : (\n    <span className=\"visually-hidden\">{children}</span>\n  );\n\nexport default VisuallyHidden;\n"],
   "mappings": "AAAA,UAAYA,MAAW,QAEvB,MAAMC,EAAmE,CAAC,CACxE,SAAAC,CACF,IACEF,EAAM,SAAS,MAAME,CAAQ,IAAM,EAAI,KACrCF,EAAA,cAAC,QAAK,UAAU,mBAAmBE,CAAS,EAGhD,IAAOC,EAAQF",
   "names": ["React", "VisuallyHidden", "children", "visually_hidden_default"]

package/tokens/dark.scss

@@ -90,11 +90,11 @@ $ge-divider-fixed-alternate: primitives.$white-40;
 $ge-fixed-badge-primary: primitives.$coral-120;
 $ge-fixed-badge-secondary: primitives.$bright-blue-10;
 $ge-fixed-badge-tertiary: primitives.$blue-grey-80;
-$ge-fixed-chips-selected-default: primitives.$coral-120;
-$ge-fixed-chips-selected-disabled: primitives.$blue-70;
-$ge-fixed-chips-selected-hover: primitives.$coral-130;
-$ge-fixed-chips-unselected-default: primitives.$white-100;
-$ge-fixed-chips-unselected-disabled: primitives.$white-50;
+$ge-fixed-chips-selected-default: primitives.$white-10;
+$ge-fixed-chips-selected-disabled: primitives.$white-0;
+$ge-fixed-chips-selected-hover: primitives.$white-15;
+$ge-fixed-chips-unselected-default: primitives.$white-40;
+$ge-fixed-chips-unselected-disabled: primitives.$white-20;
 $ge-fixed-chips-unselected-hover: primitives.$black-o20;
 $ge-fixed-indicator-tags-attention: primitives.$tangerine-160;
 $ge-fixed-indicator-tags-featured: primitives.$coral-120;
@@ -123,7 +123,7 @@ $ge-fixed-tabs-unselected-disabled: primitives.$white-10;
 $ge-fixed-tabs-unselected-hover: primitives.$white-40;
 $ge-fixed-tags-featured: primitives.$coral-120;
 $ge-fixed-tags-primary: primitives.$blue-5;
-$ge-fixed-tags-secondary: primitives.$white-60;
+$ge-fixed-tags-secondary: primitives.$white-15;
 $ge-graphs-bar-primary: primitives.$coral-90;
 $ge-graphs-bar-secondary: primitives.$blue-40;
 $ge-graphs-bar-background-primary: primitives.$black-80;

package/tokens/darkmode.css

@@ -89,11 +89,11 @@
 --ge-fixed-badge-primary: #c84229;
 --ge-fixed-badge-secondary: #e9f1f7;
 --ge-fixed-badge-tertiary: #404d5b;
---ge-fixed-chips-selected-default: #c84229;
---ge-fixed-chips-selected-disabled: #566471;
---ge-fixed-chips-selected-hover: #af3a24;
---ge-fixed-chips-unselected-default: #ffffff;
---ge-fixed-chips-unselected-disabled: #ffffff80;
+--ge-fixed-chips-selected-default: #ffffff1a;
+--ge-fixed-chips-selected-disabled: #ffffff00;
+--ge-fixed-chips-selected-hover: #ffffff26;
+--ge-fixed-chips-unselected-default: #ffffff66;
+--ge-fixed-chips-unselected-disabled: #ffffff33;
 --ge-fixed-chips-unselected-hover: #00000033;
 --ge-fixed-indicator-tags-attention: #644000;
 --ge-fixed-indicator-tags-featured: #c84229;
@@ -122,7 +122,7 @@
 --ge-fixed-tabs-unselected-hover: #ffffff66;
 --ge-fixed-tags-featured: #c84229;
 --ge-fixed-tags-primary: #f3f4f5;
---ge-fixed-tags-secondary: #ffffff99;
+--ge-fixed-tags-secondary: #ffffff26;
 --ge-graphs-bar-primary: #fb6447;
 --ge-graphs-bar-secondary: #9ea6ae;
 --ge-graphs-bar-background-primary: #333333;

package/tokens/default-colours.css

@@ -89,11 +89,11 @@ html:not([data-theme]) {
 --ge-fixed-badge-primary: #c84229;
 --ge-fixed-badge-secondary: #e9f1f7;
 --ge-fixed-badge-tertiary: #404d5b;
---ge-fixed-chips-selected-default: #c84229;
---ge-fixed-chips-selected-disabled: #566471;
---ge-fixed-chips-selected-hover: #af3a24;
---ge-fixed-chips-unselected-default: #ffffff;
---ge-fixed-chips-unselected-disabled: #ffffff80;
+--ge-fixed-chips-selected-default: #ffffff1a;
+--ge-fixed-chips-selected-disabled: #ffffff00;
+--ge-fixed-chips-selected-hover: #ffffff26;
+--ge-fixed-chips-unselected-default: #ffffff66;
+--ge-fixed-chips-unselected-disabled: #ffffff33;
 --ge-fixed-chips-unselected-hover: #00000033;
 --ge-fixed-indicator-tags-attention: #644000;
 --ge-fixed-indicator-tags-featured: #c84229;
@@ -122,7 +122,7 @@ html:not([data-theme]) {
 --ge-fixed-tabs-unselected-hover: #ffffff66;
 --ge-fixed-tags-featured: #c84229;
 --ge-fixed-tags-primary: #f3f4f5;
---ge-fixed-tags-secondary: #ffffff99;
+--ge-fixed-tags-secondary: #ffffff26;
 --ge-graphs-bar-primary: #fa5333;
 --ge-graphs-bar-secondary: #9ea6ae;
 --ge-graphs-bar-background-primary: #dcdee0;

package/tokens/light.scss

@@ -90,11 +90,11 @@ $ge-divider-fixed-alternate: primitives.$white-40;
 $ge-fixed-badge-primary: primitives.$coral-120;
 $ge-fixed-badge-secondary: primitives.$bright-blue-10;
 $ge-fixed-badge-tertiary: primitives.$blue-grey-80;
-$ge-fixed-chips-selected-default: primitives.$coral-120;
-$ge-fixed-chips-selected-disabled: primitives.$blue-70;
-$ge-fixed-chips-selected-hover: primitives.$coral-130;
-$ge-fixed-chips-unselected-default: primitives.$white-100;
-$ge-fixed-chips-unselected-disabled: primitives.$white-50;
+$ge-fixed-chips-selected-default: primitives.$white-10;
+$ge-fixed-chips-selected-disabled: primitives.$white-0;
+$ge-fixed-chips-selected-hover: primitives.$white-15;
+$ge-fixed-chips-unselected-default: primitives.$white-40;
+$ge-fixed-chips-unselected-disabled: primitives.$white-20;
 $ge-fixed-chips-unselected-hover: primitives.$black-o20;
 $ge-fixed-indicator-tags-attention: primitives.$tangerine-160;
 $ge-fixed-indicator-tags-featured: primitives.$coral-120;
@@ -123,7 +123,7 @@ $ge-fixed-tabs-unselected-disabled: primitives.$white-10;
 $ge-fixed-tabs-unselected-hover: primitives.$white-40;
 $ge-fixed-tags-featured: primitives.$coral-120;
 $ge-fixed-tags-primary: primitives.$blue-5;
-$ge-fixed-tags-secondary: primitives.$white-60;
+$ge-fixed-tags-secondary: primitives.$white-15;
 $ge-graphs-bar-primary: primitives.$coral-100;
 $ge-graphs-bar-secondary: primitives.$blue-40;
 $ge-graphs-bar-background-primary: primitives.$light-grey-15;

package/tokens/lightmode.css

@@ -89,11 +89,11 @@
 --ge-fixed-badge-primary: #c84229;
 --ge-fixed-badge-secondary: #e9f1f7;
 --ge-fixed-badge-tertiary: #404d5b;
---ge-fixed-chips-selected-default: #c84229;
---ge-fixed-chips-selected-disabled: #566471;
---ge-fixed-chips-selected-hover: #af3a24;
---ge-fixed-chips-unselected-default: #ffffff;
---ge-fixed-chips-unselected-disabled: #ffffff80;
+--ge-fixed-chips-selected-default: #ffffff1a;
+--ge-fixed-chips-selected-disabled: #ffffff00;
+--ge-fixed-chips-selected-hover: #ffffff26;
+--ge-fixed-chips-unselected-default: #ffffff66;
+--ge-fixed-chips-unselected-disabled: #ffffff33;
 --ge-fixed-chips-unselected-hover: #00000033;
 --ge-fixed-indicator-tags-attention: #644000;
 --ge-fixed-indicator-tags-featured: #c84229;
@@ -122,7 +122,7 @@
 --ge-fixed-tabs-unselected-hover: #ffffff66;
 --ge-fixed-tags-featured: #c84229;
 --ge-fixed-tags-primary: #f3f4f5;
---ge-fixed-tags-secondary: #ffffff99;
+--ge-fixed-tags-secondary: #ffffff26;
 --ge-graphs-bar-primary: #fa5333;
 --ge-graphs-bar-secondary: #9ea6ae;
 --ge-graphs-bar-background-primary: #dcdee0;