@redsift/design-system 11.6.0-muiv5-alpha.4 → 11.6.0-muiv5-alpha.5

package/_internal/styles3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles3.js","sources":["../../src/components/link/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledLinkProps } from './types';\nimport { NotificationsColorPalette, NeutralColorPalette, ProductColorPalette } from '@redsift/design-system/types';\n\n/**\n * Component style.\n */\nexport const StyledLink = styled.a<StyledLinkProps>`\n  background: none;\n  border: none;\n  color: unset;\n  cursor: text !important;\n  display: inline-flex;\n  gap: 4px;\n  align-items: center;\n  font-family: var(--redsift-typography-link-font-family);\n  font-size: var(--redsift-typography-link-font-size);\n  font-weight: var(--redsift-typography-link-font-weight);\n  height: var(--redsift-typography-link-line-height);\n  line-height: var(--redsift-typography-link-line-height);\n  padding: unset;\n  position: relative;\n  text-decoration: none;\n  width: fit-content;\n\n  ${({ $hasIcons }) =>\n    $hasIcons\n      ? css`\n          bottom: -2px;\n        `\n      : ''}\n\n  ${baseStyling}\n\n  ${({ $isDisabled, $color, $theme, $hasIcons }) =>\n    !$isDisabled\n      ? css`\n          ${\n            $color && $color === 'radar'\n              ? css`\n                  background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n                  background-clip: text;\n                  color: transparent;\n\n                  path {\n                    fill: url(#${$color}-gradient-default);\n                  }\n                `\n              : Object.keys(NotificationsColorPalette).indexOf($color!) !== -1\n              ? css`\n                  &,\n                  .redsift-icon:not(.colored) {\n                    color: var(--redsift-color-notifications-${$color}-primary);\n                  }\n                `\n              : Object.keys(NeutralColorPalette).indexOf($color!) !== -1\n              ? css`\n                  &,\n                  .redsift-icon:not(.colored) {\n                    color: var(--redsift-color-neutral-${$color});\n                  }\n                `\n              : Object.keys(ProductColorPalette).indexOf($color!) !== -1\n              ? css`\n                  &,\n                  .redsift-icon:not(.colored) {\n                    color: var(--redsift-color-product-${$color});\n                  }\n                `\n              : css`\n                  &,\n                  .redsift-icon:not(.colored) {\n                    color: ${$color || css`var(--redsift-color-${$theme}-components-text-primary)`};\n                  }\n                `\n          }}\n\n          ${\n            $color && $color === 'radar' && !$hasIcons\n              ? css`\n                  position: relative;\n\n                  &:hover,\n                  &:focus-visible {\n                    cursor: pointer !important;\n                  }\n\n                  &:hover::before,\n                  &:focus-visible::before {\n                    content: '';\n                    position: absolute;\n                    bottom: 3px;\n                    width: 100%;\n                    left: 0;\n                    height: 1px;\n                    background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n                  }\n                `\n              : $color && $color === 'radar' && $hasIcons\n              ? css`\n                  position: relative;\n\n                  &:hover,\n                  &:focus-visible {\n                    cursor: pointer !important;\n                  }\n\n                  .text::before {\n                    content: '';\n                    position: absolute;\n                    bottom: 3px;\n                    width: 100%;\n                    left: 0;\n                    height: 1px;\n                    background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n                    transform: scaleX(0);\n                  }\n\n                  &:hover .text::before,\n                  .icon:hover + .text::before,\n                  .text:hover::before {\n                    transform: scaleX(1);\n                  }\n                `\n              : css`\n                  text-decoration: underline;\n                  text-decoration-color: transparent;\n                  text-underline-offset: 2px;\n\n                  &:hover,\n                  &:focus-visible {\n                    cursor: pointer !important;\n                    ${Object.keys(NotificationsColorPalette).indexOf($color!) !== -1\n                      ? css`\n                          text-decoration-color: var(--redsift-color-notifications-${$color}-primary);\n                        `\n                      : Object.keys(NeutralColorPalette).indexOf($color!) !== -1\n                      ? css`\n                          text-decoration-color: var(--redsift-color-neutral-${$color});\n                        `\n                      : Object.keys(ProductColorPalette).indexOf($color!) !== -1\n                      ? css`\n                          text-decoration-color: var(--redsift-color-product-${$color});\n                        `\n                      : css`\n                          text-decoration-color: ${$color ||\n                          css`var(--redsift-color-${$theme}-components-text-primary)`};\n                        `}\n                  }\n                `\n          }\n        `\n      : ''}\n\n  &:focus-visible {\n    outline: 2px solid var(--redsift-color-primary-n);\n  }\n`;\n"],"names":["StyledLink","styled","a","_ref","$hasIcons","css","baseStyling","_ref2","$isDisabled","$color","$theme","Object","keys","NotificationsColorPalette","indexOf","NeutralColorPalette","ProductColorPalette"],"mappings":"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"}

package/_internal/styles4.js

