@elliemae/ds-separator 3.16.0-next.2 → 3.16.0-next.21

package/dist/esm/v2/DSSeparatorV2.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/DSSeparatorV2.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport { StyledSeparator } from './styles';\nimport { propTypes, defaultProps } from './react-desc-prop-types';\nimport { DSSeparatorV2Datatestid } from './exported-related/DSSeparatorV2Datatestid';\nimport type { DSSeparatorV2T } from './react-desc-prop-types';\nimport { DSSeparatorName } from './DSSeparatorDefinitions';\n\nconst DSSeparatorV2 = (props: DSSeparatorV2T.Props): JSX.Element => {\n  useValidateTypescriptPropTypes(props, propTypes, DSSeparatorName);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSSeparatorV2T.Props>(props, defaultProps);\n\n  const { colorType, isDotted, isVertical, color, ...rest } = propsWithDefault;\n\n  const { role, ...globalAttrs } = useGetGlobalAttributes(rest);\n  const xstyledAttrs = useGetXstyledProps(rest);\n\n  return (\n    <StyledSeparator\n      colorType={colorType}\n      isDotted={isDotted}\n      isVertical={isVertical}\n      color={color}\n      role={role}\n      {...(role ? { 'aria-orientation': isVertical ? 'vertical' : 'horizontal' } : undefined)}\n      data-testid={DSSeparatorV2Datatestid.SEPARATOR}\n      {...globalAttrs}\n      {...xstyledAttrs}\n    />\n  );\n};\n\nDSSeparatorV2.displayName = DSSeparatorName;\nconst DSSeparatorV2WithSchema = describe(DSSeparatorV2);\nDSSeparatorV2WithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSSeparatorV2, DSSeparatorV2WithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACyBnB;AAvBJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,WAAW,oBAAoB;AACxC,SAAS,+BAA+B;AAExC,SAAS,uBAAuB;AAEhC,MAAM,gBAAgB,CAAC,UAA6C;AAClE,iCAA+B,OAAO,WAAW,eAAe;AAChE,QAAM,mBAAmB,6BAAmD,OAAO,YAAY;AAE/F,QAAM,EAAE,WAAW,UAAU,YAAY,UAAU,KAAK,IAAI;AAE5D,QAAM,EAAE,SAAS,YAAY,IAAI,uBAAuB,IAAI;AAC5D,QAAM,eAAe,mBAAmB,IAAI;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAI,OAAO,EAAE,oBAAoB,aAAa,aAAa,aAAa,IAAI;AAAA,MAC7E,eAAa,wBAAwB;AAAA,MACpC,GAAG;AAAA,MACH,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { StyledSeparator } from './styles.js';\nimport { propTypes, defaultProps } from './react-desc-prop-types.js';\nimport { DSSeparatorV2Datatestid } from './exported-related/DSSeparatorV2Datatestid.js';\nimport type { DSSeparatorV2T } from './react-desc-prop-types.js';\nimport { DSSeparatorName } from './DSSeparatorDefinitions.js';\n\nconst DSSeparatorV2 = (props: DSSeparatorV2T.Props): JSX.Element => {\n  useValidateTypescriptPropTypes(props, propTypes, DSSeparatorName);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSSeparatorV2T.Props>(props, defaultProps);\n\n  const { colorType, isDotted, isVertical, color, ...rest } = propsWithDefault;\n\n  const { role, ...globalAttrs } = useGetGlobalAttributes(rest);\n  const xstyledAttrs = useGetXstyledProps(rest);\n\n  return (\n    <StyledSeparator\n      colorType={colorType}\n      isDotted={isDotted}\n      isVertical={isVertical}\n      color={color}\n      role={role}\n      {...(role ? { 'aria-orientation': isVertical ? 'vertical' : 'horizontal' } : undefined)}\n      data-testid={DSSeparatorV2Datatestid.SEPARATOR}\n      {...globalAttrs}\n      {...xstyledAttrs}\n    />\n  );\n};\n\nDSSeparatorV2.displayName = DSSeparatorName;\nconst DSSeparatorV2WithSchema = describe(DSSeparatorV2);\nDSSeparatorV2WithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSSeparatorV2, DSSeparatorV2WithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACyBnB;AAvBJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,WAAW,oBAAoB;AACxC,SAAS,+BAA+B;AAExC,SAAS,uBAAuB;AAEhC,MAAM,gBAAgB,CAAC,UAA6C;AAClE,iCAA+B,OAAO,WAAW,eAAe;AAChE,QAAM,mBAAmB,6BAAmD,OAAO,YAAY;AAE/F,QAAM,EAAE,WAAW,UAAU,YAAY,OAAO,GAAG,KAAK,IAAI;AAE5D,QAAM,EAAE,MAAM,GAAG,YAAY,IAAI,uBAAuB,IAAI;AAC5D,QAAM,eAAe,mBAAmB,IAAI;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAI,OAAO,EAAE,oBAAoB,aAAa,aAAa,aAAa,IAAI;AAAA,MAC7E,eAAa,wBAAwB;AAAA,MACpC,GAAG;AAAA,MACH,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
   "names": []
 }

