@redsift/design-system 11.5.0 → 11.6.0-alpha.0

package/_internal/shield.js

@@ -0,0 +1,2 @@
+export { S as Shield, a as ShieldVariant } from './Shield2.js';
+//# sourceMappingURL=shield.js.map

package/_internal/shield.js.map

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

package/_internal/side-navigation-menu-bar.js

@@ -0,0 +1,3 @@
+export { S as SideNavigationMenuBarVariant } from './SideNavigationMenuItem.js';
+export { S as SideNavigationMenuBar, a as useSideNavigationMenuBar } from './useSideNavigationMenuBar.js';
+//# sourceMappingURL=side-navigation-menu-bar.js.map

package/_internal/side-navigation-menu-bar.js.map

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

package/_internal/side-navigation-menu-item.js

@@ -0,0 +1,2 @@
+export { a as SideNavigationMenuItem } from './SideNavigationMenuItem.js';
+//# sourceMappingURL=side-navigation-menu-item.js.map

package/_internal/side-navigation-menu-item.js.map

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

package/_internal/side-navigation-menu.js

@@ -0,0 +1,2 @@
+export { a as SideNavigationMenu, S as SideNavigationMenuReducerActionType } from './SideNavigationMenu.js';
+//# sourceMappingURL=side-navigation-menu.js.map

package/_internal/side-navigation-menu.js.map

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

package/_internal/skeleton-circle.js

@@ -0,0 +1,2 @@
+export { S as SkeletonCircle } from './SkeletonCircle.js';
+//# sourceMappingURL=skeleton-circle.js.map

package/_internal/skeleton-circle.js.map

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

package/_internal/skeleton-text.js

@@ -0,0 +1,3 @@
+export { S as SkeletonTextVariant } from './types3.js';
+export { S as SkeletonText } from './SkeletonText.js';
+//# sourceMappingURL=skeleton-text.js.map

package/_internal/skeleton-text.js.map

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

package/_internal/skeleton.js

@@ -0,0 +1,2 @@
+export { B as BaseSkeleton, S as Skeleton } from './Skeleton2.js';
+//# sourceMappingURL=skeleton.js.map

package/_internal/skeleton.js.map

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

package/_internal/spinner.js

@@ -0,0 +1,2 @@
+export { S as Spinner, a as SpinnerSize } from './Spinner2.js';
+//# sourceMappingURL=spinner.js.map

package/_internal/spinner.js.map

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

package/_internal/styles.js