@@ -0,0 +1,250 @@
+import { css } from 'styled-components';
+
+const baseLayout = css`
+  ${_ref => {
+  let {
+    flex,
+    flexGrow,
+    flexShrink,
+    flexBasis,
+    alignSelf,
+    justifySelf,
+    order,
+    gridArea,
+    gridColumn,
+    gridRow,
+    gridColumnStart,
+    gridColumnEnd,
+    gridRowStart,
+    gridRowEnd
+  } = _ref;
+  return css`
+      ${flex ? `flex: ${flex};` : ''}
+      ${flexGrow !== undefined ? `flex-grow: ${flexGrow};` : ''}
+      ${flexShrink !== undefined ? `flex-shrink: ${flexShrink};` : ''}
+      ${flexBasis ? `flex-basis: ${flexBasis};` : ''}
+      ${alignSelf ? `align-self: ${alignSelf};` : ''}
+      ${justifySelf ? `justify-self: ${justifySelf};` : ''}
+      ${order !== undefined ? `order: ${order};` : ''}
+      ${gridArea ? `grid-area: ${gridArea};` : ''}
+      ${gridColumn ? `grid-column: ${gridColumn};` : ''}
+      ${gridRow ? `grid-row: ${gridRow};` : ''}
+      ${gridColumnStart ? `grid-column-start: ${gridColumnStart};` : ''}
+      ${gridColumnEnd ? `grid-column-end: ${gridColumnEnd};` : ''}
+      ${gridRowStart ? `grid-row-start: ${gridRowStart};` : ''}
+      ${gridRowEnd ? `grid-row-end: ${gridRowEnd};` : ''}
+    `;
+}}
+`;
+const baseSpacing = css`
+  ${_ref2 => {
+  let {
+    margin,
+    marginBottom,
+    marginLeft,
+    marginRight,
+    marginTop
+  } = _ref2;
+  return css`
+      ${margin ? `margin: ${margin};` : ''}
+      ${marginBottom ? `margin-bottom: ${marginBottom};` : ''}
+      ${marginLeft ? `margin-left: ${marginLeft};` : ''}
+      ${marginRight ? `margin-right: ${marginRight};` : ''}
+      ${marginTop ? `margin-top: ${marginTop};` : ''}
+    `;
+}}
+`;
+const baseInternalSpacing = css`
+  ${_ref3 => {
+  let {
+    padding,
+    paddingBottom,
+    paddingLeft,
+    paddingRight,
+    paddingTop
+  } = _ref3;
+  return css`
+      ${padding ? `padding: ${padding};` : ''}
+      ${paddingBottom ? `padding-bottom: ${paddingBottom};` : ''}
+      ${paddingLeft ? `padding-left: ${paddingLeft};` : ''}
+      ${paddingRight ? `padding-right: ${paddingRight};` : ''}
+      ${paddingTop ? `padding-top: ${paddingTop};` : ''}
+    `;
+}}
+`;
+const baseSizing = css`
+  ${_ref4 => {
+  let {
+    height,
+    maxHeight,
+    maxWidth,
+    minHeight,
+    minWidth,
+    width
+  } = _ref4;
+  return css`
+      ${height !== undefined ? `height: ${typeof height === 'number' ? `${height}px` : height};` : ''}
+      ${maxHeight ? `max-height: ${maxHeight};` : ''}
+      ${maxWidth ? `max-width: ${maxWidth};` : ''}
+      ${minHeight ? `min-height: ${minHeight};` : ''}
+      ${minWidth ? `min-width: ${minWidth};` : ''}
+      ${width !== undefined ? `width: ${typeof width === 'number' ? `${width}px` : width};` : ''}
+    `;
+}}
+`;
+const basePositioning = css`
+  ${_ref5 => {
+  let {
+    position,
+    top,
+    bottom,
+    left,
+    right,
+    zIndex
+  } = _ref5;
+  return css`
+      ${position ? `position: ${position};` : ''}
+      ${top ? `top: ${top};` : ''}
+      ${bottom ? `bottom: ${bottom};` : ''}
+      ${left ? `left: ${left};` : ''}
+      ${right ? `right: ${right};` : ''}
+      ${zIndex ? `z-index: ${zIndex};` : ''}
+    `;
+}}
+`;
+const baseBorder = css`
+  ${_ref6 => {
+  let {
+    background,
+    backgroundColor,
+    border,
+    borderTop,
+    borderBottom,
+    borderLeft,
+    borderRight,
+    borderRadius,
+    boxShadow
+  } = _ref6;
+  return css`
+      ${background ? `background: ${background};` : ''}
+      ${backgroundColor ? `background-color: ${backgroundColor};` : ''}
+      ${border ? `border: ${border};` : ''}
+      ${borderTop ? `border-top: ${borderTop};` : ''}
+      ${borderBottom ? `border-bottom: ${borderBottom};` : ''}
+      ${borderLeft ? `border-left: ${borderLeft};` : ''}
+      ${borderRight ? `border-right: ${borderRight};` : ''}
+      ${borderRadius ? `border-radius: ${borderRadius};` : ''}
+      ${boxShadow ? `box-shadow: ${boxShadow};` : ''}
+    `;
+}}
+`;
+const baseFlexbox = css`
+  ${_ref7 => {
+  let {
+    alignContent,
+    alignItems,
+    flexDirection,
+    flexWrap,
+    gap,
+    justifyContent
+  } = _ref7;
+  return css`
+      ${alignContent ? `align-content: ${alignContent};` : ''}
+      ${alignItems ? `align-items: ${alignItems};` : ''}
+      ${flexDirection ? `flex-direction: ${flexDirection};` : ''}
+      ${flexWrap ? `flex-wrap: ${flexWrap};` : ''}
+      gap: ${gap};
+      ${justifyContent ? `justify-content: ${justifyContent};` : ''}
+    `;
+}}
+`;
+const baseGrid = css`
+  ${_ref8 => {
+  let {
+    alignContent,
+    alignItems,
+    gap,
+    gridAutoColumns,
+    gridAutoRows,
+    gridTemplateAreas,
+    gridTemplateColumns,
+    gridTemplateRows,
+    justifyContent,
+    justifyItems
+  } = _ref8;
+  return css`
+      ${alignContent ? `align-content: ${alignContent};` : ''}
+      ${alignItems ? `align-items: ${alignItems};` : ''}
+      ${gap ? `gap: ${gap};` : ''}
+      ${gridAutoColumns ? `grid-auto-columns: ${gridAutoColumns};` : ''}
+      ${gridAutoRows ? `grid-auto-rows: ${gridAutoRows};` : ''}
+      ${gridTemplateAreas ? `grid-template-areas: ${gridTemplateAreas};` : ''}
+      ${gridTemplateColumns ? `grid-template-columns: ${gridTemplateColumns};` : ''}
+      ${gridTemplateRows ? `grid-template-rows: ${gridTemplateRows};` : ''}
+      ${justifyContent ? `justify-content: ${justifyContent};` : ''}
+      ${justifyItems ? `justify-items: ${justifyItems};` : ''}
+    `;
+}}
+`;
+const baseStyling = css`
+  font-family: var(--redsift-typography-body-font-family);
+  font-size: var(--redsift-typography-body-font-size);
+  font-weight: var(--redsift-typography-body-font-weight);
+  line-height: var(--redsift-typography-body-line-height);
+
+  ${baseLayout}
+  ${baseSpacing}
+  ${baseSizing}
+  ${basePositioning}
+`;
+const baseContainer = css`
+  ${_ref9 => {
+  let {
+    display
+  } = _ref9;
+  return display ? `display: ${display};` : '';
+}}
+  font-family: var(--redsift-typography-body-font-family);
+  font-size: var(--redsift-typography-body-font-size);
+  font-weight: var(--redsift-typography-body-font-weight);
+  line-height: 20px;
+
+  ${baseInternalSpacing}
+  ${baseSpacing}
+  ${baseSizing}
+  ${basePositioning}
+  ${baseGrid}
+  ${baseFlexbox}
+`;
+const focusRing = css`
+  @media (prefers-reduced-motion: no-preference) {
+    :focus-visible {
+      outline: 2px solid var(--redsift-color-primary-n);
+      transition: outline-offset 75ms ease-out;
+    }
+
+    :not(:active):focus-visible {
+      transition-duration: 0.25s;
+    }
+  }
+
+  :not(:active):focus-visible {
+    outline-offset: 0.2rem;
+  }
+`;
+const srOnly = css`
+  border: 0 !important;
+  clip: rect(1px, 1px, 1px, 1px) !important;
+  -webkit-clip-path: inset(50%) !important;
+  clip-path: inset(50%) !important;
+  height: 1px !important;
+  overflow: hidden !important;
+  margin: -1px !important;
+  padding: 0 !important;
+  position: absolute !important;
+  width: 1px !important;
+  white-space: nowrap !important;
+`;
+
+export { baseSpacing as a, baseLayout as b, baseInternalSpacing as c, baseSizing as d, basePositioning as e, baseBorder as f, baseFlexbox as g, baseGrid as h, baseStyling as i, baseContainer as j, focusRing as k, srOnly as s };
+//# sourceMappingURL=styles4.js.map