package/dist/esm/v2/index.js

@@ -1,4 +1,4 @@
 import * as React from "react";
-export * from "./DSSeparatorV2";
-export * from "./exported-related/DSSeparatorV2Datatestid";
+export * from "./DSSeparatorV2.js";
+export * from "./exported-related/DSSeparatorV2Datatestid.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/v2/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSSeparatorV2';\nexport * from './exported-related/DSSeparatorV2Datatestid';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSSeparatorV2.js';\nexport * from './exported-related/DSSeparatorV2Datatestid.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/v2/react-desc-prop-types.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-utilities";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
 const defaultProps = {
   isVertical: false,
   isDotted: false,

package/dist/esm/v2/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\n\nexport const defaultProps: DSSeparatorV2T.DefaultProps = {\n  isVertical: false,\n  isDotted: false,\n  colorType: 'dark',\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  isVertical: PropTypes.bool.description('Set vertical orientation.').defaultValue(false),\n  isDotted: PropTypes.bool.description('Set dashed style.').defaultValue(false),\n  colorType: PropTypes.oneOf(['dark', 'light'])\n    .description('Set dark or light color types. Using color property will override this one.')\n    .defaultValue('dark'),\n  color: PropTypes.string.description('Set a custom color.'),\n};\n\nexport declare namespace DSSeparatorV2T {\n  export interface DefaultProps {\n    isVertical: boolean;\n    isDotted: boolean;\n    colorType: 'dark' | 'light';\n  }\n\n  export interface PropsOptional {\n    color?: string;\n  }\n\n  export interface Props extends Partial<DefaultProps>, PropsOptional {}\n}\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport const defaultProps: DSSeparatorV2T.DefaultProps = {\n  isVertical: false,\n  isDotted: false,\n  colorType: 'dark',\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  isVertical: PropTypes.bool.description('Set vertical orientation.').defaultValue(false),\n  isDotted: PropTypes.bool.description('Set dashed style.').defaultValue(false),\n  colorType: PropTypes.oneOf(['dark', 'light'])\n    .description('Set dark or light color types. Using color property will override this one.')\n    .defaultValue('dark'),\n  color: PropTypes.string.description('Set a custom color.'),\n};\n\nexport declare namespace DSSeparatorV2T {\n  export interface DefaultProps {\n    isVertical: boolean;\n    isDotted: boolean;\n    colorType: 'dark' | 'light';\n  }\n\n  export interface PropsOptional {\n    color?: string;\n  }\n\n  export interface Props extends Partial<DefaultProps>, PropsOptional {}\n}\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,2BAA2B,wBAAwB;AAEhE,MAAM,eAA4C;AAAA,EACvD,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AACb;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,YAAY,UAAU,KAAK,YAAY,2BAA2B,EAAE,aAAa,KAAK;AAAA,EACtF,UAAU,UAAU,KAAK,YAAY,mBAAmB,EAAE,aAAa,KAAK;AAAA,EAC5E,WAAW,UAAU,MAAM,CAAC,QAAQ,OAAO,CAAC,EACzC,YAAY,6EAA6E,EACzF,aAAa,MAAM;AAAA,EACtB,OAAO,UAAU,OAAO,YAAY,qBAAqB;AAC3D;",
   "names": []
 }

