@redsift/design-system 11.6.0-muiv5-alpha.11 → 11.6.0-muiv5-alpha.12

package/_internal/detailed-card-section.js

@@ -0,0 +1,2 @@
+export { D as DetailedCardSection } from './DetailedCardSection.js';
+//# sourceMappingURL=detailed-card-section.js.map

package/_internal/detailed-card.js

@@ -0,0 +1,2 @@
+export { D as DetailedCard } from './DetailedCard.js';
+//# sourceMappingURL=detailed-card.js.map

package/_internal/filterComponents.js

@@ -0,0 +1,24 @@
+import React__default from 'react';
+import { i as isComponent } from './isComponent.js';
+
+/**
+ * Create an array containing only valid and specific components.
+ *
+ * @param  component React function component or the component name
+ * @return an array of components
+ */
+const filterComponents = component => children => {
+  const components = Array.isArray(component) ? component : [component];
+  const childArray = [];
+  React__default.Children.forEach(children, child => {
+    components.forEach(comp => {
+      if (isComponent(comp)(child)) {
+        childArray.push(child);
+      }
+    });
+  });
+  return childArray;
+};
+
+export { filterComponents as f };
+//# sourceMappingURL=filterComponents.js.map

package/_internal/filterComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterComponents.js","sources":["../../src/utils/filterComponents.ts"],"sourcesContent":["import React, { ReactNode, ReactElement } from 'react';\nimport { Comp } from '../types';\nimport { isComponent } from './isComponent';\n\n/**\n * Create an array containing only valid and specific components.\n *\n * @param  component React function component or the component name\n * @return an array of components\n */\nexport const filterComponents =\n  (component: Comp<any, any> | string | Comp<any, any>[] | string[]) =>\n  (children: ReactNode): ReactElement[] => {\n    const components = Array.isArray(component) ? component : [component];\n    const childArray: ReactElement[] = [];\n\n    React.Children.forEach(children, (child) => {\n      components.forEach((comp) => {\n        if (isComponent(comp)(child)) {\n          childArray.push(child);\n        }\n      });\n    });\n\n    return childArray;\n  };\n"],"names":["filterComponents","component","children","components","Array","isArray","childArray","React","Children","forEach","child","comp","isComponent","push"],"mappings":";;;AAIA;AACA;AACA;AACA;AACA;AACA;MACaA,gBAAgB,GAC1BC,SAAgE,IAChEC,QAAmB,IAAqB;AACvC,EAAA,MAAMC,UAAU,GAAGC,KAAK,CAACC,OAAO,CAACJ,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAA;EACrE,MAAMK,UAA0B,GAAG,EAAE,CAAA;EAErCC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACP,QAAQ,EAAGQ,KAAK,IAAK;AAC1CP,IAAAA,UAAU,CAACM,OAAO,CAAEE,IAAI,IAAK;AAC3B,MAAA,IAAIC,WAAW,CAACD,IAAI,CAAC,CAACD,KAAK,CAAC,EAAE;AAC5BJ,QAAAA,UAAU,CAACO,IAAI,CAACH,KAAK,CAAC,CAAA;AACxB,OAAA;AACF,KAAC,CAAC,CAAA;AACJ,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOJ,UAAU,CAAA;AACnB;;;;"}

package/_internal/flexbox.js

@@ -0,0 +1,2 @@
+export { F as Flexbox } from './Flexbox2.js';
+//# sourceMappingURL=flexbox.js.map

package/_internal/focus-within-group.js

@@ -0,0 +1,3 @@
+export { E as EventKey, a as FOCUS_WITHING_GROUP_INITIAL_STATE, F as FocusWithinGroupActionType, b as FocusWithinGroupContext, N as Navigation, u as uniqueId, c as useFocusOnListItem } from './useFocusOnListItem.js';
+export { F as FocusWithinGroup, a as FocusWithinGroupReducer, u as useFocusOnList } from './useFocusOnList.js';
+//# sourceMappingURL=focus-within-group.js.map

package/_internal/focus-within-group.js.map

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

package/_internal/fonts.js

@@ -0,0 +1,10 @@
+/**
+ * Font.
+ */
+const FontFamily = {
+  poppins: 'poppins',
+  'source-code-pro': 'source-code-pro'
+};
+
+export { FontFamily as F };
+//# sourceMappingURL=fonts.js.map