@@ -0,0 +1,235 @@
+import styled, { css } from 'styled-components';
+import { i as baseStyling, k as focusRing } from './styles4.js';
+
+/**
+ * Component variant.
+ */
+const ButtonVariant = {
+  primary: 'primary',
+  secondary: 'secondary',
+  unstyled: 'unstyled'
+};
+
+/**
+ * Component color.
+ */
+
+/**
+ * Component props.
+ */
+
+/**
+ * Component style.
+ */
+const StyledButton = styled.button`
+  align-items: center;
+  background: none;
+  border: none;
+  border-radius: 4px;
+  display: inline-flex;
+  font-family: var(--redsift-typography-button-font-family);
+  font-size: var(--redsift-typography-button-font-size);
+  font-weight: var(--redsift-typography-button-font-weight);
+  gap: 8px;
+  height: fit-content;
+  justify-content: center;
+  line-height: var(--redsift-typography-button-line-height);
+  text-decoration: none;
+  text-transform: var(--redsift-typography-button-text-transform);
+  vertical-align: middle;
+  -webkit-font-smoothing: antialiased;
+  ${baseStyling}
+
+  ${_ref => {
+  let {
+    $isLoading
+  } = _ref;
+  return $isLoading ? css`
+          & > span {
+            opacity: 0;
+          }
+
+          & > .redsift-shield {
+            position: absolute;
+          }
+        ` : '';
+}}
+
+  ${_ref2 => {
+  let {
+    $variant,
+    $color,
+    $isActive,
+    $isDisabled,
+    $isGradient,
+    $isHovered,
+    $theme
+  } = _ref2;
+  return css`
+    padding: ${$variant !== ButtonVariant.secondary || $variant === ButtonVariant.secondary && $isGradient && !$isDisabled ? '9px 16px' : '8px 15px'};
+
+    ${!$isGradient ? css`
+          background-color: var(
+            --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
+          );
+          &,
+          .redsift-icon:not(.colored) {
+            color: var(
+              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
+            );
+          }
+        ` : css`
+          background: var(
+            --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
+          );
+
+          ${$variant === ButtonVariant.primary || $isDisabled ? css`
+                &,
+                .redsift-icon:not(.colored) {
+                  color: var(
+                    --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
+                  );
+                }
+              ` : ''}
+
+          ${$variant !== ButtonVariant.primary && !$isDisabled ? css`
+                path {
+                  fill: url(#${$color}-gradient-${$isActive ? 'active' : $isHovered ? 'hover' : 'default'});
+                }
+              ` : ''}
+
+          span {
+            background: var(
+              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
+            );
+            background-clip: text;
+            color: transparent;
+          }
+        `}
+
+    ${$variant === ButtonVariant.secondary ? css`
+          border: 1px solid
+            var(
+              --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
+            );
+        ` : ''}
+  `;
+}};
+
+  &:hover,
+  &:focus-visible {
+    outline: none;
+
+    ${_ref3 => {
+  let {
+    $variant,
+    $color,
+    $isDisabled,
+    $isGradient,
+    $theme
+  } = _ref3;
+  return css`
+      cursor: ${$isDisabled ? 'default' : 'pointer'};
+
+      ${!$isGradient ? css`
+            background-color: var(
+              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : 'hover'}
+            );
+            &,
+            .redsift-icon:not(.colored) {
+              color: var(
+                --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled ? 'disabled' : 'hover'}
+              );
+            }
+
+            ${$variant === ButtonVariant.secondary ? css`
+                  border: 1px solid
+                    var(
+                      --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : 'hover'}
+                    );
+                ` : ''}
+          ` : css`
+            background: var(
+              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : 'hover'}
+            );
+
+            ${$variant !== ButtonVariant.primary && !$isDisabled ? css`
+                  path {
+                    fill: url(#${$color}-gradient-hover);
+                  }
+                ` : ''}
+          `}
+    `;
+}};
+  }
+
+  &:active {
+    outline: none;
+
+    ${_ref4 => {
+  let {
+    $variant,
+    $color,
+    $isGradient,
+    $isHovered,
+    $isDisabled,
+    $theme
+  } = _ref4;
+  return css`
+      ${!$isGradient ? css`
+            background-color: var(
+              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}
+            );
+            &,
+            .redsift-icon:not(.colored) {
+              color: var(
+                --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}
+              );
+            }
+
+            ${$variant === ButtonVariant.secondary ? css`
+                  border: 1px solid
+                    var(
+                      --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}
+                    );
+                ` : ''}
+          ` : css`
+            background: var(
+              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}
+            );
+
+            ${$variant !== ButtonVariant.primary && !$isDisabled ? css`
+                  path {
+                    fill: url(#${$color}-gradient-active);
+                  }
+                ` : ''}
+          `}
+    `;
+}};
+  }
+
+  ${_ref5 => {
+  let {
+    $fullWidth
+  } = _ref5;
+  return $fullWidth ? `
+        width: 100%;
+        flex-grow: 1;
+      ` : '';
+}}
+
+  .redsift-icon.left {
+    margin-right: unset;
+    align-items: center;
+  }
+
+  .redsift-icon.right {
+    margin-left: unset;
+    align-items: center;
+  }
+
+  ${focusRing}
+`;
+
+export { ButtonVariant as B, StyledButton as S };
+//# sourceMappingURL=styles.js.map

package/_internal/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../src/components/button/types.ts","../../src/components/button/styles.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { ButtonsColorPalette, StylingProps, Theme, ValueOf } from '../../types';\nimport { IconProps } from '../icon';\n\n/**\n * Component variant.\n */\nexport const ButtonVariant = {\n  primary: 'primary',\n  secondary: 'secondary',\n  unstyled: 'unstyled',\n} as const;\nexport type ButtonVariant = ValueOf<typeof ButtonVariant>;\n\n/**\n * Component color.\n */\nexport type ButtonColor = ButtonsColorPalette;\n\n/**\n * Component props.\n */\nexport interface ButtonProps extends ComponentProps<'button'>, StylingProps {\n  /** Color variant. */\n  color?: ButtonColor;\n  /** Whether the component take the full width or not. */\n  fullWidth?: boolean;\n  /** Whether the component is active or not. */\n  isActive?: boolean;\n  /** Whether the component is disabled or not. */\n  isDisabled?: boolean;\n  /** Whether the component is hovered or not. */\n  isHovered?: boolean;\n  /** Whether the component is in a loading state or not. */\n  isLoading?: boolean;\n  /**\n   * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />\n   * Can also be a ReactElement.\n   */\n  leftIcon?: IconProps['icon'];\n  /** Props to add to the left icon. */\n  leftIconProps?: Omit<IconProps, 'icon' | 'ref'>;\n  /**\n   * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />\n   * Can also be a ReactElement.\n   */\n  rightIcon?: IconProps['icon'];\n  /** Props to add to the right icon. */\n  rightIconProps?: Omit<IconProps, 'icon' | 'ref'>;\n  /** Theme. */\n  theme?: Theme;\n  /** Button variant. */\n  variant?: ButtonVariant;\n}\n\nexport type StyledButtonProps = ButtonProps & {\n  $color: ButtonProps['color'];\n  $fullWidth?: ButtonProps['fullWidth'];\n  $isActive: ButtonProps['isActive'];\n  $isDisabled: ButtonProps['isDisabled'];\n  $isGradient: boolean;\n  $isHovered: ButtonProps['isHovered'];\n  $isLoading: ButtonProps['isLoading'];\n  $theme: ButtonProps['theme'];\n  $variant: ButtonProps['variant'];\n};\n","import styled, { css } from 'styled-components';\nimport { baseStyling, focusRing } from '../shared';\nimport { StyledButtonProps, ButtonVariant } from './types';\n\n/**\n * Component style.\n */\nexport const StyledButton = styled.button<StyledButtonProps>`\n  align-items: center;\n  background: none;\n  border: none;\n  border-radius: 4px;\n  display: inline-flex;\n  font-family: var(--redsift-typography-button-font-family);\n  font-size: var(--redsift-typography-button-font-size);\n  font-weight: var(--redsift-typography-button-font-weight);\n  gap: 8px;\n  height: fit-content;\n  justify-content: center;\n  line-height: var(--redsift-typography-button-line-height);\n  text-decoration: none;\n  text-transform: var(--redsift-typography-button-text-transform);\n  vertical-align: middle;\n  -webkit-font-smoothing: antialiased;\n  ${baseStyling}\n\n  ${({ $isLoading }) =>\n    $isLoading\n      ? css`\n          & > span {\n            opacity: 0;\n          }\n\n          & > .redsift-shield {\n            position: absolute;\n          }\n        `\n      : ''}\n\n  ${({ $variant, $color, $isActive, $isDisabled, $isGradient, $isHovered, $theme }) => css`\n    padding: ${$variant !== ButtonVariant.secondary ||\n    ($variant === ButtonVariant.secondary && $isGradient && !$isDisabled)\n      ? '9px 16px'\n      : '8px 15px'};\n\n    ${!$isGradient\n      ? css`\n          background-color: var(\n            --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled\n                ? 'disabled'\n                : $isActive\n                ? 'active'\n                : $isHovered\n                ? 'hover'\n                : 'default'}\n          );\n          &,\n          .redsift-icon:not(.colored) {\n            color: var(\n              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled\n                  ? 'disabled'\n                  : $isActive\n                  ? 'active'\n                  : $isHovered\n                  ? 'hover'\n                  : 'default'}\n            );\n          }\n        `\n      : css`\n          background: var(\n            --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled\n                ? 'disabled'\n                : $isActive\n                ? 'active'\n                : $isHovered\n                ? 'hover'\n                : 'default'}\n          );\n\n          ${$variant === ButtonVariant.primary || $isDisabled\n            ? css`\n                &,\n                .redsift-icon:not(.colored) {\n                  color: var(\n                    --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled\n                        ? 'disabled'\n                        : $isActive\n                        ? 'active'\n                        : $isHovered\n                        ? 'hover'\n                        : 'default'}\n                  );\n                }\n              `\n            : ''}\n\n          ${$variant !== ButtonVariant.primary && !$isDisabled\n            ? css`\n                path {\n                  fill: url(#${$color}-gradient-${$isActive ? 'active' : $isHovered ? 'hover' : 'default'});\n                }\n              `\n            : ''}\n\n          span {\n            background: var(\n              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled\n                  ? 'disabled'\n                  : $isActive\n                  ? 'active'\n                  : $isHovered\n                  ? 'hover'\n                  : 'default'}\n            );\n            background-clip: text;\n            color: transparent;\n          }\n        `}\n\n    ${$variant === ButtonVariant.secondary\n      ? css`\n          border: 1px solid\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  &:hover,\n  &:focus-visible {\n    outline: none;\n\n    ${({ $variant, $color, $isDisabled, $isGradient, $theme }) => css`\n      cursor: ${$isDisabled ? 'default' : 'pointer'};\n\n      ${!$isGradient\n        ? css`\n            background-color: var(\n              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled\n                  ? 'disabled'\n                  : 'hover'}\n            );\n            &,\n            .redsift-icon:not(.colored) {\n              color: var(\n                --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled\n                    ? 'disabled'\n                    : 'hover'}\n              );\n            }\n\n            ${$variant === ButtonVariant.secondary\n              ? css`\n                  border: 1px solid\n                    var(\n                      --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : 'hover'}\n                    );\n                `\n              : ''}\n          `\n        : css`\n            background: var(\n              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled\n                  ? 'disabled'\n                  : 'hover'}\n            );\n\n            ${$variant !== ButtonVariant.primary && !$isDisabled\n              ? css`\n                  path {\n                    fill: url(#${$color}-gradient-hover);\n                  }\n                `\n              : ''}\n          `}\n    `};\n  }\n\n  &:active {\n    outline: none;\n\n    ${({ $variant, $color, $isGradient, $isHovered, $isDisabled, $theme }) => css`\n      ${!$isGradient\n        ? css`\n            background-color: var(\n              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled\n                  ? 'disabled'\n                  : $isHovered\n                  ? 'hover'\n                  : 'active'}\n            );\n            &,\n            .redsift-icon:not(.colored) {\n              color: var(\n                --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled\n                    ? 'disabled'\n                    : $isHovered\n                    ? 'hover'\n                    : 'active'}\n              );\n            }\n\n            ${$variant === ButtonVariant.secondary\n              ? css`\n                  border: 1px solid\n                    var(\n                      --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}\n                    );\n                `\n              : ''}\n          `\n        : css`\n            background: var(\n              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled\n                  ? 'disabled'\n                  : $isHovered\n                  ? 'hover'\n                  : 'active'}\n            );\n\n            ${$variant !== ButtonVariant.primary && !$isDisabled\n              ? css`\n                  path {\n                    fill: url(#${$color}-gradient-active);\n                  }\n                `\n              : ''}\n          `}\n    `};\n  }\n\n  ${({ $fullWidth }) =>\n    $fullWidth\n      ? `\n        width: 100%;\n        flex-grow: 1;\n      `\n      : ''}\n\n  .redsift-icon.left {\n    margin-right: unset;\n    align-items: center;\n  }\n\n  .redsift-icon.right {\n    margin-left: unset;\n    align-items: center;\n  }\n\n  ${focusRing}\n`;\n"],"names":["ButtonVariant","primary","secondary","unstyled","StyledButton","styled","button","baseStyling","_ref","$isLoading","css","_ref2","$variant","$color","$isActive","$isDisabled","$isGradient","$isHovered","$theme","_ref3","_ref4","_ref5","$fullWidth","focusRing"],"mappings":"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"}

package/_internal/styles2.js

@@ -0,0 +1,47 @@
+import styled, { css } from 'styled-components';
+import { S as StyledButton } from './styles.js';
+
+/**
+ * Component variant.
+ */
+const IconButtonVariant = {
+  primary: 'primary',
+  secondary: 'secondary',
+  unstyled: 'unstyled'
+};
+
+/**
+ * Component color.
+ */
+
+/**
+ * Component props.
+ */
+
+/**
+ * Component style.
+ */
+const StyledIconButton = styled(StyledButton)`
+  ${_ref => {
+  let {
+    $variant
+  } = _ref;
+  return css`
+    padding: ${$variant === IconButtonVariant.secondary ? '8px' : '9px'};
+  `;
+}};
+
+  ${_ref2 => {
+  let {
+    $isLoading
+  } = _ref2;
+  return $isLoading ? css`
+          & > .redsift-shield {
+            position: relative;
+          }
+        ` : '';
+}}
+`;
+
+export { IconButtonVariant as I, StyledIconButton as S };
+//# sourceMappingURL=styles2.js.map

package/_internal/styles2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles2.js","sources":["../../src/components/icon-button/types.ts","../../src/components/icon-button/styles.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { ButtonsColorPalette, StylingProps, Theme, ValueOf } from '../../types';\nimport { IconProps } from '../icon';\n\n/**\n * Component variant.\n */\nexport const IconButtonVariant = {\n  primary: 'primary',\n  secondary: 'secondary',\n  unstyled: 'unstyled',\n} as const;\nexport type IconButtonVariant = ValueOf<typeof IconButtonVariant>;\n\n/**\n * Component color.\n */\nexport type IconButtonColor = ButtonsColorPalette;\n\n/**\n * Component props.\n */\nexport interface IconButtonProps extends ComponentProps<'button'>, StylingProps {\n  /** Color variant. */\n  color?: IconButtonColor;\n  /**\n   * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />\n   * Can also be a ReactElement.\n   */\n  icon: IconProps['icon'];\n  /** Props to forward to the icon. */\n  iconProps?: Omit<IconProps, 'ref' | 'icon'>;\n  /** Whether the component is active or not. */\n  isActive?: boolean;\n  /** Whether the component is disabled or not. */\n  isDisabled?: boolean;\n  /** Whether the component is hovered or not. */\n  isHovered?: boolean;\n  /** Whether the component is in a loading state or not. */\n  isLoading?: boolean;\n  /** Theme. */\n  theme?: Theme;\n  /** Button variant. */\n  variant?: IconButtonVariant;\n}\n\nexport type StyledIconButtonProps = Omit<IconButtonProps, 'icon'> & {\n  $color: IconButtonProps['color'];\n  $isActive: IconButtonProps['isActive'];\n  $isDisabled: IconButtonProps['isDisabled'];\n  $isHovered: IconButtonProps['isHovered'];\n  $isLoading: IconButtonProps['isLoading'];\n  $theme: IconButtonProps['theme'];\n  $variant: IconButtonProps['variant'];\n};\n","import styled, { css } from 'styled-components';\nimport { StyledButton } from '../button';\nimport { IconButtonVariant, StyledIconButtonProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledIconButton = styled(StyledButton)<StyledIconButtonProps>`\n  ${({ $variant }) => css`\n    padding: ${$variant === IconButtonVariant.secondary ? '8px' : '9px'};\n  `};\n\n  ${({ $isLoading }) =>\n    $isLoading\n      ? css`\n          & > .redsift-shield {\n            position: relative;\n          }\n        `\n      : ''}\n`;\n"],"names":["IconButtonVariant","primary","secondary","unstyled","StyledIconButton","styled","StyledButton","_ref","$variant","css","_ref2","$isLoading"],"mappings":";;;AAIA;AACA;AACA;AACO,MAAMA,iBAAiB,GAAG;AAC/BC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,QAAQ,EAAE,UAAA;AACZ,EAAU;;AAGV;AACA;AACA;;AAGA;AACA;AACA;;ACjBA;AACA;AACA;MACaC,gBAAgB,GAAGC,MAAM,CAACC,YAAY,CAAyB,CAAA;AAC5E,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKE,GAAI,CAAA;AAC1B,aAAeD,EAAAA,QAAQ,KAAKR,iBAAiB,CAACE,SAAS,GAAG,KAAK,GAAG,KAAM,CAAA;AACxE,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;AACA,EAAA,EAAIQ,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAD,KAAA,CAAA;EAAA,OACfC,UAAU,GACNF,GAAI,CAAA;AACZ;AACA;AACA;AACA,QAAA,CAAS,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACX;;;;"}

package/_internal/styles3.js

@@ -0,0 +1,145 @@
+import styled, { css } from 'styled-components';
+import { i as baseStyling } from './styles4.js';
+import { N as NotificationsColorPalette, g as NeutralColorPalette, e as ProductColorPalette } from './colors.js';
+
+/**
+ * Component style.
+ */
+const StyledLink = styled.a`
+  background: none;
+  border: none;
+  color: unset;
+  cursor: text !important;
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
+  font-family: var(--redsift-typography-link-font-family);
+  font-size: var(--redsift-typography-link-font-size);
+  font-weight: var(--redsift-typography-link-font-weight);
+  height: var(--redsift-typography-link-line-height);
+  line-height: var(--redsift-typography-link-line-height);
+  padding: unset;
+  position: relative;
+  text-decoration: none;
+  width: fit-content;
+
+  ${_ref => {
+  let {
+    $hasIcons
+  } = _ref;
+  return $hasIcons ? css`
+          bottom: -2px;
+        ` : '';
+}}
+
+  ${baseStyling}
+
+  ${_ref2 => {
+  let {
+    $isDisabled,
+    $color,
+    $theme,
+    $hasIcons
+  } = _ref2;
+  return !$isDisabled ? css`
+          ${$color && $color === 'radar' ? css`
+                  background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);
+                  background-clip: text;
+                  color: transparent;
+
+                  path {
+                    fill: url(#${$color}-gradient-default);
+                  }
+                ` : Object.keys(NotificationsColorPalette).indexOf($color) !== -1 ? css`
+                  &,
+                  .redsift-icon:not(.colored) {
+                    color: var(--redsift-color-notifications-${$color}-primary);
+                  }
+                ` : Object.keys(NeutralColorPalette).indexOf($color) !== -1 ? css`
+                  &,
+                  .redsift-icon:not(.colored) {
+                    color: var(--redsift-color-neutral-${$color});
+                  }
+                ` : Object.keys(ProductColorPalette).indexOf($color) !== -1 ? css`
+                  &,
+                  .redsift-icon:not(.colored) {
+                    color: var(--redsift-color-product-${$color});
+                  }
+                ` : css`
+                  &,
+                  .redsift-icon:not(.colored) {
+                    color: ${$color || css`var(--redsift-color-${$theme}-components-text-primary)`};
+                  }
+                `}}
+
+          ${$color && $color === 'radar' && !$hasIcons ? css`
+                  position: relative;
+
+                  &:hover,
+                  &:focus-visible {
+                    cursor: pointer !important;
+                  }
+
+                  &:hover::before,
+                  &:focus-visible::before {
+                    content: '';
+                    position: absolute;
+                    bottom: 3px;
+                    width: 100%;
+                    left: 0;
+                    height: 1px;
+                    background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);
+                  }
+                ` : $color && $color === 'radar' && $hasIcons ? css`
+                  position: relative;
+
+                  &:hover,
+                  &:focus-visible {
+                    cursor: pointer !important;
+                  }
+
+                  .text::before {
+                    content: '';
+                    position: absolute;
+                    bottom: 3px;
+                    width: 100%;
+                    left: 0;
+                    height: 1px;
+                    background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);
+                    transform: scaleX(0);
+                  }
+
+                  &:hover .text::before,
+                  .icon:hover + .text::before,
+                  .text:hover::before {
+                    transform: scaleX(1);
+                  }
+                ` : css`
+                  text-decoration: underline;
+                  text-decoration-color: transparent;
+                  text-underline-offset: 2px;
+
+                  &:hover,
+                  &:focus-visible {
+                    cursor: pointer !important;
+                    ${Object.keys(NotificationsColorPalette).indexOf($color) !== -1 ? css`
+                          text-decoration-color: var(--redsift-color-notifications-${$color}-primary);
+                        ` : Object.keys(NeutralColorPalette).indexOf($color) !== -1 ? css`
+                          text-decoration-color: var(--redsift-color-neutral-${$color});
+                        ` : Object.keys(ProductColorPalette).indexOf($color) !== -1 ? css`
+                          text-decoration-color: var(--redsift-color-product-${$color});
+                        ` : css`
+                          text-decoration-color: ${$color || css`var(--redsift-color-${$theme}-components-text-primary)`};
+                        `}
+                  }
+                `}
+        ` : '';
+}}
+
+  &:focus-visible {
+    outline: 2px solid var(--redsift-color-primary-n);
+  }
+`;
+
+export { StyledLink as S };
+//# sourceMappingURL=styles3.js.map

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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"}