package/dist/esm/v2/styles.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/styles.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, css, xStyledCommonProps } from '@elliemae/ds-system';\n\ninterface StyledSeparatorT {\n  isVertical: boolean;\n  isDotted: boolean;\n  color: string;\n  colorType: 'dark' | 'light';\n}\n\nconst defaultColorTypes = {\n  dark: '700',\n  light: '400',\n};\n\nconst directionStyles = css`\n  ${({ isVertical }) => (isVertical ? `height: 100%; width: 1px;` : `height: 1px; width: 100%;`)}\n`;\n``;\nconst dottedBorder = css`\n  background-image: linear-gradient(\n    to ${({ isVertical }) => (!isVertical ? 'right' : 'bottom')},\n    ${({ theme, color, colorType }) => color || theme.colors.neutral[defaultColorTypes[colorType]]} 25%,\n    rgba(255, 255, 255, 0) 0%\n  );\n  background-position: bottom;\n  background-size: ${({ isVertical }) => (isVertical ? '1px 4px' : '4px 1px')};\n  background-repeat: ${({ isVertical }) => (isVertical ? 'repeat-y' : 'repeat-x')};\n`;\n\nconst solidBorder = css`\n  background: ${({ theme, color, colorType }) => color || theme.colors.neutral[defaultColorTypes[colorType]]};\n`;\n\nexport const StyledSeparator = styled('div', { name: 'DSSeparator', slot: 'root' })<StyledSeparatorT>`\n  ${directionStyles}\n  ${({ isDotted }) => (isDotted ? dottedBorder : solidBorder)}\n  ${xStyledCommonProps}\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,KAAK,0BAA0B;AAShD,MAAM,oBAAoB;AAAA,EACxB,MAAM;AAAA,EACN,OAAO;AACT;AAEA,MAAM,kBAAkB;AAAA,IACpB,CAAC,EAAE,WAAW,MAAO,aAAa,8BAA8B;AAAA;AAEpE;AACA,MAAM,eAAe;AAAA;AAAA,SAEZ,CAAC,EAAE,WAAW,MAAO,CAAC,aAAa,UAAU;AAAA,MAChD,CAAC,EAAE,OAAO,OAAO,UAAU,MAAM,SAAS,MAAM,OAAO,QAAQ,kBAAkB;AAAA;AAAA;AAAA;AAAA,qBAIlE,CAAC,EAAE,WAAW,MAAO,aAAa,YAAY;AAAA,uBAC5C,CAAC,EAAE,WAAW,MAAO,aAAa,aAAa;AAAA;AAGtE,MAAM,cAAc;AAAA,gBACJ,CAAC,EAAE,OAAO,OAAO,UAAU,MAAM,SAAS,MAAM,OAAO,QAAQ,kBAAkB;AAAA;AAG1F,MAAM,kBAAkB,OAAO,OAAO,EAAE,MAAM,eAAe,MAAM,OAAO,CAAC;AAAA,IAC9E;AAAA,IACA,CAAC,EAAE,SAAS,MAAO,WAAW,eAAe;AAAA,IAC7C;AAAA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,KAAK,0BAA0B;AAShD,MAAM,oBAAoB;AAAA,EACxB,MAAM;AAAA,EACN,OAAO;AACT;AAEA,MAAM,kBAAkB;AAAA,IACpB,CAAC,EAAE,WAAW,MAAO,aAAa,8BAA8B;AAAA;AAEpE;AACA,MAAM,eAAe;AAAA;AAAA,SAEZ,CAAC,EAAE,WAAW,MAAO,CAAC,aAAa,UAAU;AAAA,MAChD,CAAC,EAAE,OAAO,OAAO,UAAU,MAAM,SAAS,MAAM,OAAO,QAAQ,kBAAkB,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA,qBAI5E,CAAC,EAAE,WAAW,MAAO,aAAa,YAAY;AAAA,uBAC5C,CAAC,EAAE,WAAW,MAAO,aAAa,aAAa;AAAA;AAGtE,MAAM,cAAc;AAAA,gBACJ,CAAC,EAAE,OAAO,OAAO,UAAU,MAAM,SAAS,MAAM,OAAO,QAAQ,kBAAkB,SAAS,CAAC;AAAA;AAGpG,MAAM,kBAAkB,OAAO,OAAO,EAAE,MAAM,eAAe,MAAM,OAAO,CAAC;AAAA,IAC9E;AAAA,IACA,CAAC,EAAE,SAAS,MAAO,WAAW,eAAe;AAAA,IAC7C;AAAA;",
   "names": []
 }

package/dist/types/DSSeparator.d.ts

@@ -19,35 +19,35 @@ declare const DSSeparator: {
     };
     propTypes: {
         /** class for separator */
-        className: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /** style object for separator */
-        style: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        style: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /** Injected props to wrapper element of component */
-        containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * If the separator has to be dashed or solid
          */
-        dashed: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        dashed: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Amount of margin to be added to the separator
          */
-        margin: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        margin: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Orientation 'horizontal' or 'vertical'
          */
-        orientation: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        orientation: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * ['category-level', 'group-level', 'non-form']
          */
-        type: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        type: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * ['initial', 'center', 'end']
          */
-        position: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        position: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     };
     displayName: string;
 };
-declare const DSSeparatorWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const DSSeparatorWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
     containerProps: any;
     dashed: any;
     margin: any;

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
-export * from './DSSeparator';
-export * from './v2';
-export { default } from './DSSeparator';
+export * from './DSSeparator.js';
+export * from './v2/index.js';
+export { default } from './DSSeparator.js';

package/dist/types/v2/DSSeparatorV2.d.ts

@@ -1,7 +1,7 @@
-import type { DSSeparatorV2T } from './react-desc-prop-types';
+import type { DSSeparatorV2T } from './react-desc-prop-types.js';
 declare const DSSeparatorV2: {
     (props: DSSeparatorV2T.Props): JSX.Element;
     displayName: string;
 };
-declare const DSSeparatorV2WithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<DSSeparatorV2T.Props>;
+declare const DSSeparatorV2WithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSSeparatorV2T.Props>;
 export { DSSeparatorV2, DSSeparatorV2WithSchema };

package/dist/types/v2/index.d.ts

@@ -1,2 +1,2 @@
-export * from './DSSeparatorV2';
-export * from './exported-related/DSSeparatorV2Datatestid';
+export * from './DSSeparatorV2.js';
+export * from './exported-related/DSSeparatorV2Datatestid.js';