package/_internal/styles4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles4.js","sources":["../../src/components/shared/styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport {\n  LayoutProps,\n  SpacingProps,\n  SizingProps,\n  PositioningProps,\n  FlexLayoutProps,\n  GridLayoutProps,\n  StylingProps,\n  ContainerProps,\n  InternalSpacingProps,\n  BorderProps,\n} from '../../types';\n\nexport const baseLayout = css<LayoutProps>`\n  ${({\n    flex,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    alignSelf,\n    justifySelf,\n    order,\n    gridArea,\n    gridColumn,\n    gridRow,\n    gridColumnStart,\n    gridColumnEnd,\n    gridRowStart,\n    gridRowEnd,\n  }) =>\n    css`\n      ${flex ? `flex: ${flex};` : ''}\n      ${flexGrow !== undefined ? `flex-grow: ${flexGrow};` : ''}\n      ${flexShrink !== undefined ? `flex-shrink: ${flexShrink};` : ''}\n      ${flexBasis ? `flex-basis: ${flexBasis};` : ''}\n      ${alignSelf ? `align-self: ${alignSelf};` : ''}\n      ${justifySelf ? `justify-self: ${justifySelf};` : ''}\n      ${order !== undefined ? `order: ${order};` : ''}\n      ${gridArea ? `grid-area: ${gridArea};` : ''}\n      ${gridColumn ? `grid-column: ${gridColumn};` : ''}\n      ${gridRow ? `grid-row: ${gridRow};` : ''}\n      ${gridColumnStart ? `grid-column-start: ${gridColumnStart};` : ''}\n      ${gridColumnEnd ? `grid-column-end: ${gridColumnEnd};` : ''}\n      ${gridRowStart ? `grid-row-start: ${gridRowStart};` : ''}\n      ${gridRowEnd ? `grid-row-end: ${gridRowEnd};` : ''}\n    `}\n`;\n\nexport const baseSpacing = css<SpacingProps>`\n  ${({ margin, marginBottom, marginLeft, marginRight, marginTop }) =>\n    css`\n      ${margin ? `margin: ${margin};` : ''}\n      ${marginBottom ? `margin-bottom: ${marginBottom};` : ''}\n      ${marginLeft ? `margin-left: ${marginLeft};` : ''}\n      ${marginRight ? `margin-right: ${marginRight};` : ''}\n      ${marginTop ? `margin-top: ${marginTop};` : ''}\n    `}\n`;\n\nexport const baseInternalSpacing = css<InternalSpacingProps>`\n  ${({ padding, paddingBottom, paddingLeft, paddingRight, paddingTop }) =>\n    css`\n      ${padding ? `padding: ${padding};` : ''}\n      ${paddingBottom ? `padding-bottom: ${paddingBottom};` : ''}\n      ${paddingLeft ? `padding-left: ${paddingLeft};` : ''}\n      ${paddingRight ? `padding-right: ${paddingRight};` : ''}\n      ${paddingTop ? `padding-top: ${paddingTop};` : ''}\n    `}\n`;\n\nexport const baseSizing = css<SizingProps>`\n  ${({ height, maxHeight, maxWidth, minHeight, minWidth, width }) =>\n    css`\n      ${height !== undefined ? `height: ${typeof height === 'number' ? `${height}px` : height};` : ''}\n      ${maxHeight ? `max-height: ${maxHeight};` : ''}\n      ${maxWidth ? `max-width: ${maxWidth};` : ''}\n      ${minHeight ? `min-height: ${minHeight};` : ''}\n      ${minWidth ? `min-width: ${minWidth};` : ''}\n      ${width !== undefined ? `width: ${typeof width === 'number' ? `${width}px` : width};` : ''}\n    `}\n`;\n\nexport const basePositioning = css<PositioningProps>`\n  ${({ position, top, bottom, left, right, zIndex }) =>\n    css`\n      ${position ? `position: ${position};` : ''}\n      ${top ? `top: ${top};` : ''}\n      ${bottom ? `bottom: ${bottom};` : ''}\n      ${left ? `left: ${left};` : ''}\n      ${right ? `right: ${right};` : ''}\n      ${zIndex ? `z-index: ${zIndex};` : ''}\n    `}\n`;\n\nexport const baseBorder = css<BorderProps>`\n  ${({\n    background,\n    backgroundColor,\n    border,\n    borderTop,\n    borderBottom,\n    borderLeft,\n    borderRight,\n    borderRadius,\n    boxShadow,\n  }) =>\n    css`\n      ${background ? `background: ${background};` : ''}\n      ${backgroundColor ? `background-color: ${backgroundColor};` : ''}\n      ${border ? `border: ${border};` : ''}\n      ${borderTop ? `border-top: ${borderTop};` : ''}\n      ${borderBottom ? `border-bottom: ${borderBottom};` : ''}\n      ${borderLeft ? `border-left: ${borderLeft};` : ''}\n      ${borderRight ? `border-right: ${borderRight};` : ''}\n      ${borderRadius ? `border-radius: ${borderRadius};` : ''}\n      ${boxShadow ? `box-shadow: ${boxShadow};` : ''}\n    `}\n`;\n\nexport const baseFlexbox = css<FlexLayoutProps>`\n  ${({ alignContent, alignItems, flexDirection, flexWrap, gap, justifyContent }) =>\n    css`\n      ${alignContent ? `align-content: ${alignContent};` : ''}\n      ${alignItems ? `align-items: ${alignItems};` : ''}\n      ${flexDirection ? `flex-direction: ${flexDirection};` : ''}\n      ${flexWrap ? `flex-wrap: ${flexWrap};` : ''}\n      gap: ${gap};\n      ${justifyContent ? `justify-content: ${justifyContent};` : ''}\n    `}\n`;\n\nexport const baseGrid = css<GridLayoutProps>`\n  ${({\n    alignContent,\n    alignItems,\n    gap,\n    gridAutoColumns,\n    gridAutoRows,\n    gridTemplateAreas,\n    gridTemplateColumns,\n    gridTemplateRows,\n    justifyContent,\n    justifyItems,\n  }) =>\n    css`\n      ${alignContent ? `align-content: ${alignContent};` : ''}\n      ${alignItems ? `align-items: ${alignItems};` : ''}\n      ${gap ? `gap: ${gap};` : ''}\n      ${gridAutoColumns ? `grid-auto-columns: ${gridAutoColumns};` : ''}\n      ${gridAutoRows ? `grid-auto-rows: ${gridAutoRows};` : ''}\n      ${gridTemplateAreas ? `grid-template-areas: ${gridTemplateAreas};` : ''}\n      ${gridTemplateColumns ? `grid-template-columns: ${gridTemplateColumns};` : ''}\n      ${gridTemplateRows ? `grid-template-rows: ${gridTemplateRows};` : ''}\n      ${justifyContent ? `justify-content: ${justifyContent};` : ''}\n      ${justifyItems ? `justify-items: ${justifyItems};` : ''}\n    `}\n`;\n\nexport const baseStyling = css<StylingProps>`\n  font-family: var(--redsift-typography-body-font-family);\n  font-size: var(--redsift-typography-body-font-size);\n  font-weight: var(--redsift-typography-body-font-weight);\n  line-height: var(--redsift-typography-body-line-height);\n\n  ${baseLayout}\n  ${baseSpacing}\n  ${baseSizing}\n  ${basePositioning}\n`;\n\nexport const baseContainer = css<ContainerProps>`\n  ${({ display }) => (display ? `display: ${display};` : '')}\n  font-family: var(--redsift-typography-body-font-family);\n  font-size: var(--redsift-typography-body-font-size);\n  font-weight: var(--redsift-typography-body-font-weight);\n  line-height: 20px;\n\n  ${baseInternalSpacing}\n  ${baseSpacing}\n  ${baseSizing}\n  ${basePositioning}\n  ${baseGrid}\n  ${baseFlexbox}\n`;\n\nexport const focusRing = css`\n  @media (prefers-reduced-motion: no-preference) {\n    :focus-visible {\n      outline: 2px solid var(--redsift-color-primary-n);\n      transition: outline-offset 75ms ease-out;\n    }\n\n    :not(:active):focus-visible {\n      transition-duration: 0.25s;\n    }\n  }\n\n  :not(:active):focus-visible {\n    outline-offset: 0.2rem;\n  }\n`;\n\nexport const srOnly = css`\n  border: 0 !important;\n  clip: rect(1px, 1px, 1px, 1px) !important;\n  -webkit-clip-path: inset(50%) !important;\n  clip-path: inset(50%) !important;\n  height: 1px !important;\n  overflow: hidden !important;\n  margin: -1px !important;\n  padding: 0 !important;\n  position: absolute !important;\n  width: 1px !important;\n  white-space: nowrap !important;\n`;\n"],"names":["baseLayout","css","_ref","flex","flexGrow","flexShrink","flexBasis","alignSelf","justifySelf","order","gridArea","gridColumn","gridRow","gridColumnStart","gridColumnEnd","gridRowStart","gridRowEnd","undefined","baseSpacing","_ref2","margin","marginBottom","marginLeft","marginRight","marginTop","baseInternalSpacing","_ref3","padding","paddingBottom","paddingLeft","paddingRight","paddingTop","baseSizing","_ref4","height","maxHeight","maxWidth","minHeight","minWidth","width","basePositioning","_ref5","position","top","bottom","left","right","zIndex","baseBorder","_ref6","background","backgroundColor","border","borderTop","borderBottom","borderLeft","borderRight","borderRadius","boxShadow","baseFlexbox","_ref7","alignContent","alignItems","flexDirection","flexWrap","gap","justifyContent","baseGrid","_ref8","gridAutoColumns","gridAutoRows","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","justifyItems","baseStyling","baseContainer","_ref9","display","focusRing","srOnly"],"mappings":"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"}