package/_internal/fonts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.js","sources":["../../src/types/fonts.ts"],"sourcesContent":["import { ValueOf } from './helpers';\n\n/**\n * Font.\n */\nexport const FontFamily = {\n  poppins: 'poppins',\n  'source-code-pro': 'source-code-pro',\n} as const;\nexport type FontFamily = ValueOf<typeof FontFamily>;\n"],"names":["FontFamily","poppins"],"mappings":"AAEA;AACA;AACA;AACO,MAAMA,UAAU,GAAG;AACxBC,EAAAA,OAAO,EAAE,SAAS;AAClB,EAAA,iBAAiB,EAAE,iBAAA;AACrB;;;;"}

package/_internal/gradient-border.js

@@ -0,0 +1,38 @@
+import styled, { css } from 'styled-components';
+import { T as Theme } from './colors.js';
+
+const StyledGradientBorder = styled.div`
+  ${_ref => {
+  let {
+    $borderRadius,
+    $color,
+    $isActive,
+    $isDisabled,
+    $isHovered,
+    $theme,
+    width
+  } = _ref;
+  return css`
+    background: transparent;
+    border-radius: ${$borderRadius !== null && $borderRadius !== void 0 ? $borderRadius : '4px'};
+    width: ${width !== null && width !== void 0 ? width : 'fit-content'};
+
+    ${!$isDisabled ? css`
+          border: 1px solid transparent;
+          background-clip: padding-box, border-box;
+          background-origin: border-box;
+          background-image: linear-gradient(
+              90deg,
+              var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'}),
+              var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'})
+            ),
+            var(
+              --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
+            );
+        ` : ''}
+  `;
+}};
+`;
+
+export { StyledGradientBorder };
+//# sourceMappingURL=gradient-border.js.map

package/_internal/gradient-border.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-border.js","sources":["../../src/components/gradient-border/index.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { ButtonProps } from '../button';\nimport { Theme } from '../../types';\n\nexport const StyledGradientBorder = styled.div<{\n  $borderRadius?: string;\n  $color?: ButtonProps['color'];\n  $isActive?: ButtonProps['isActive'];\n  $isDisabled?: ButtonProps['isDisabled'];\n  $isHovered?: ButtonProps['isHovered'];\n  $theme?: ButtonProps['theme'];\n  width?: string;\n}>`\n  ${({ $borderRadius, $color, $isActive, $isDisabled, $isHovered, $theme, width }) => css`\n    background: transparent;\n    border-radius: ${$borderRadius ?? '4px'};\n    width: ${width ?? 'fit-content'};\n\n    ${!$isDisabled\n      ? css`\n          border: 1px solid transparent;\n          background-clip: padding-box, border-box;\n          background-origin: border-box;\n          background-image: linear-gradient(\n              90deg,\n              var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'}),\n              var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'})\n            ),\n            var(\n              --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}\n            );\n        `\n      : ''}\n  `};\n`;\n"],"names":["StyledGradientBorder","styled","div","_ref","$borderRadius","$color","$isActive","$isDisabled","$isHovered","$theme","width","css","Theme","dark"],"mappings":";;;AAIaA,MAAAA,oBAAoB,GAAGC,MAAM,CAACC,GAQxC,CAAA;AACH,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;IAAEC,aAAa;IAAEC,MAAM;IAAEC,SAAS;IAAEC,WAAW;IAAEC,UAAU;IAAEC,MAAM;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAP,IAAA,CAAA;AAAA,EAAA,OAAKQ,GAAI,CAAA;AAC1F;AACA,mBAAA,EAAqBP,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,aAAa,GAAI,KAAM,CAAA;AAC5C,WAAA,EAAaM,KAAK,KAALA,IAAAA,IAAAA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAK,GAAI,aAAc,CAAA;AACpC;AACA,IAAM,EAAA,CAACH,WAAW,GACVI,GAAI,CAAA;AACZ;AACA;AACA;AACA;AACA;AACA,0CAA4CF,EAAAA,MAAM,KAAKG,KAAK,CAACC,IAAI,GAAG,aAAa,GAAG,OAAQ,CAAA;AAC5F,0CAA4CJ,EAAAA,MAAM,KAAKG,KAAK,CAACC,IAAI,GAAG,aAAa,GAAG,OAAQ,CAAA;AAC5F;AACA;AACA,8BAAA,EAAgCJ,MAAO,CAAuCJ,qCAAAA,EAAAA,MAAO,CAAQE,MAAAA,EAAAA,WAAW,GAAG,UAAU,GAAGD,SAAS,GAAG,QAAQ,GAAGE,UAAU,GAAG,OAAO,GAAG,SAAU,CAAA;AAChL;AACA,QAAA,CAAS,GACD,EAAG,CAAA;AACX,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;;;;"}

