@sats-group/ui-lib 89.0.2 → 89.1.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.
- package/package.json +1 -1
- package/react/add-bem-modifiers.js.map +1 -1
- package/react/badge/badge.js.map +1 -1
- package/react/badge/badge.types.js.map +1 -1
- package/react/badge/index.js.map +1 -1
- package/react/banner/banner.js.map +1 -1
- package/react/banner/index.js.map +1 -1
- package/react/bomb/bomb.js.map +1 -1
- package/react/bomb/index.js.map +1 -1
- package/react/button/button.js.map +1 -1
- package/react/button/index.js.map +1 -1
- package/react/checkbox/checkbox.js.map +1 -1
- package/react/checkbox/checkbox.types.js.map +1 -1
- package/react/checkbox/index.js.map +1 -1
- package/react/chip/chip.js.map +1 -1
- package/react/chip/index.js.map +1 -1
- package/react/chip/remove.js.map +1 -1
- package/react/chip-selected/chip-selected.js.map +1 -1
- package/react/chip-selected/index.js.map +1 -1
- package/react/collapse/collapse.d.ts +104 -70
- package/react/collapse/collapse.js.map +1 -1
- package/react/collapse/index.js.map +1 -1
- package/react/components.js.map +1 -1
- package/react/confirmation/confirmation.js.map +1 -1
- package/react/confirmation/index.js.map +1 -1
- package/react/context-menu/context-menu.js.map +1 -1
- package/react/context-menu/context-menu.types.js.map +1 -1
- package/react/context-menu/index.js.map +1 -1
- package/react/cropped-image/cropped-image.js.map +1 -1
- package/react/cropped-image/cropped-image.types.js.map +1 -1
- package/react/cropped-image/index.js.map +1 -1
- package/react/div-button/div-button.js.map +1 -1
- package/react/div-button/index.js.map +1 -1
- package/react/dropdown-list/dropdown-list.js.map +1 -1
- package/react/dropdown-list/dropdown-list.types.js.map +1 -1
- package/react/dropdown-list/index.js.map +1 -1
- package/react/expander/expander.js.map +1 -1
- package/react/expander/expander.types.js.map +1 -1
- package/react/expander/index.js.map +1 -1
- package/react/filter/filter.d.ts +4 -2
- package/react/filter/filter.js +1 -1
- package/react/filter/filter.js.map +4 -4
- package/react/filter/filter.types.d.ts +6 -0
- package/react/filter/filter.types.js +1 -0
- package/react/filter/filter.types.js.map +4 -4
- package/react/filter/index.js.map +1 -1
- package/react/filter-wrapper/filter-wrapper.js.map +1 -1
- package/react/filter-wrapper/filter-wrapper.types.js.map +1 -1
- package/react/filter-wrapper/index.js.map +1 -1
- package/react/flag/flag.js.map +1 -1
- package/react/flag/flag.types.js.map +1 -1
- package/react/flag/index.js.map +1 -1
- package/react/form-content/checkbox-category.js +1 -1
- package/react/form-content/checkbox-category.js.map +3 -3
- package/react/form-content/form-content.checkbox-list.js.map +1 -1
- package/react/form-content/form-content.js +1 -1
- package/react/form-content/form-content.js.map +4 -4
- package/react/form-content/form-content.radio-list.js +1 -1
- package/react/form-content/form-content.radio-list.js.map +3 -3
- package/react/form-content/form-content.range.js.map +1 -1
- package/react/form-content/form-content.scss +23 -10
- package/react/form-content/form-content.search.js.map +1 -1
- package/react/form-content/form-content.types.d.ts +1 -0
- package/react/form-content/form-content.types.js.map +2 -2
- package/react/form-content/index.js.map +1 -1
- package/react/hidden-input/hidden-input.js.map +1 -1
- package/react/hidden-input/index.js.map +1 -1
- package/react/hooks/focus-previous-element.js.map +1 -1
- package/react/hooks/is-running-on-client.js.map +1 -1
- package/react/hooks/use-click-outside.js.map +1 -1
- package/react/hooks/use-escape.js.map +1 -1
- package/react/hooks/use-event.js.map +1 -1
- package/react/hooks/use-is-mounted.js.map +1 -1
- package/react/hooks/use-toggle.js.map +1 -1
- package/react/icons/16/add.js.map +1 -1
- package/react/icons/16/close.js.map +1 -1
- package/react/icons/16/error.js.map +1 -1
- package/react/icons/16/fistbump.js.map +1 -1
- package/react/icons/16/info.js.map +1 -1
- package/react/icons/16/send.js.map +1 -1
- package/react/icons/18/arrow-down.js.map +1 -1
- package/react/icons/18/close.js.map +1 -1
- package/react/icons/18/confirm.js.map +1 -1
- package/react/icons/18/error.js.map +1 -1
- package/react/icons/18/info.js.map +1 -1
- package/react/icons/18/warning-sign.js.map +1 -1
- package/react/icons/24/arrow-down.js.map +1 -1
- package/react/icons/24/arrow-right.js.map +1 -1
- package/react/icons/24/arrow-up.js.map +1 -1
- package/react/icons/24/close.js.map +1 -1
- package/react/icons/24/download.js.map +1 -1
- package/react/icons/24/remove.js.map +1 -1
- package/react/icons/24/search.js.map +1 -1
- package/react/icons/32/info.js.map +1 -1
- package/react/link/index.js.map +1 -1
- package/react/link/link.js.map +1 -1
- package/react/link/link.types.js.map +1 -1
- package/react/link-button/index.js.map +1 -1
- package/react/link-button/link-button.js.map +1 -1
- package/react/link-card/index.js.map +1 -1
- package/react/link-card/link-card.js.map +1 -1
- package/react/link-card/link-card.types.js.map +1 -1
- package/react/logos/e-avatar.js.map +1 -1
- package/react/logos/elixia-anniversary-light.js.map +1 -1
- package/react/logos/elixia-letter.js.map +1 -1
- package/react/logos/elixia-pride-dark.js.map +1 -1
- package/react/logos/elixia-pride-light.js.map +1 -1
- package/react/logos/elixia-small.js.map +1 -1
- package/react/logos/elixia.js.map +1 -1
- package/react/logos/index.js.map +1 -1
- package/react/logos/s-avatar.js.map +1 -1
- package/react/logos/sats-anniversary-light.js.map +1 -1
- package/react/logos/sats-letter.js.map +1 -1
- package/react/logos/sats-pride-dark.js.map +1 -1
- package/react/logos/sats-pride-light.js.map +1 -1
- package/react/logos/sats-small.js.map +1 -1
- package/react/logos/sats.js.map +1 -1
- package/react/message/hook/use-message.js.map +1 -1
- package/react/message/index.js.map +1 -1
- package/react/message/message.js.map +1 -1
- package/react/message/message.types.js.map +1 -1
- package/react/message/publish.js.map +1 -1
- package/react/message-field/index.js.map +1 -1
- package/react/message-field/message-field.js.map +1 -1
- package/react/message-field/message-field.types.js.map +1 -1
- package/react/modal/index.js.map +1 -1
- package/react/modal/modal.js.map +1 -1
- package/react/modal/modal.types.js.map +1 -1
- package/react/modal/tab-trapper.js.map +1 -1
- package/react/navigation-card/index.js.map +1 -1
- package/react/navigation-card/navigation-card.js.map +1 -1
- package/react/pagination/index.js.map +1 -1
- package/react/pagination/pagination.js.map +1 -1
- package/react/pagination/prep.js.map +1 -1
- package/react/progress-bar/index.js.map +1 -1
- package/react/progress-bar/progress-bar.js.map +1 -1
- package/react/progress-bar/progress-bar.types.js.map +1 -1
- package/react/radio/index.js.map +1 -1
- package/react/radio/radio.js.map +1 -1
- package/react/radio/radio.types.js.map +1 -1
- package/react/scale-bar/index.js.map +1 -1
- package/react/scale-bar/scale-bar.js.map +1 -1
- package/react/search/index.js.map +1 -1
- package/react/search/search.js.map +1 -1
- package/react/search/search.types.js.map +1 -1
- package/react/segmented-controller/index.js.map +1 -1
- package/react/segmented-controller/segmented-controller.js.map +1 -1
- package/react/select/index.js.map +1 -1
- package/react/select/select.d.ts +2 -1
- package/react/select/select.js +1 -1
- package/react/select/select.js.map +4 -4
- package/react/select/select.types.d.ts +5 -0
- package/react/select/select.types.js +1 -1
- package/react/select/select.types.js.map +4 -4
- package/react/select-option/index.js.map +1 -1
- package/react/select-option/select-option.js.map +1 -1
- package/react/tag/index.js.map +1 -1
- package/react/tag/tag.js +1 -1
- package/react/tag/tag.js.map +3 -3
- package/react/tag/tag.scss +4 -0
- package/react/tag/tag.types.js.map +1 -1
- package/react/text/index.js.map +1 -1
- package/react/text/text.js.map +1 -1
- package/react/text/text.types.js.map +1 -1
- package/react/text-area/index.js.map +1 -1
- package/react/text-area/text-area.d.ts +3 -1
- package/react/text-area/text-area.js +1 -1
- package/react/text-area/text-area.js.map +4 -4
- package/react/text-area/text-area.types.d.ts +5 -0
- package/react/text-area/text-area.types.js +1 -1
- package/react/text-area/text-area.types.js.map +4 -4
- package/react/text-input/index.js.map +1 -1
- package/react/text-input/text-input.d.ts +3 -1
- package/react/text-input/text-input.js +1 -1
- package/react/text-input/text-input.js.map +4 -4
- package/react/text-input/text-input.types.d.ts +5 -0
- package/react/text-input/text-input.types.js +1 -1
- package/react/text-input/text-input.types.js.map +4 -4
- package/react/toggle/index.js.map +1 -1
- package/react/toggle/toggle.js.map +1 -1
- package/react/toolbox/index.js.map +1 -1
- package/react/toolbox/toolbox.js.map +1 -1
- package/react/toolbox/toolbox.types.js.map +1 -1
- package/react/ts/debounce.js.map +1 -1
- package/react/use-input-validation.js.map +1 -1
- package/react/visually-button/index.js.map +1 -1
- package/react/visually-button/maps.js.map +1 -1
- package/react/visually-button/visually-button.js.map +1 -1
- package/react/visually-button/visually-button.types.js.map +1 -1
- package/react/visually-hidden/index.js.map +1 -1
- package/react/visually-hidden/visually-hidden.js.map +1 -1
- package/tokens/dark.scss +6 -6
- package/tokens/darkmode.css +6 -6
- package/tokens/default-colours.css +6 -6
- package/tokens/light.scss +6 -6
- package/tokens/lightmode.css +6 -6
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../react/add-bem-modifiers.ts"],
|
|
3
|
+
"sources": ["../../library/react/add-bem-modifiers.ts"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable no-var, @typescript-eslint/no-explicit-any */\nvar hasOwn = {}.hasOwnProperty;\n\n// NOTE: This is copied from the source of 'classnames' and modified to produce BEM modifier classes. (source: https://github.com/JedWatson/classnames/blob/master/index.js)\n\n/** Creates modifier classnames of the provided values. The API is similar to `classnames`. All values passed will be prefixed by `className` (the first argument)\n *\n * Note that unlike with `classnames`, when an array is passed all elements must be strings\n\n```\nmod(\"block__element\", \"something\", { \"is-active\": true });\n// Returns \"block__element block__element--something block__element--is-active\"\n```\n */\nexport function mod(...args: any[]) {\n var baseName = args[0];\n if (!baseName) return '';\n\n var classes = [baseName];\n\n for (var i = 1; i < args.length; i++) {\n var arg = args[i];\n if (!arg) continue;\n\n var argType = typeof arg;\n\n if (argType === 'string' || argType === 'number') {\n classes.push(baseName + '--' + arg);\n } else if (Array.isArray(arg)) {\n if (arg.length) {\n for (var el of arg) {\n if (el) {\n classes.push(baseName + '--' + el);\n }\n }\n }\n } else if (argType === 'object') {\n if (arg.toString !== Object.prototype.toString) {\n classes.push(baseName + '--' + arg.toString());\n } else {\n for (var key in arg) {\n if (hasOwn.call(arg, key) && arg[key]) {\n classes.push(baseName + '--' + key);\n }\n }\n }\n }\n }\n\n return classes.join(' ');\n}\n"],
|
|
5
5
|
"mappings": "AACA,IAAIA,EAAS,CAAC,EAAE,eAaT,SAASC,KAAOC,EAAa,CAClC,IAAIC,EAAWD,EAAK,CAAC,EACrB,GAAI,CAACC,EAAU,MAAO,GAItB,QAFIC,EAAU,CAACD,CAAQ,EAEd,EAAI,EAAG,EAAID,EAAK,OAAQ,IAAK,CACpC,IAAIG,EAAMH,EAAK,CAAC,EAChB,GAAKG,EAEL,KAAIC,EAAU,OAAOD,EAErB,GAAIC,IAAY,UAAYA,IAAY,SACtCF,EAAQ,KAAKD,EAAW,KAAOE,CAAG,UACzB,MAAM,QAAQA,CAAG,GAC1B,GAAIA,EAAI,OACN,QAASE,KAAMF,EACTE,GACFH,EAAQ,KAAKD,EAAW,KAAOI,CAAE,UAI9BD,IAAY,SACrB,GAAID,EAAI,WAAa,OAAO,UAAU,SACpCD,EAAQ,KAAKD,EAAW,KAAOE,EAAI,SAAS,CAAC,MAE7C,SAASG,KAAOH,EACVL,EAAO,KAAKK,EAAKG,CAAG,GAAKH,EAAIG,CAAG,GAClCJ,EAAQ,KAAKD,EAAW,KAAOK,CAAG,EAK5C,CAEA,OAAOJ,EAAQ,KAAK,GAAG,CACzB",
|
|
6
6
|
"names": ["hasOwn", "mod", "args", "baseName", "classes", "arg", "argType", "el", "key"]
|
package/react/badge/badge.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../react/badge/badge.tsx"],
|
|
3
|
+
"sources": ["../../../library/react/badge/badge.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport cn from 'classnames';\n\nimport { Badge as Props, variants, themes, Types } from './badge.types';\nimport Text from '../text';\n\nconst Badge: React.FunctionComponent<Props> & {\n variants: typeof variants;\n themes: typeof themes;\n} = ({ content, theme = themes.light, variant = variants.primary }) => (\n <Text\n size={Text.sizes.interface}\n className={cn('badge', `badge--theme-${theme}-${variant}`, {\n 'badge--padding-tight': content.type === Types.Icon,\n })}\n tight\n >\n {content.type === Types.Numerical\n ? content.content >= 1000\n ? '999+'\n : content.content\n : content.content}\n </Text>\n);\n\nBadge.variants = variants;\nBadge.themes = themes;\nexport default Badge;\n"],
|
|
5
5
|
"mappings": "AAAA,OAAOA,MAAW,QAClB,OAAOC,MAAQ,aAEf,OAAyB,YAAAC,EAAU,UAAAC,EAAQ,SAAAC,MAAa,gBACxD,OAAOC,MAAU,UAEjB,MAAMC,EAGF,CAAC,CAAE,QAAAC,EAAS,MAAAC,EAAQL,EAAO,MAAO,QAAAM,EAAUP,EAAS,OAAQ,IAC/DF,EAAA,cAACK,EAAA,CACC,KAAMA,EAAK,MAAM,UACjB,UAAWJ,EAAG,QAAS,gBAAgBO,CAAK,IAAIC,CAAO,GAAI,CACzD,uBAAwBF,EAAQ,OAASH,EAAM,IACjD,CAAC,EACD,MAAK,IAEJG,EAAQ,OAASH,EAAM,WACpBG,EAAQ,SAAW,IACjB,OAEFA,EAAQ,OACd,EAGFD,EAAM,SAAWJ,EACjBI,EAAM,OAASH,EACf,IAAOO,EAAQJ",
|
|
6
6
|
"names": ["React", "cn", "variants", "themes", "Types", "Text", "Badge", "content", "theme", "variant", "badge_default"]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../react/badge/badge.types.ts"],
|
|
3
|
+
"sources": ["../../../library/react/badge/badge.types.ts"],
|
|
4
4
|
"sourcesContent": ["import type { ReactElement } from 'react';\nimport type { ObjectValues } from '../types';\n\nexport const variants = {\n primary: 'primary',\n secondary: 'secondary',\n tertiary: 'tertiary',\n} as const;\n\nexport const themes = {\n light: 'light',\n fixed: 'fixed',\n} as const;\n\nexport enum Types {\n Numerical = 'Numerical',\n Icon = 'Icon',\n}\n\ntype Icon = {\n type: Types.Icon;\n content: ReactElement;\n};\n\ntype Numerical = {\n type: Types.Numerical;\n content: number;\n};\n\nexport type Badge = {\n content: Numerical | Icon;\n theme?: ObjectValues<typeof themes>;\n variant?: ObjectValues<typeof variants>;\n};\n"],
|
|
5
5
|
"mappings": "AAGO,MAAMA,EAAW,CACtB,QAAS,UACT,UAAW,YACX,SAAU,UACZ,EAEaC,EAAS,CACpB,MAAO,QACP,MAAO,OACT,EAEO,IAAKC,OACVA,EAAA,UAAY,YACZA,EAAA,KAAO,OAFGA,OAAA",
|
|
6
6
|
"names": ["variants", "themes", "Types"]
|
package/react/badge/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../react/badge/index.ts"],
|
|
3
|
+
"sources": ["../../../library/react/badge/index.ts"],
|
|
4
4
|
"sourcesContent": ["import Badge from './badge';\nexport default Badge;\n"],
|
|
5
5
|
"mappings": "AAAA,OAAOA,MAAW,UAClB,IAAOC,EAAQD",
|
|
6
6
|
"names": ["Badge", "badge_default"]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../react/banner/banner.tsx"],
|
|
3
|
+
"sources": ["../../../library/react/banner/banner.tsx"],
|
|
4
4
|
"sourcesContent": ["'use client';\n\nimport cn from 'classnames';\nimport React, { useState } from 'react';\n\nimport Text from '../text';\nimport VisuallyHidden from '../visually-hidden';\nimport Error from '../icons/18/error';\nimport Info from '../icons/18/info';\nimport Confirm from '../icons/18/confirm';\nimport WarningSign from '../icons/18/warning-sign';\nimport Close from '../icons/18/close';\n\nimport type { Banner as Props } from './banner.types';\n\nconst typeIcon = {\n error: <Error />,\n information: <Info />,\n neutral: <Info />,\n success: <Confirm />,\n warning: <WarningSign />,\n};\n\nconst Banner: React.FunctionComponent<Props> = ({\n dismiss,\n icon,\n link,\n list,\n nested,\n text,\n title,\n type,\n}) => {\n const [isDismissed, setDismissed] = useState(false);\n if (isDismissed) {\n return null;\n }\n\n const handleClick = () => setDismissed(true);\n\n return (\n <div\n className={cn('banner', {\n 'banner--layout-dismissable': !icon && dismiss,\n 'banner--layout-icon': icon && !dismiss,\n 'banner--layout-single': !icon && !dismiss,\n 'banner--layout-triple': icon && dismiss,\n 'banner--nested': nested,\n [`banner--type-${type}`]: type,\n })}\n >\n {icon ? <div className=\"banner__icon\">{typeIcon[type]}</div> : null}\n <div className=\"banner__primary\">\n {title ? (\n <div className=\"banner__title\">\n <Text theme={Text.themes.emphasis} tight>\n {title}\n </Text>\n </div>\n ) : null}\n <Text className=\"banner__text\" size={Text.sizes.small}>\n {text}\n </Text>\n {list.length ? (\n <Text\n elementName=\"ol\"\n className=\"banner__list\"\n size={Text.sizes.small}\n >\n {list.map(item => (\n <li key={item}>{item}</li>\n ))}\n </Text>\n ) : null}\n {link ? (\n <Text className=\"banner__link\">\n <a className=\"banner__anchor\" href={link.href}>\n {link.text}\n </a>\n </Text>\n ) : null}\n </div>\n {dismiss ? (\n <div className=\"banner__secondary\">\n <button className=\"banner__dismisser\" onClick={handleClick}>\n <VisuallyHidden>{dismiss}</VisuallyHidden>\n <Close />\n </button>\n </div>\n ) : null}\n </div>\n );\n};\n\nexport default Banner;\n"],
|
|
5
5
|
"mappings": "aAEA,OAAOA,MAAQ,aACf,OAAOC,GAAS,YAAAC,MAAgB,QAEhC,OAAOC,MAAU,UACjB,OAAOC,MAAoB,qBAC3B,OAAOC,MAAW,oBAClB,OAAOC,MAAU,mBACjB,OAAOC,MAAa,sBACpB,OAAOC,MAAiB,2BACxB,OAAOC,MAAW,oBAIlB,MAAMC,EAAW,CACf,MAAOT,EAAA,cAACI,EAAA,IAAM,EACd,YAAaJ,EAAA,cAACK,EAAA,IAAK,EACnB,QAASL,EAAA,cAACK,EAAA,IAAK,EACf,QAASL,EAAA,cAACM,EAAA,IAAQ,EAClB,QAASN,EAAA,cAACO,EAAA,IAAY,CACxB,EAEMG,EAAyC,CAAC,CAC9C,QAAAC,EACA,KAAAC,EACA,KAAAC,EACA,KAAAC,EACA,OAAAC,EACA,KAAAC,EACA,MAAAC,EACA,KAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAaC,CAAY,EAAInB,EAAS,EAAK,EAClD,GAAIkB,EACF,OAAO,KAGT,MAAME,EAAc,IAAMD,EAAa,EAAI,EAE3C,OACEpB,EAAA,cAAC,OACC,UAAWD,EAAG,SAAU,CACtB,6BAA8B,CAACa,GAAQD,EACvC,sBAAuBC,GAAQ,CAACD,EAChC,wBAAyB,CAACC,GAAQ,CAACD,EACnC,wBAAyBC,GAAQD,EACjC,iBAAkBI,EAClB,CAAC,gBAAgBG,CAAI,EAAE,EAAGA,CAC5B,CAAC,GAEAN,EAAOZ,EAAA,cAAC,OAAI,UAAU,gBAAgBS,EAASS,CAAI,CAAE,EAAS,KAC/DlB,EAAA,cAAC,OAAI,UAAU,mBACZiB,EACCjB,EAAA,cAAC,OAAI,UAAU,iBACbA,EAAA,cAACE,EAAA,CAAK,MAAOA,EAAK,OAAO,SAAU,MAAK,IACrCe,CACH,CACF,EACE,KACJjB,EAAA,cAACE,EAAA,CAAK,UAAU,eAAe,KAAMA,EAAK,MAAM,OAC7Cc,CACH,EACCF,EAAK,OACJd,EAAA,cAACE,EAAA,CACC,YAAY,KACZ,UAAU,eACV,KAAMA,EAAK,MAAM,OAEhBY,EAAK,IAAIQ,GACRtB,EAAA,cAAC,MAAG,IAAKsB,GAAOA,CAAK,CACtB,CACH,EACE,KACHT,EACCb,EAAA,cAACE,EAAA,CAAK,UAAU,gBACdF,EAAA,cAAC,KAAE,UAAU,iBAAiB,KAAMa,EAAK,MACtCA,EAAK,IACR,CACF,EACE,IACN,EACCF,EACCX,EAAA,cAAC,OAAI,UAAU,qBACbA,EAAA,cAAC,UAAO,UAAU,oBAAoB,QAASqB,GAC7CrB,EAAA,cAACG,EAAA,KAAgBQ,CAAQ,EACzBX,EAAA,cAACQ,EAAA,IAAM,CACT,CACF,EACE,IACN,CAEJ,EAEA,IAAOe,EAAQb",
|
|
6
6
|
"names": ["cn", "React", "useState", "Text", "VisuallyHidden", "Error", "Info", "Confirm", "WarningSign", "Close", "typeIcon", "Banner", "dismiss", "icon", "link", "list", "nested", "text", "title", "type", "isDismissed", "setDismissed", "handleClick", "item", "banner_default"]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../react/banner/index.ts"],
|
|
3
|
+
"sources": ["../../../library/react/banner/index.ts"],
|
|
4
4
|
"sourcesContent": ["import Banner from './banner';\nexport default Banner;\n"],
|
|
5
5
|
"mappings": "AAAA,OAAOA,MAAY,WACnB,IAAOC,EAAQD",
|
|
6
6
|
"names": ["Banner", "banner_default"]
|
package/react/bomb/bomb.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../react/bomb/bomb.tsx"],
|
|
3
|
+
"sources": ["../../../library/react/bomb/bomb.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nimport Text from '../text';\n\nimport { Bomb as Props } from './bomb.types';\n\nconst Bomb: React.FC<Props> = ({ label, price }) => (\n <div className=\"bomb\">\n <div className=\"bomb__content\">\n <Text size={Text.sizes.small} theme={Text.themes.normal}>\n {label}\n </Text>\n <Text size={Text.sizes.large} theme={Text.themes['emphasis']}>\n {price}\n </Text>\n </div>\n </div>\n);\n\nexport default Bomb;\n"],
|
|
5
5
|
"mappings": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAU,UAIjB,MAAMC,EAAwB,CAAC,CAAE,MAAAC,EAAO,MAAAC,CAAM,IAC5CJ,EAAA,cAAC,OAAI,UAAU,QACbA,EAAA,cAAC,OAAI,UAAU,iBACbA,EAAA,cAACC,EAAA,CAAK,KAAMA,EAAK,MAAM,MAAO,MAAOA,EAAK,OAAO,QAC9CE,CACH,EACAH,EAAA,cAACC,EAAA,CAAK,KAAMA,EAAK,MAAM,MAAO,MAAOA,EAAK,OAAO,UAC9CG,CACH,CACF,CACF,EAGF,IAAOC,EAAQH",
|
|
6
6
|
"names": ["React", "Text", "Bomb", "label", "price", "bomb_default"]
|
package/react/bomb/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../react/bomb/index.ts"],
|
|
3
|
+
"sources": ["../../../library/react/bomb/index.ts"],
|
|
4
4
|
"sourcesContent": ["import Bomb from './bomb';\nexport default Bomb;\n"],
|
|
5
5
|
"mappings": "AAAA,OAAOA,MAAU,SACjB,IAAOC,EAAQD",
|
|
6
6
|
"names": ["Bomb", "bomb_default"]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../react/button/button.tsx"],
|
|
3
|
+
"sources": ["../../../library/react/button/button.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\n\nimport type { Button as Props } from './button.types';\n\nimport VisuallyButton from '../visually-button';\n\nconst ButtonRef = React.forwardRef<HTMLButtonElement, Props>(\n ({ type = 'button', ...rest }, ref) => (\n <VisuallyButton elementName=\"button\" ref={ref} type={type} {...rest} />\n ),\n);\n\nButtonRef.displayName = 'Button';\n\nconst Button: typeof ButtonRef & {\n sizes: typeof VisuallyButton.sizes;\n variants: typeof VisuallyButton.variants;\n} = Object.assign(ButtonRef, {\n sizes: VisuallyButton.sizes,\n variants: VisuallyButton.variants,\n});\n\nexport default Button;\n"],
|
|
5
5
|
"mappings": "2fAAA,UAAYA,MAAW,QAIvB,OAAOC,MAAoB,qBAE3B,MAAMC,EAAYF,EAAM,WACtB,CAACG,EAA8BC,IAAK,CAAnC,IAAAC,EAAAF,EAAE,MAAAG,EAAO,QAPZ,EAOGD,EAAsBE,EAAAC,EAAtBH,EAAsB,CAApB,SACD,OAAAL,EAAA,cAACC,EAAAQ,EAAA,CAAe,YAAY,SAAS,IAAKL,EAAK,KAAME,GAAUC,EAAM,EAEzE,EAEAL,EAAU,YAAc,SAExB,MAAMQ,EAGF,OAAO,OAAOR,EAAW,CAC3B,MAAOD,EAAe,MACtB,SAAUA,EAAe,QAC3B,CAAC,EAED,IAAOU,EAAQD",
|
|
6
6
|
"names": ["React", "VisuallyButton", "ButtonRef", "_a", "ref", "_b", "type", "rest", "__objRest", "__spreadValues", "Button", "button_default"]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../react/button/index.ts"],
|
|
3
|
+
"sources": ["../../../library/react/button/index.ts"],
|
|
4
4
|
"sourcesContent": ["import Button from './button';\nexport default Button;\n"],
|
|
5
5
|
"mappings": "AAAA,OAAOA,MAAY,WACnB,IAAOC,EAAQD",
|
|
6
6
|
"names": ["Button", "button_default"]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../react/checkbox/checkbox.tsx"],
|
|
3
|
+
"sources": ["../../../library/react/checkbox/checkbox.tsx"],
|
|
4
4
|
"sourcesContent": ["'use client';\n\nimport cn from 'classnames';\nimport * as React from 'react';\n\nimport useInputValidation from '../use-input-validation';\nimport Text from '../text';\n\nimport { Checkbox as Props, labelVariants, themes } from './checkbox.types';\n\nconst RefCheckbox = React.forwardRef<\n HTMLInputElement,\n React.PropsWithChildren<Props>\n>(\n (\n {\n children,\n disabled,\n description,\n extra,\n intermediate,\n labelVariant = labelVariants.default,\n label,\n name,\n showCustomError = true,\n theme,\n value = '',\n required,\n hasHover = false,\n isWide = true,\n ...restProps\n },\n ref,\n ) => {\n const [onChange, onInvalid, error] = useInputValidation();\n\n return (\n <div\n className={cn('checkbox', {\n 'checkbox--error': error,\n 'checkbox--intermediate': intermediate,\n 'checkbox--wide': isWide,\n [`checkbox--${theme}`]: theme,\n })}\n >\n <label\n className={cn('checkbox__content', {\n 'checkbox__content--hover': hasHover,\n [`checkbox__content--${theme}`]: theme,\n })}\n >\n <div className=\"checkbox__main\">\n <div className=\"checkbox__main-top\">\n <div>\n <input\n aria-label={\n labelVariant === labelVariants.hidden ? label : undefined\n }\n className=\"checkbox__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 (restProps.onChange) restProps.onChange(e);\n onChange(e);\n }}\n onInvalid={e => {\n // NOTE: If props specify an `onInvalid`, we need to call that too\n if (restProps.onInvalid) restProps.onInvalid(e);\n onInvalid(e);\n }}\n ref={ref}\n value={value}\n disabled={disabled}\n required={required}\n {...restProps}\n />\n\n <div\n className={cn('checkbox__icon', {\n 'checkbox__icon--intermediate': intermediate,\n [`checkbox__icon--${theme}`]: theme,\n })}\n >\n <svg\n className=\"checkbox__intermediate\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <line\n x1=\"0\"\n y1=\"5\"\n x2=\"10\"\n y2=\"5\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n />\n </svg>\n <svg\n className=\"checkbox__check\"\n width=\"12\"\n height=\"10\"\n viewBox=\"0 0 12 10\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4.76123 9.0605L0.700729 5L1.76123 3.9395L4.76123 6.9395L10.7612 0.939501L11.8217 2L4.76123 9.0605Z\"\n fill=\"currentColor\"\n />\n </svg>\n </div>\n </div>\n {labelVariant !== labelVariants.hidden ? (\n <>\n {label ? (\n <Text\n className={cn('checkbox__label', {\n [`checkbox__label--${theme}`]: theme,\n 'checkbox__label--disabled': disabled,\n })}\n size={Text.sizes.basic}\n italic={labelVariant === labelVariants.headline}\n theme={\n labelVariant === labelVariants.bold\n ? Text.themes.emphasis\n : labelVariant === labelVariants.headline\n ? Text.themes.headline\n : Text.themes.normal\n }\n >\n {label}\n </Text>\n ) : (\n <div\n className={cn('checkbox__label', {\n [`checkbox__label--${theme}`]: theme,\n 'checkbox__label--disabled': disabled,\n })}\n >\n {children}\n </div>\n )}\n </>\n ) : null}\n {required ? <span className=\"checkbox__asterisk\">*</span> : null}\n </div>\n {description && (\n <Text\n className={cn('checkbox__description', {\n [`checkbox__label--${theme}`]: theme,\n 'checkbox__label--disabled': disabled,\n })}\n size={Text.sizes.small}\n >\n {description}\n </Text>\n )}\n </div>\n </label>\n\n {/* NOTE: This is aria-hidden because reporting of validation errors is handled by the browser */}\n {error && showCustomError && (\n <div\n aria-hidden=\"true\"\n className={cn('checkbox__error', {\n [`checkbox__error--${theme}`]: theme,\n })}\n >\n {error}\n </div>\n )}\n\n {extra && <span className=\"checkbox__extra\">{extra}</span>}\n </div>\n );\n },\n);\n\n// NOTE: If this isn't set, stack traces say \"forwardRef\" instead of \"Checkbox\"\nRefCheckbox.displayName = 'Checkbox';\n\n// NOTE: The component is redeclared here because TypeScript doesn't accept assigning extra properties to `RefComponent` when it's declared\nconst Checkbox: typeof RefCheckbox & {\n themes: typeof themes;\n labelVariants: typeof labelVariants;\n} = Object.assign(RefCheckbox, { themes, labelVariants });\n\nexport default Checkbox;\n"],
|
|
5
5
|
"mappings": "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",
|
|
6
6
|
"names": ["cn", "React", "useInputValidation", "Text", "labelVariants", "themes", "RefCheckbox", "_a", "ref", "_b", "children", "disabled", "description", "extra", "intermediate", "labelVariant", "label", "name", "showCustomError", "theme", "value", "required", "hasHover", "isWide", "restProps", "__objRest", "onChange", "onInvalid", "error", "__spreadValues", "e", "Checkbox", "checkbox_default"]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../react/checkbox/checkbox.types.ts"],
|
|
3
|
+
"sources": ["../../../library/react/checkbox/checkbox.types.ts"],
|
|
4
4
|
"sourcesContent": ["import { ObjectValues, InputHtmlProps } from '../types';\n\nexport const themes = {\n light: 'light',\n blue: 'blue',\n} as const;\n\nexport const labelVariants = {\n default: 'default',\n headline: 'headline',\n bold: 'bold',\n hidden: 'hidden',\n} as const;\n\nexport type Checkbox = Omit<InputHtmlProps, 'value'> & {\n intermediate?: boolean;\n description?: string;\n extra?: React.ReactNode;\n labelVariant?: ObjectValues<typeof labelVariants>;\n label?: string;\n name: string;\n value: string;\n showCustomError?: boolean;\n theme?: ObjectValues<typeof themes>;\n hasHover?: boolean;\n isWide?: boolean;\n};\n"],
|
|
5
5
|
"mappings": "AAEO,MAAMA,EAAS,CACpB,MAAO,QACP,KAAM,MACR,EAEaC,EAAgB,CAC3B,QAAS,UACT,SAAU,WACV,KAAM,OACN,OAAQ,QACV",
|
|
6
6
|
"names": ["themes", "labelVariants"]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../react/checkbox/index.ts"],
|
|
3
|
+
"sources": ["../../../library/react/checkbox/index.ts"],
|
|
4
4
|
"sourcesContent": ["import Checkbox from './checkbox';\nexport default Checkbox;\n"],
|
|
5
5
|
"mappings": "AAAA,OAAOA,MAAc,aACrB,IAAOC,EAAQD",
|
|
6
6
|
"names": ["Checkbox", "checkbox_default"]
|
package/react/chip/chip.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../react/chip/chip.tsx"],
|
|
3
|
+
"sources": ["../../../library/react/chip/chip.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nimport cn from 'classnames';\n\nimport Close from '../icons/16/close';\nimport Text from '../text';\n\nimport { Chip as Props } from './chip.types';\n\nconst Chip: React.FC<Props> = ({\n className,\n customIcon,\n elementName = 'button',\n icon = false,\n isSelected = false,\n text,\n ...rest\n}) =>\n React.createElement(\n elementName,\n {\n className: cn('chip', className, {\n 'chip--selected': isSelected,\n }),\n ...rest,\n },\n <React.Fragment>\n <div className=\"chip__wrapper\">\n {icon ? <Close /> : null}\n {customIcon ? (\n <div\n className={cn('chip__custom-icon chip__custom-icon--animated', {\n 'chip__custom-icon--visible': isSelected,\n })}\n >\n {customIcon}\n </div>\n ) : null}\n <Text\n className={cn('chip__text', {\n 'chip__text--with-icon': icon || (customIcon && isSelected),\n })}\n size={Text.sizes.small}\n theme={Text.themes.emphasis}\n >\n {text}\n </Text>\n </div>\n </React.Fragment>,\n );\n\nexport default Chip;\n"],
|
|
5
5
|
"mappings": "2fAAA,UAAYA,MAAW,QACvB,OAAOC,MAAQ,aAEf,OAAOC,MAAW,oBAClB,OAAOC,MAAU,UAIjB,MAAMC,EAAyBC,GAQ5B,CAR4B,IAAAC,EAAAD,EAC7B,WAAAE,EACA,WAAAC,EACA,YAAAC,EAAc,SACd,KAAAC,EAAO,GACP,WAAAC,EAAa,GACb,KAAAC,CAdF,EAQ+BN,EAO1BO,EAAAC,EAP0BR,EAO1B,CANH,YACA,aACA,cACA,OACA,aACA,SAGA,OAAAN,EAAM,cACJS,EACAM,EAAA,CACE,UAAWd,EAAG,OAAQM,EAAW,CAC/B,iBAAkBI,CACpB,CAAC,GACEE,GAELb,EAAA,cAACA,EAAM,SAAN,KACCA,EAAA,cAAC,OAAI,UAAU,iBACZU,EAAOV,EAAA,cAACE,EAAA,IAAM,EAAK,KACnBM,EACCR,EAAA,cAAC,OACC,UAAWC,EAAG,gDAAiD,CAC7D,6BAA8BU,CAChC,CAAC,GAEAH,CACH,EACE,KACJR,EAAA,cAACG,EAAA,CACC,UAAWF,EAAG,aAAc,CAC1B,wBAAyBS,GAASF,GAAcG,CAClD,CAAC,EACD,KAAMR,EAAK,MAAM,MACjB,MAAOA,EAAK,OAAO,UAElBS,CACH,CACF,CACF,CACF,GAEF,IAAOI,EAAQZ",
|
|
6
6
|
"names": ["React", "cn", "Close", "Text", "Chip", "_a", "_b", "className", "customIcon", "elementName", "icon", "isSelected", "text", "rest", "__objRest", "__spreadValues", "chip_default"]
|
package/react/chip/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../react/chip/index.ts"],
|
|
3
|
+
"sources": ["../../../library/react/chip/index.ts"],
|
|
4
4
|
"sourcesContent": ["import Chip from './chip';\nexport default Chip;\n"],
|
|
5
5
|
"mappings": "AAAA,OAAOA,MAAU,SACjB,IAAOC,EAAQD",
|
|
6
6
|
"names": ["Chip", "chip_default"]
|
package/react/chip/remove.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../react/chip/remove.tsx"],
|
|
3
|
+
"sources": ["../../../library/react/chip/remove.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\n\nconst SvgRemove = () => (\n <svg width={18} height={19} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9 18.998a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm3.429-12.429a.808.808 0 0 1 0 1.143l-2.286 2.286 2.286 2.286a.808.808 0 0 1-1.143 1.143L9 11.14l-2.286 2.287a.808.808 0 0 1-1.143-1.143l2.286-2.286-2.286-2.286a.808.808 0 0 1 1.143-1.143L9 8.855l2.286-2.286a.808.808 0 0 1 1.143 0Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nexport default SvgRemove;\n"],
|
|
5
5
|
"mappings": "AAAA,UAAYA,MAAW,QAEvB,MAAMC,EAAY,IAChBD,EAAA,cAAC,OAAI,MAAO,GAAI,OAAQ,GAAI,KAAK,OAAO,MAAM,8BAC5CA,EAAA,cAAC,QACC,SAAS,UACT,SAAS,UACT,EAAE,kRACF,KAAK,eACP,CACF,EAGF,IAAOE,EAAQD",
|
|
6
6
|
"names": ["React", "SvgRemove", "remove_default"]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../react/chip-selected/chip-selected.tsx"],
|
|
3
|
+
"sources": ["../../../library/react/chip-selected/chip-selected.tsx"],
|
|
4
4
|
"sourcesContent": ["'use client';\n\nimport * as React from 'react';\n\nimport ChevronDown from '../icons/24/arrow-down';\nimport ChevronUp from '../icons/24/arrow-up';\nimport Chip from '../chip/chip';\nimport Text from '../text';\nimport Link from '../link';\nimport Collapse from '../collapse';\n\nimport useEvent from '../hooks/use-event';\n\nimport { ChipSelected as Props } from './chip-selected.types';\n\nconst ChipSelected: React.FC<Props> = ({\n resetSelected,\n description,\n hideSelected,\n maxChipsToShow = 41,\n showSelected,\n chips,\n}) => {\n const [expandedSelectedValues, setExpandedSelectedValues] =\n React.useState(false);\n\n const [heightOfCollapse, setHeightOfCollapse] = React.useState<\n number | undefined\n >(0);\n const divRef = React.useRef<HTMLDivElement>(null);\n\n const updateSize = () => {\n if (divRef && divRef.current) {\n setHeightOfCollapse(divRef.current.clientHeight);\n }\n };\n\n useEvent('resize', updateSize);\n\n React.useEffect(() => {\n if (divRef && divRef.current) {\n setHeightOfCollapse(divRef.current.clientHeight);\n }\n }, [divRef]);\n\n const toggleShowMore = () => {\n setExpandedSelectedValues(prevState => !prevState);\n };\n\n return chips ? (\n <div className=\"chip-selected__selected-options-wrapper\">\n <div className=\"chip-selected__clear-all-button\">\n <Text>{description}</Text>\n <Link {...resetSelected} />\n </div>\n <div>\n <Collapse\n className=\"chip-selected__collapse\"\n isOpen={expandedSelectedValues}\n >\n <div className=\"chip-selected__selected-options\" ref={divRef}>\n {chips.map(chip => (\n <Chip {...chip} key={chip.text} />\n ))}\n </div>\n </Collapse>\n\n {heightOfCollapse && heightOfCollapse > maxChipsToShow ? (\n <button\n type=\"button\"\n className=\"chip-selected__expand\"\n onClick={toggleShowMore}\n >\n {expandedSelectedValues ? (\n <>\n <Text\n elementName=\"span\"\n size={Text.sizes.small}\n className=\"chip-selected__expand-text\"\n >\n {hideSelected}\n </Text>\n <ChevronUp />\n </>\n ) : (\n <>\n <Text\n elementName=\"span\"\n size={Text.sizes.small}\n className=\"chip-selected__expand-text\"\n >\n {showSelected}\n </Text>\n <ChevronDown />\n </>\n )}\n </button>\n ) : null}\n </div>\n </div>\n ) : null;\n};\n\nexport default ChipSelected;\n"],
|
|
5
5
|
"mappings": "0bAEA,UAAYA,MAAW,QAEvB,OAAOC,MAAiB,yBACxB,OAAOC,MAAe,uBACtB,OAAOC,MAAU,eACjB,OAAOC,MAAU,UACjB,OAAOC,MAAU,UACjB,OAAOC,MAAc,cAErB,OAAOC,MAAc,qBAIrB,MAAMC,EAAgC,CAAC,CACrC,cAAAC,EACA,YAAAC,EACA,aAAAC,EACA,eAAAC,EAAiB,GACjB,aAAAC,EACA,MAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAwBC,CAAyB,EACtDhB,EAAM,SAAS,EAAK,EAEhB,CAACiB,EAAkBC,CAAmB,EAAIlB,EAAM,SAEpD,CAAC,EACGmB,EAASnB,EAAM,OAAuB,IAAI,EAQhDO,EAAS,SANU,IAAM,CACnBY,GAAUA,EAAO,SACnBD,EAAoBC,EAAO,QAAQ,YAAY,CAEnD,CAE6B,EAE7BnB,EAAM,UAAU,IAAM,CAChBmB,GAAUA,EAAO,SACnBD,EAAoBC,EAAO,QAAQ,YAAY,CAEnD,EAAG,CAACA,CAAM,CAAC,EAEX,MAAMC,EAAiB,IAAM,CAC3BJ,EAA0BK,GAAa,CAACA,CAAS,CACnD,EAEA,OAAOP,EACLd,EAAA,cAAC,OAAI,UAAU,2CACbA,EAAA,cAAC,OAAI,UAAU,mCACbA,EAAA,cAACI,EAAA,KAAMM,CAAY,EACnBV,EAAA,cAACK,EAAAiB,EAAA,GAASb,EAAe,CAC3B,EACAT,EAAA,cAAC,WACCA,EAAA,cAACM,EAAA,CACC,UAAU,0BACV,OAAQS,GAERf,EAAA,cAAC,OAAI,UAAU,kCAAkC,IAAKmB,GACnDL,EAAM,IAAIS,GACTvB,EAAA,cAACG,EAAAqB,EAAAF,EAAA,GAASC,GAAT,CAAe,IAAKA,EAAK,MAAM,CACjC,CACH,CACF,EAECN,GAAoBA,EAAmBL,EACtCZ,EAAA,cAAC,UACC,KAAK,SACL,UAAU,wBACV,QAASoB,GAERL,EACCf,EAAA,cAAAA,EAAA,cACEA,EAAA,cAACI,EAAA,CACC,YAAY,OACZ,KAAMA,EAAK,MAAM,MACjB,UAAU,8BAETO,CACH,EACAX,EAAA,cAACE,EAAA,IAAU,CACb,EAEAF,EAAA,cAAAA,EAAA,cACEA,EAAA,cAACI,EAAA,CACC,YAAY,OACZ,KAAMA,EAAK,MAAM,MACjB,UAAU,8BAETS,CACH,EACAb,EAAA,cAACC,EAAA,IAAY,CACf,CAEJ,EACE,IACN,CACF,EACE,IACN,EAEA,IAAOwB,EAAQjB",
|
|
6
6
|
"names": ["React", "ChevronDown", "ChevronUp", "Chip", "Text", "Link", "Collapse", "useEvent", "ChipSelected", "resetSelected", "description", "hideSelected", "maxChipsToShow", "showSelected", "chips", "expandedSelectedValues", "setExpandedSelectedValues", "heightOfCollapse", "setHeightOfCollapse", "divRef", "toggleShowMore", "prevState", "__spreadValues", "chip", "__spreadProps", "chip_selected_default"]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../react/chip-selected/index.ts"],
|
|
3
|
+
"sources": ["../../../library/react/chip-selected/index.ts"],
|
|
4
4
|
"sourcesContent": ["import ChipSelected from './chip-selected';\nexport default ChipSelected;\n"],
|
|
5
5
|
"mappings": "AAAA,OAAOA,MAAkB,kBACzB,IAAOC,EAAQD",
|
|
6
6
|
"names": ["ChipSelected", "chip_selected_default"]
|