package/_internal/styles5.js

@@ -0,0 +1,143 @@
+import styled, { css } from 'styled-components';
+import { N as NotificationsColorPalette, g as NeutralColorPalette, e as ProductColorPalette } from './colors.js';
+import { i as baseStyling } from './styles4.js';
+
+/**
+ * Component variant.
+ */
+const TextVariant = {
+  body: 'body',
+  button: 'button',
+  caption: 'caption',
+  helper: 'helper',
+  inherit: 'inherit'
+};
+const TextComponent = {
+  p: 'p',
+  b: 'b',
+  i: 'i',
+  u: 'u',
+  abbr: 'abbr',
+  cite: 'cite',
+  del: 'del',
+  em: 'em',
+  ins: 'ins',
+  kbd: 'kbd',
+  mark: 'mark',
+  s: 's',
+  samp: 'samp',
+  sub: 'sub',
+  sup: 'sup'
+};
+
+/**
+ * Component props.
+ */
+
+/**
+ * Component style.
+ */
+const StyledText = styled.span`
+  ${baseStyling}
+
+  ${_ref => {
+  let {
+    $color
+  } = _ref;
+  return $color && $color === 'radar' ? css`
+          background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);
+          background-clip: text;
+          color: transparent;
+        ` : Object.keys(NotificationsColorPalette).indexOf($color) !== -1 ? css`
+          color: var(--redsift-color-notifications-${$color}-primary);
+        ` : Object.keys(NeutralColorPalette).indexOf($color) !== -1 ? css`
+          color: var(--redsift-color-neutral-${$color});
+        ` : Object.keys(ProductColorPalette).indexOf($color) !== -1 ? css`
+          color: var(--redsift-color-product-${$color});
+        ` : css`
+          color: ${$color || css`inherit`};
+        `;
+}}
+
+  ${_ref2 => {
+  let {
+    $as
+  } = _ref2;
+  return css`
+    ${$as === TextComponent.i || $as === TextComponent.cite || $as === TextComponent.em ? css`
+          font-style: italic;
+        ` : $as === TextComponent.sub ? css`
+          vertical-align: sub;
+        ` : $as === TextComponent.sup ? css`
+          vertical-align: super;
+        ` : $as === TextComponent.mark ? css`
+          color: var(--redsift-color-neutral-x-dark-grey);
+        ` : ''}
+  `;
+}}
+
+  ${_ref3 => {
+  let {
+    $as,
+    $fontFamily,
+    $fontSize,
+    $fontWeight,
+    $lineHeight,
+    $variant
+  } = _ref3;
+  return !$variant ? css`
+          ${$fontFamily ? css`
+                font-family: var(--redsift-typography-font-family-${$fontFamily});
+              ` : ''}
+          ${$fontSize ? css`
+                font-size: ${$fontSize};
+              ` : ''}
+          ${$fontWeight ? css`
+                font-weight: ${$fontWeight};
+              ` : ''}
+          ${$lineHeight ? css`
+                line-height: ${$lineHeight};
+              ` : ''}
+          ${$as === TextComponent.b ? css`
+                font-weight: ${$fontWeight ? $fontWeight : 'var(--redsift-typography-font-weight-bold)'};
+              ` : $as === TextComponent.sup || $as === TextComponent.sub ? css`
+                font-size: ${$fontSize ? $fontSize : '12px'};
+              ` : ''}
+        ` : $variant === TextVariant.inherit ? css`
+          font-family: ${$fontFamily ? css`var(--redsift-typography-font-family-${$fontFamily})` : css`inherit`};
+          font-size: ${$fontSize ? $fontSize : $as === TextComponent.sup || $as === TextComponent.sub ? '12px' : css`inherit`};
+          font-weight: ${$fontWeight ? $fontWeight : $as === TextComponent.b ? 'var(--redsift-typography-font-weight-bold)' : 'inherit'};
+          line-height: ${$lineHeight ? $lineHeight : css`inherit`};
+          text-transform: inherit;
+        ` : css`
+          font-family: ${$fontFamily ? css`var(--redsift-typography-font-family-${$fontFamily})` : css`var(--redsift-typography-${$variant}-font-family)`};
+          font-size: ${$fontSize ? $fontSize : css`var(--redsift-typography-${$variant}-font-size)`};
+          font-weight: ${$fontWeight ? $fontWeight : css`var(--redsift-typography-${$variant}-font-weight)`};
+          line-height: ${$lineHeight ? $lineHeight : css`var(--redsift-typography-${$variant}-line-height)`};
+          text-transform: var(--redsift-typography-${$variant}-text-transform);
+        `;
+}}
+  
+  ${_ref4 => {
+  let {
+    $noWrap
+  } = _ref4;
+  return $noWrap ? css`
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        ` : '';
+}}
+
+  ${_ref5 => {
+  let {
+    wordBreak
+  } = _ref5;
+  return wordBreak ? css`
+          word-break: ${wordBreak};
+        ` : '';
+}}
+`;
+
+export { StyledText as S, TextVariant as T, TextComponent as a };
+//# sourceMappingURL=styles5.js.map