package/_internal/grid-item.js

@@ -0,0 +1,2 @@
+export { G as GridItem } from './GridItem.js';
+//# sourceMappingURL=grid-item.js.map

package/_internal/grid.js

@@ -0,0 +1,2 @@
+export { B as BaseGrid, G as Grid } from './Grid2.js';
+//# sourceMappingURL=grid.js.map

package/_internal/heading.js

@@ -0,0 +1,3 @@
+export { a as HeadingComponent, H as HeadingVariant } from './types2.js';
+export { H as Heading } from './Heading2.js';
+//# sourceMappingURL=heading.js.map

package/_internal/icon-button-link.js

@@ -0,0 +1,2 @@
+export { I as IconButtonLink } from './IconButtonLink.js';
+//# sourceMappingURL=icon-button-link.js.map

package/_internal/icon-button.js

@@ -0,0 +1,3 @@
+export { I as IconButtonVariant } from './styles2.js';
+export { I as IconButton } from './IconButton.js';
+//# sourceMappingURL=icon-button.js.map

package/_internal/icon.js

@@ -0,0 +1,2 @@
+export { a as Icon, I as IconSize, s as sizeToDimension } from './Icon2.js';
+//# sourceMappingURL=icon.js.map

package/_internal/icon.js.map

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

package/_internal/isComponent.js

@@ -0,0 +1,15 @@
+import React__default from 'react';
+
+/**
+ * Create a predicate function that checks if a ReactNode is a react element from the given component.
+ *
+ * @param  component React function component or the component name
+ * @return predicate returning true if value is instance of the component
+ */
+const isComponent = component => instance => {
+  const componentName = typeof component === 'string' ? component : component.displayName;
+  return /*#__PURE__*/React__default.isValidElement(instance) && instance.type.displayName === componentName;
+};
+
+export { isComponent as i };
+//# sourceMappingURL=isComponent.js.map

package/_internal/isComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isComponent.js","sources":["../../src/utils/isComponent.ts"],"sourcesContent":["import React, { ReactNode, ReactElement } from 'react';\nimport { Comp } from '../types';\n\n/**\n * Create a predicate function that checks if a ReactNode is a react element from the given component.\n *\n * @param  component React function component or the component name\n * @return predicate returning true if value is instance of the component\n */\nexport const isComponent =\n  <C>(component: Comp<C, any> | string) =>\n  (instance: ReactNode): instance is ReactElement => {\n    const componentName = typeof component === 'string' ? component : component.displayName;\n\n    return React.isValidElement(instance) && (instance.type as Comp<any>).displayName === componentName;\n  };\n"],"names":["isComponent","component","instance","componentName","displayName","React","isValidElement","type"],"mappings":";;AAGA;AACA;AACA;AACA;AACA;AACA;MACaA,WAAW,GAClBC,SAAgC,IACnCC,QAAmB,IAA+B;EACjD,MAAMC,aAAa,GAAG,OAAOF,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAGA,SAAS,CAACG,WAAW,CAAA;AAEvF,EAAA,oBAAOC,cAAK,CAACC,cAAc,CAACJ,QAAQ,CAAC,IAAKA,QAAQ,CAACK,IAAI,CAAeH,WAAW,KAAKD,aAAa,CAAA;AACrG;;;;"}

package/_internal/item.js

@@ -0,0 +1,2 @@
+export { I as Item, R as RenderedListboxItem, S as StyledItem } from './Item2.js';
+//# sourceMappingURL=item.js.map

package/_internal/item.js.map

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

package/_internal/link-button.js

@@ -0,0 +1,2 @@
+export { L as LinkButton } from './LinkButton.js';
+//# sourceMappingURL=link-button.js.map

package/_internal/link.js

@@ -0,0 +1,3 @@
+export { S as StyledLink } from './styles3.js';
+export { L as Link } from './Link2.js';
+//# sourceMappingURL=link.js.map

package/_internal/listbox.js

@@ -0,0 +1,3 @@
+export { c as LISTBOX_INITIAL_STATE, a as ListboxActionType, d as ListboxContext, L as ListboxSelectionMode, b as ListboxVariant, u as useListboxItem } from './useListboxItem.js';
+export { A as ActiveDescendantListbox, L as Listbox, a as ListboxReducer, R as RovingTabindexListbox } from './Listbox2.js';
+//# sourceMappingURL=listbox.js.map