package/_internal/styles5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles5.js","sources":["../../src/components/text/types.ts","../../src/components/text/styles.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { NotificationsColorPalette, FontFamily, NeutralColorPalette, StylingProps, ValueOf, Theme } from '../../types';\n\n/**\n * Component variant.\n */\nexport const TextVariant = {\n  body: 'body',\n  button: 'button',\n  caption: 'caption',\n  helper: 'helper',\n  inherit: 'inherit',\n} as const;\nexport type TextVariant = ValueOf<typeof TextVariant>;\n\nexport const TextComponent = {\n  p: 'p',\n  b: 'b',\n  i: 'i',\n  u: 'u',\n  abbr: 'abbr',\n  cite: 'cite',\n  del: 'del',\n  em: 'em',\n  ins: 'ins',\n  kbd: 'kbd',\n  mark: 'mark',\n  s: 's',\n  samp: 'samp',\n  sub: 'sub',\n  sup: 'sup',\n} as const;\nexport type TextComponent = ValueOf<typeof TextComponent>;\n\n/**\n * Component props.\n */\nexport interface TextProps extends ComponentProps<'span'>, StylingProps {\n  /** Override component. */\n  as?: TextComponent;\n  /** Color variant. Either from color palette or hex or rgb strings. */\n  color?: NotificationsColorPalette | NeutralColorPalette | 'radar' | (string & {});\n  /** Font family. */\n  fontFamily?: FontFamily;\n  /** Font size. */\n  fontSize?: string;\n  /** Font weight. */\n  fontWeight?: string;\n  /** Line height. */\n  lineHeight?: string;\n  /** Whether the text will truncate with a text overflow ellipsis or wrap. */\n  noWrap?: boolean;\n  /** Theme. */\n  theme?: Theme;\n  /** Variant. */\n  variant?: TextVariant;\n  /** Word break CSS properties */\n  wordBreak?: string;\n}\n\nexport type StyledTextProps = Omit<\n  TextProps,\n  'as' | 'color' | 'fontFamily' | 'fontSize' | 'lineHeight' | 'noWrap' | 'variant'\n> & {\n  $as: TextProps['as'];\n  $color: TextProps['color'];\n  $fontFamily?: TextProps['fontFamily'];\n  $fontSize: TextProps['fontSize'];\n  $fontWeight: TextProps['fontWeight'];\n  $lineHeight: TextProps['lineHeight'];\n  $noWrap: TextProps['noWrap'];\n  $variant: TextProps['variant'];\n  $theme: TextProps['theme'];\n};\n","import styled, { css } from 'styled-components';\nimport { NotificationsColorPalette, NeutralColorPalette, ProductColorPalette } from '../../types';\nimport { baseStyling } from '../shared';\nimport { StyledTextProps, TextComponent, TextVariant } from './types';\n\n/**\n * Component style.\n */\nexport const StyledText = styled.span<StyledTextProps>`\n  ${baseStyling}\n\n  ${({ $color }) =>\n    $color && $color === 'radar'\n      ? css`\n          background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n          background-clip: text;\n          color: transparent;\n        `\n      : Object.keys(NotificationsColorPalette).indexOf($color!) !== -1\n      ? css`\n          color: var(--redsift-color-notifications-${$color}-primary);\n        `\n      : Object.keys(NeutralColorPalette).indexOf($color!) !== -1\n      ? css`\n          color: var(--redsift-color-neutral-${$color});\n        `\n      : Object.keys(ProductColorPalette).indexOf($color!) !== -1\n      ? css`\n          color: var(--redsift-color-product-${$color});\n        `\n      : css`\n          color: ${$color || css`inherit`};\n        `}\n\n  ${({ $as }) => css`\n    ${$as === TextComponent.i || $as === TextComponent.cite || $as === TextComponent.em\n      ? css`\n          font-style: italic;\n        `\n      : $as === TextComponent.sub\n      ? css`\n          vertical-align: sub;\n        `\n      : $as === TextComponent.sup\n      ? css`\n          vertical-align: super;\n        `\n      : $as === TextComponent.mark\n      ? css`\n          color: var(--redsift-color-neutral-x-dark-grey);\n        `\n      : ''}\n  `}\n\n  ${({ $as, $fontFamily, $fontSize, $fontWeight, $lineHeight, $variant }) =>\n    !$variant\n      ? css`\n          ${$fontFamily\n            ? css`\n                font-family: var(--redsift-typography-font-family-${$fontFamily});\n              `\n            : ''}\n          ${$fontSize\n            ? css`\n                font-size: ${$fontSize};\n              `\n            : ''}\n          ${$fontWeight\n            ? css`\n                font-weight: ${$fontWeight};\n              `\n            : ''}\n          ${$lineHeight\n            ? css`\n                line-height: ${$lineHeight};\n              `\n            : ''}\n          ${$as === TextComponent.b\n            ? css`\n                font-weight: ${$fontWeight ? $fontWeight : 'var(--redsift-typography-font-weight-bold)'};\n              `\n            : $as === TextComponent.sup || $as === TextComponent.sub\n            ? css`\n                font-size: ${$fontSize ? $fontSize : '12px'};\n              `\n            : ''}\n        `\n      : $variant === TextVariant.inherit\n      ? css`\n          font-family: ${$fontFamily ? css`var(--redsift-typography-font-family-${$fontFamily})` : css`inherit`};\n          font-size: ${$fontSize\n            ? $fontSize\n            : $as === TextComponent.sup || $as === TextComponent.sub\n            ? '12px'\n            : css`inherit`};\n          font-weight: ${$fontWeight\n            ? $fontWeight\n            : $as === TextComponent.b\n            ? 'var(--redsift-typography-font-weight-bold)'\n            : 'inherit'};\n          line-height: ${$lineHeight ? $lineHeight : css`inherit`};\n          text-transform: inherit;\n        `\n      : css`\n          font-family: ${$fontFamily\n            ? css`var(--redsift-typography-font-family-${$fontFamily})`\n            : css`var(--redsift-typography-${$variant}-font-family)`};\n          font-size: ${$fontSize ? $fontSize : css`var(--redsift-typography-${$variant}-font-size)`};\n          font-weight: ${$fontWeight ? $fontWeight : css`var(--redsift-typography-${$variant}-font-weight)`};\n          line-height: ${$lineHeight ? $lineHeight : css`var(--redsift-typography-${$variant}-line-height)`};\n          text-transform: var(--redsift-typography-${$variant}-text-transform);\n        `}\n  \n  ${({ $noWrap }) =>\n    $noWrap\n      ? css`\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        `\n      : ''}\n\n  ${({ wordBreak }) =>\n    wordBreak\n      ? css`\n          word-break: ${wordBreak};\n        `\n      : ''}\n`;\n"],"names":["TextVariant","body","button","caption","helper","inherit","TextComponent","p","b","i","u","abbr","cite","del","em","ins","kbd","mark","s","samp","sub","sup","StyledText","styled","span","baseStyling","_ref","$color","css","Object","keys","NotificationsColorPalette","indexOf","NeutralColorPalette","ProductColorPalette","_ref2","$as","_ref3","$fontFamily","$fontSize","$fontWeight","$lineHeight","$variant","_ref4","$noWrap","_ref5","wordBreak"],"mappings":";;;;AAGA;AACA;AACA;AACO,MAAMA,WAAW,GAAG;AACzBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,OAAO,EAAE,SAAA;AACX,EAAU;AAGH,MAAMC,aAAa,GAAG;AAC3BC,EAAAA,CAAC,EAAE,GAAG;AACNC,EAAAA,CAAC,EAAE,GAAG;AACNC,EAAAA,CAAC,EAAE,GAAG;AACNC,EAAAA,CAAC,EAAE,GAAG;AACNC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,CAAC,EAAE,GAAG;AACNC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,GAAG,EAAE,KAAA;AACP,EAAU;;AAGV;AACA;AACA;;AC/BA;AACA;AACA;AACaC,MAAAA,UAAU,GAAGC,MAAM,CAACC,IAAsB,CAAA;AACvD,EAAA,EAAIC,WAAY,CAAA;AAChB;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OACXC,MAAM,IAAIA,MAAM,KAAK,OAAO,GACxBC,GAAI,CAAA;AACZ;AACA;AACA;AACA,QAAA,CAAS,GACDC,MAAM,CAACC,IAAI,CAACC,yBAAyB,CAAC,CAACC,OAAO,CAACL,MAAO,CAAC,KAAK,CAAC,CAAC,GAC9DC,GAAI,CAAA;AACZ,mDAAA,EAAqDD,MAAO,CAAA;AAC5D,QAAA,CAAS,GACDE,MAAM,CAACC,IAAI,CAACG,mBAAmB,CAAC,CAACD,OAAO,CAACL,MAAO,CAAC,KAAK,CAAC,CAAC,GACxDC,GAAI,CAAA;AACZ,6CAAA,EAA+CD,MAAO,CAAA;AACtD,QAAA,CAAS,GACDE,MAAM,CAACC,IAAI,CAACI,mBAAmB,CAAC,CAACF,OAAO,CAACL,MAAO,CAAC,KAAK,CAAC,CAAC,GACxDC,GAAI,CAAA;AACZ,6CAAA,EAA+CD,MAAO,CAAA;AACtD,QAAA,CAAS,GACDC,GAAI,CAAA;AACZ,iBAAmBD,EAAAA,MAAM,IAAIC,GAAI,CAAS,OAAA,CAAA,CAAA;AAC1C,QAAS,CAAA,CAAA;AAAA,CAAC,CAAA;AACV;AACA,EAAA,EAAIO,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,GAAAA;AAAI,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAKP,GAAI,CAAA;AACrB,IAAA,EAAMQ,GAAG,KAAK9B,aAAa,CAACG,CAAC,IAAI2B,GAAG,KAAK9B,aAAa,CAACM,IAAI,IAAIwB,GAAG,KAAK9B,aAAa,CAACQ,EAAE,GAC/Ec,GAAI,CAAA;AACZ;AACA,QAAA,CAAS,GACDQ,GAAG,KAAK9B,aAAa,CAACc,GAAG,GACzBQ,GAAI,CAAA;AACZ;AACA,QAAA,CAAS,GACDQ,GAAG,KAAK9B,aAAa,CAACe,GAAG,GACzBO,GAAI,CAAA;AACZ;AACA,QAAA,CAAS,GACDQ,GAAG,KAAK9B,aAAa,CAACW,IAAI,GAC1BW,GAAI,CAAA;AACZ;AACA,QAAA,CAAS,GACD,EAAG,CAAA;AACX,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;AACA,EAAA,EAAIS,KAAA,IAAA;EAAA,IAAC;IAAED,GAAG;IAAEE,WAAW;IAAEC,SAAS;IAAEC,WAAW;IAAEC,WAAW;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAL,KAAA,CAAA;EAAA,OACpE,CAACK,QAAQ,GACLd,GAAI,CAAA;AACZ,UAAYU,EAAAA,WAAW,GACTV,GAAI,CAAA;AAClB,kEAAA,EAAoEU,WAAY,CAAA;AAChF,cAAA,CAAe,GACD,EAAG,CAAA;AACjB,UAAYC,EAAAA,SAAS,GACPX,GAAI,CAAA;AAClB,2BAAA,EAA6BW,SAAU,CAAA;AACvC,cAAA,CAAe,GACD,EAAG,CAAA;AACjB,UAAYC,EAAAA,WAAW,GACTZ,GAAI,CAAA;AAClB,6BAAA,EAA+BY,WAAY,CAAA;AAC3C,cAAA,CAAe,GACD,EAAG,CAAA;AACjB,UAAYC,EAAAA,WAAW,GACTb,GAAI,CAAA;AAClB,6BAAA,EAA+Ba,WAAY,CAAA;AAC3C,cAAA,CAAe,GACD,EAAG,CAAA;AACjB,UAAA,EAAYL,GAAG,KAAK9B,aAAa,CAACE,CAAC,GACrBoB,GAAI,CAAA;AAClB,6BAAA,EAA+BY,WAAW,GAAGA,WAAW,GAAG,4CAA6C,CAAA;AACxG,cAAA,CAAe,GACDJ,GAAG,KAAK9B,aAAa,CAACe,GAAG,IAAIe,GAAG,KAAK9B,aAAa,CAACc,GAAG,GACtDQ,GAAI,CAAA;AAClB,2BAAA,EAA6BW,SAAS,GAAGA,SAAS,GAAG,MAAO,CAAA;AAC5D,cAAA,CAAe,GACD,EAAG,CAAA;AACjB,QAAA,CAAS,GACDG,QAAQ,KAAK1C,WAAW,CAACK,OAAO,GAChCuB,GAAI,CAAA;AACZ,uBAAyBU,EAAAA,WAAW,GAAGV,GAAI,CAAA,qCAAA,EAAuCU,WAAY,CAAE,CAAA,CAAA,GAAGV,GAAI,CAAS,OAAA,CAAA,CAAA;AAChH,qBAAA,EAAuBW,SAAS,GAClBA,SAAS,GACTH,GAAG,KAAK9B,aAAa,CAACe,GAAG,IAAIe,GAAG,KAAK9B,aAAa,CAACc,GAAG,GACtD,MAAM,GACNQ,GAAI,CAAS,OAAA,CAAA,CAAA;AAC3B,uBAAA,EAAyBY,WAAW,GACtBA,WAAW,GACXJ,GAAG,KAAK9B,aAAa,CAACE,CAAC,GACvB,4CAA4C,GAC5C,SAAU,CAAA;AACxB,uBAAA,EAAyBiC,WAAW,GAAGA,WAAW,GAAGb,GAAI,CAAS,OAAA,CAAA,CAAA;AAClE;AACA,QAAA,CAAS,GACDA,GAAI,CAAA;AACZ,uBAAyBU,EAAAA,WAAW,GACtBV,GAAI,CAAuCU,qCAAAA,EAAAA,WAAY,GAAE,GACzDV,GAAI,CAA2Bc,yBAAAA,EAAAA,QAAS,CAAe,aAAA,CAAA,CAAA;AACrE,qBAAA,EAAuBH,SAAS,GAAGA,SAAS,GAAGX,GAAI,CAAA,yBAAA,EAA2Bc,QAAS,CAAa,WAAA,CAAA,CAAA;AACpG,uBAAA,EAAyBF,WAAW,GAAGA,WAAW,GAAGZ,GAAI,CAAA,yBAAA,EAA2Bc,QAAS,CAAe,aAAA,CAAA,CAAA;AAC5G,uBAAA,EAAyBD,WAAW,GAAGA,WAAW,GAAGb,GAAI,CAAA,yBAAA,EAA2Bc,QAAS,CAAe,aAAA,CAAA,CAAA;AAC5G,mDAAA,EAAqDA,QAAS,CAAA;AAC9D,QAAS,CAAA,CAAA;AAAA,CAAC,CAAA;AACV;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAAD,KAAA,CAAA;EAAA,OACZC,OAAO,GACHhB,GAAI,CAAA;AACZ;AACA;AACA;AACA,QAAA,CAAS,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACX;AACA,EAAA,EAAIiB,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAAD,KAAA,CAAA;EAAA,OACdC,SAAS,GACLlB,GAAI,CAAA;AACZ,sBAAA,EAAwBkB,SAAU,CAAA;AAClC,QAAA,CAAS,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACX;;;;"}

package/_internal/styles6.js

@@ -0,0 +1,84 @@
+import styled, { keyframes, css } from 'styled-components';
+import { i as baseStyling, c as baseInternalSpacing } from './styles4.js';
+import { T as Theme } from './colors.js';
+
+/**
+ * Component style.
+ */
+const wave = keyframes`
+  0% {
+    -webkit-transform: translateX(-100%);
+    -moz-transform: translateX(-100%);
+    -ms-transform: translateX(-100%);
+    transform: translateX(-100%);
+  }
+
+  50% {
+    -webkit-transform: translateX(100%);
+    -moz-transform: translateX(100%);
+    -ms-transform: translateX(100%);
+    transform: translateX(100%);
+  }
+
+  100% {
+    -webkit-transform: translateX(100%);
+    -moz-transform: translateX(100%);
+    -ms-transform: translateX(100%);
+    transform: translateX(100%);
+  }
+`;
+const StyledSkeleton = styled.div`
+  height: fit-content;
+  width: fit-content;
+
+  * {
+    visibility: hidden;
+  }
+
+  flex: 0 0 auto;
+
+  ${baseStyling}
+  ${baseInternalSpacing}
+
+  display: block;
+  background-color: ${_ref => {
+  let {
+    $theme
+  } = _ref;
+  return $theme === Theme.light ? css`rgba(0, 0, 0, 0.16)` : css`rgba(255, 255, 255, 0.16)`;
+}};
+  border-radius: 4px;
+  position: relative;
+  overflow: hidden;
+  -webkit-mask-image: -webkit-radial-gradient(white, black);
+
+  &::after {
+    -webkit-animation: ${wave} 1.6s linear 0.5s infinite;
+    animation: ${wave} 1.6s linear 0.5s infinite;
+    background: linear-gradient(
+      90deg,
+      transparent,
+      ${_ref2 => {
+  let {
+    $theme
+  } = _ref2;
+  return $theme === Theme.light ? css`rgba(0, 0, 0, 0.04)` : css`rgba(255, 255, 255, 0.04)`;
+}},
+      transparent
+    );
+    background-clip: content-box;
+    content: '';
+    position: absolute;
+    -webkit-transform: translateX(-100%);
+    -moz-transform: translateX(-100%);
+    -ms-transform: translateX(-100%);
+    transform: translateX(-100%);
+    bottom: 0;
+    left: 0;
+    right: 0;
+    top: 0;
+  }
+`;
+
+export { StyledSkeleton as S };
+//# sourceMappingURL=styles6.js.map