package/_internal/listbox.js.map

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

package/_internal/number-field.js

@@ -0,0 +1,2 @@
+export { a as NumberField, N as NumberFieldVariant } from './NumberField.js';
+//# sourceMappingURL=number-field.js.map

package/_internal/number-field.js.map

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

package/_internal/number.js

@@ -0,0 +1,2 @@
+export { N as Number } from './Number2.js';
+//# sourceMappingURL=number.js.map

package/_internal/partitionComponents.js

@@ -0,0 +1,26 @@
+/**
+ * Return components based on list of predicates.
+ *
+ * @param  components Array of components
+ * @param  predicates Array of predicates
+ * @return an array of arrays of components based on the given array of predicates
+ */
+function partitionComponents(components, predicates) {
+  const elements = [...predicates.map(() => []), []];
+  components.forEach(component => {
+    let found = false;
+    predicates.forEach((predicate, index) => {
+      if (predicate(component)) {
+        elements[index].push(component);
+        found = true;
+      }
+    });
+    if (!found) {
+      elements[elements.length - 1].push(component);
+    }
+  });
+  return elements;
+}
+
+export { partitionComponents as p };
+//# sourceMappingURL=partitionComponents.js.map

package/_internal/partitionComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"partitionComponents.js","sources":["../../src/utils/partitionComponents.ts"],"sourcesContent":["/**\n * Return components based on list of predicates.\n *\n * @param  components Array of components\n * @param  predicates Array of predicates\n * @return an array of arrays of components based on the given array of predicates\n */\nexport function partitionComponents<T>(\n  components: T[],\n  predicates: Array<(t: T) => boolean>\n): T[][] {\n  const elements: T[][] = [...predicates.map(() => []), []];\n  components.forEach((component) => {\n    let found = false;\n    predicates.forEach((predicate, index) => {\n      if (predicate(component)) {\n        elements[index].push(component);\n        found = true;\n      }\n    });\n    if (!found) {\n      elements[elements.length - 1].push(component);\n    }\n  });\n  return elements;\n}\n"],"names":["partitionComponents","components","predicates","elements","map","forEach","component","found","predicate","index","push","length"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CACjCC,UAAe,EACfC,UAAoC,EAC7B;AACP,EAAA,MAAMC,QAAe,GAAG,CAAC,GAAGD,UAAU,CAACE,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;AACzDH,EAAAA,UAAU,CAACI,OAAO,CAAEC,SAAS,IAAK;IAChC,IAAIC,KAAK,GAAG,KAAK,CAAA;AACjBL,IAAAA,UAAU,CAACG,OAAO,CAAC,CAACG,SAAS,EAAEC,KAAK,KAAK;AACvC,MAAA,IAAID,SAAS,CAACF,SAAS,CAAC,EAAE;AACxBH,QAAAA,QAAQ,CAACM,KAAK,CAAC,CAACC,IAAI,CAACJ,SAAS,CAAC,CAAA;AAC/BC,QAAAA,KAAK,GAAG,IAAI,CAAA;AACd,OAAA;AACF,KAAC,CAAC,CAAA;IACF,IAAI,CAACA,KAAK,EAAE;MACVJ,QAAQ,CAACA,QAAQ,CAACQ,MAAM,GAAG,CAAC,CAAC,CAACD,IAAI,CAACJ,SAAS,CAAC,CAAA;AAC/C,KAAA;AACF,GAAC,CAAC,CAAA;AACF,EAAA,OAAOH,QAAQ,CAAA;AACjB;;;;"}

package/_internal/pill.js

@@ -0,0 +1,2 @@
+export { a as Pill, P as PillSize } from './Pill2.js';
+//# sourceMappingURL=pill.js.map

package/_internal/pill.js.map

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

package/_internal/progress-bar.js

@@ -0,0 +1,2 @@
+export { P as ProgressBar } from './ProgressBar.js';
+//# sourceMappingURL=progress-bar.js.map

package/_internal/radio-group.js

@@ -0,0 +1,2 @@
+export { a as RadioGroup, R as RadioGroupOrientation } from './RadioGroup.js';
+//# sourceMappingURL=radio-group.js.map

package/_internal/radio-group.js.map

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

package/_internal/radio.js

@@ -0,0 +1,2 @@
+export { R as Radio } from './Radio2.js';
+//# sourceMappingURL=radio.js.map