package/_internal/styles6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles6.js","sources":["../../src/components/skeleton/styles.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components';\nimport { baseInternalSpacing, baseStyling } from '../shared';\nimport { StyledSkeletonProps } from './types';\nimport { Theme } from '../../types';\n\n/**\n * Component style.\n */\nconst wave = keyframes`\n  0% {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    transform: translateX(-100%);\n  }\n\n  50% {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    transform: translateX(100%);\n  }\n\n  100% {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    transform: translateX(100%);\n  }\n`;\n\nexport const StyledSkeleton = styled.div<StyledSkeletonProps>`\n  height: fit-content;\n  width: fit-content;\n\n  * {\n    visibility: hidden;\n  }\n\n  flex: 0 0 auto;\n\n  ${baseStyling}\n  ${baseInternalSpacing}\n\n  display: block;\n  background-color: ${({ $theme }) =>\n    $theme === Theme.light ? css`rgba(0, 0, 0, 0.16)` : css`rgba(255, 255, 255, 0.16)`};\n  border-radius: 4px;\n  position: relative;\n  overflow: hidden;\n  -webkit-mask-image: -webkit-radial-gradient(white, black);\n\n  &::after {\n    -webkit-animation: ${wave} 1.6s linear 0.5s infinite;\n    animation: ${wave} 1.6s linear 0.5s infinite;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      ${({ $theme }) => ($theme === Theme.light ? css`rgba(0, 0, 0, 0.04)` : css`rgba(255, 255, 255, 0.04)`)},\n      transparent\n    );\n    background-clip: content-box;\n    content: '';\n    position: absolute;\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    transform: translateX(-100%);\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n  }\n`;\n"],"names":["wave","keyframes","StyledSkeleton","styled","div","baseStyling","baseInternalSpacing","_ref","$theme","Theme","light","css","_ref2"],"mappings":";;;;AAKA;AACA;AACA;AACA,MAAMA,IAAI,GAAGC,SAAU,CAAA;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AAEYC,MAAAA,cAAc,GAAGC,MAAM,CAACC,GAAyB,CAAA;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,WAAY,CAAA;AAChB,EAAA,EAAIC,mBAAoB,CAAA;AACxB;AACA;AACA,oBAAA,EAAsBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;EAAA,OAC7BC,MAAM,KAAKC,KAAK,CAACC,KAAK,GAAGC,GAAI,CAAA,mBAAA,CAAoB,GAAGA,GAAI,CAA0B,yBAAA,CAAA,CAAA;AAAA,CAAC,CAAA;AACvF;AACA;AACA;AACA;AACA;AACA;AACA,uBAAA,EAAyBX,IAAK,CAAA;AAC9B,eAAA,EAAiBA,IAAK,CAAA;AACtB;AACA;AACA;AACA,MAAA,EAAQY,KAAA,IAAA;EAAA,IAAC;AAAEJ,IAAAA,MAAAA;AAAO,GAAC,GAAAI,KAAA,CAAA;EAAA,OAAMJ,MAAM,KAAKC,KAAK,CAACC,KAAK,GAAGC,GAAI,CAAA,mBAAA,CAAoB,GAAGA,GAAI,CAA0B,yBAAA,CAAA,CAAA;AAAA,CAAE,CAAA;AAC7G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/_internal/switch-group.js

@@ -0,0 +1,6 @@
+export { c as StyledSwitchGroupProps, a as SwitchGroupOrientation, b as SwitchGroupProps, S as SwitchGroupState } from './types27.js';
+export { S as SwitchGroup } from './SwitchGroup.js';
+import 'react';
+import './helpers.js';
+import './styles2.js';
+import './colors.js';

package/_internal/switch-group.js.map

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

package/_internal/switch.js

@@ -0,0 +1,6 @@
+export { a as StyledSwitchProps, b as Switch, S as SwitchProps } from './Switch2.js';
+import 'react';
+import './types27.js';
+import './helpers.js';
+import './styles2.js';
+import './colors.js';

package/_internal/switch.js.map

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

package/_internal/text-area.js

@@ -0,0 +1,9 @@
+export { S as StyledTextAreaProps, b as TextArea, a as TextAreaProps, T as TextAreaVariant } from './TextArea.js';
+import 'react';
+import './types29.js';
+import './types17.js';
+import './styles2.js';
+import './helpers.js';
+import './colors.js';
+import './types16.js';
+import './types20.js';

package/_internal/text-area.js.map

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

package/_internal/text-field.js

@@ -0,0 +1,10 @@
+export { S as StyledTextFieldProps, a as TextFieldColor, b as TextFieldProps, T as TextFieldVariant } from './types29.js';
+export { S as StyledTextField, T as TextField } from './TextField.js';
+import 'react';
+import './types17.js';
+import './styles2.js';
+import './helpers.js';
+import './colors.js';
+import './types16.js';
+import './types20.js';
+import 'styled-components';

package/_internal/text-field.js.map

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

package/_internal/text.js

@@ -0,0 +1,7 @@
+export { S as StyledTextProps, a as TextComponent, b as TextProps, T as TextVariant } from './types28.js';
+export { T as Text } from './Text2.js';
+import 'react';
+import './helpers.js';
+import './styles2.js';
+import './colors.js';
+import './fonts.js';

package/_internal/text.js.map

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

package/_internal/theme.js

@@ -0,0 +1,4 @@
+export { T as ThemeContext, a as ThemeProvider, u as useTheme } from './useTheme.js';
+import 'react';
+import './colors.js';
+import './helpers.js';

package/_internal/theme.js.map

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