@elliemae/ds-separator 3.2.1-rc.1 → 3.2.1-rc.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/DSSeparator.js +1 -0
- package/dist/cjs/DSSeparator.js.map +1 -1
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/v2/DSSeparatorV2.js +1 -0
- package/dist/cjs/v2/DSSeparatorV2.js.map +1 -1
- package/dist/cjs/v2/exported-related/DSSeparatorV2Datatestid.js +1 -0
- package/dist/cjs/v2/exported-related/DSSeparatorV2Datatestid.js.map +1 -1
- package/dist/cjs/v2/index.js +1 -0
- package/dist/cjs/v2/index.js.map +1 -1
- package/dist/cjs/v2/react-desc-prop-types.js +1 -0
- package/dist/cjs/v2/react-desc-prop-types.js.map +1 -1
- package/dist/cjs/v2/styles.js +1 -0
- package/dist/cjs/v2/styles.js.map +1 -1
- package/dist/esm/DSSeparator.js +1 -0
- package/dist/esm/DSSeparator.js.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/v2/DSSeparatorV2.js +1 -0
- package/dist/esm/v2/DSSeparatorV2.js.map +1 -1
- package/dist/esm/v2/exported-related/DSSeparatorV2Datatestid.js +1 -0
- package/dist/esm/v2/exported-related/DSSeparatorV2Datatestid.js.map +1 -1
- package/dist/esm/v2/index.js +1 -0
- package/dist/esm/v2/index.js.map +1 -1
- package/dist/esm/v2/react-desc-prop-types.js +1 -0
- package/dist/esm/v2/react-desc-prop-types.js.map +1 -1
- package/dist/esm/v2/styles.js +1 -0
- package/dist/esm/v2/styles.js.map +1 -1
- package/package.json +4 -4
package/dist/cjs/DSSeparator.js
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSSeparator.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'separator';\n\nconst MARGIN_SIZE = {\n S: 's',\n M: 'm',\n L: 'l',\n none: 'none',\n};\n\nconst POSITION = {\n INITIAL: 'initial',\n CENTER: 'center',\n END: 'end',\n};\n\nconst SeparatorWrapper = aggregatedClasses('div')(\n 'separator-wrapper',\n null,\n ({ margin, orientation, dashed, position }) => ({\n dashed,\n [margin]: margin,\n [orientation]: orientation,\n [position]: position,\n }),\n);\n\nconst Separator = aggregatedClasses('div')(\n blockName,\n null,\n ({ dashed, margin, orientation, type }) => ({\n dashed,\n [margin]: margin,\n [orientation]: orientation,\n [type]: type,\n }),\n);\n\nconst types = ['category-level', 'group-level', 'non-form'];\n\nconst DSSeparator = ({\n containerProps,\n dashed,\n margin,\n orientation,\n type,\n position,\n className,\n style,\n}) => (\n <SeparatorWrapper\n {...containerProps}\n className={className}\n classProps={{\n margin,\n orientation,\n dashed,\n position,\n }}\n style={style}\n >\n <Separator\n classProps={{\n dashed,\n margin,\n orientation,\n type,\n }}\n />\n </SeparatorWrapper>\n);\n\nDSSeparator.defaultProps = {\n containerProps: {},\n dashed: false,\n margin: MARGIN_SIZE.S,\n orientation: 'horizontal',\n type: 'category-level',\n position: POSITION.INITIAL,\n};\n\nconst props = {\n /** class for separator */\n className: PropTypes.string.description('class for separator'),\n /** style object for separator */\n style: PropTypes.object.description('style object for separator'),\n /** Injected props to wrapper element of component */\n containerProps: PropTypes.object.description(\n 'Injected props to wrapper element of component',\n ),\n /**\n * If the separator has to be dashed or solid\n */\n dashed: PropTypes.bool.description(\n 'If the separator has to be dashed or solid',\n ),\n /**\n * Amount of margin to be added to the separator\n */\n margin: PropTypes.oneOf(['s', 'm', 'l', 'none']).description(\n 'Amount of margin to be added to the separator',\n ),\n /**\n * Orientation 'horizontal' or 'vertical'\n */\n orientation: PropTypes.string.description(\n \"Orientation 'horizontal' or 'vertical'\",\n ),\n /**\n * ['category-level', 'group-level', 'non-form']\n */\n type: PropTypes.oneOf(types).description(\n \"['category-level', 'group-level', 'non-form']\",\n ),\n /**\n * ['initial', 'center', 'end']\n */\n position: PropTypes.oneOf(['initial', 'center', 'end']).description(\n \"['initial', 'center', 'end']\",\n ),\n};\n\nDSSeparator.propTypes = props;\nDSSeparator.displayName = 'DSSeparator';\nconst DSSeparatorWithSchema = describe(DSSeparator);\n\nDSSeparatorWithSchema.propTypes = props;\n\nexport { DSSeparator, DSSeparatorWithSchema };\nexport default DSSeparator;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,2BAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,cAAc;AAAA,EAClB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM;AACR;AAEA,MAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,KAAK;AACP;AAEA,MAAM,mBAAmB,4CAAkB,KAAK,EAC9C,qBACA,MACA,CAAC,EAAE,QAAQ,aAAa,QAAQ,eAAgB;AAAA,EAC9C;AAAA,EACA,CAAC,SAAS;AAAA,EACV,CAAC,cAAc;AAAA,EACf,CAAC,WAAW;AACd,EACF;AAEA,MAAM,YAAY,4CAAkB,KAAK,EACvC,WACA,MACA,CAAC,EAAE,QAAQ,QAAQ,aAAa,WAAY;AAAA,EAC1C;AAAA,EACA,CAAC,SAAS;AAAA,EACV,CAAC,cAAc;AAAA,EACf,CAAC,OAAO;AACV,EACF;AAEA,MAAM,QAAQ,CAAC,kBAAkB,eAAe,UAAU;AAE1D,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC,mDACK,iBADL;AAAA,EAEC;AAAA,EACA,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IAEA,mDAAC;AAAA,EACC,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,CACF,CACF;AAGF,YAAY,eAAe;AAAA,EACzB,gBAAgB,CAAC;AAAA,EACjB,QAAQ;AAAA,EACR,QAAQ,YAAY;AAAA,EACpB,aAAa;AAAA,EACb,MAAM;AAAA,EACN,UAAU,SAAS;AACrB;AAEA,MAAM,QAAQ;AAAA,EAEZ,WAAW,8BAAU,OAAO,YAAY,qBAAqB;AAAA,EAE7D,OAAO,8BAAU,OAAO,YAAY,4BAA4B;AAAA,EAEhE,gBAAgB,8BAAU,OAAO,YAC/B,gDACF;AAAA,EAIA,QAAQ,8BAAU,KAAK,YACrB,4CACF;AAAA,EAIA,QAAQ,8BAAU,MAAM,CAAC,KAAK,KAAK,KAAK,MAAM,CAAC,EAAE,YAC/C,+CACF;AAAA,EAIA,aAAa,8BAAU,OAAO,YAC5B,wCACF;AAAA,EAIA,MAAM,8BAAU,MAAM,KAAK,EAAE,YAC3B,+CACF;AAAA,EAIA,UAAU,8BAAU,MAAM,CAAC,WAAW,UAAU,KAAK,CAAC,EAAE,YACtD,8BACF;AACF;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,kCAAS,WAAW;AAElD,sBAAsB,YAAY;AAGlC,IAAO,sBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/index.js
CHANGED
package/dist/cjs/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export * from './DSSeparator';\nexport * from './v2';\nexport { default } from './DSSeparator';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,0BAAd;AACA,wBAAc,iBADd;AAEA,yBAAwB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/v2/DSSeparatorV2.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { WeakValidationMap } 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';\n\nconst DSSeparatorV2 = (props: DSSeparatorV2T.Props): JSX.Element => {\n useValidateTypescriptPropTypes(props, propTypes);\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 = 'DSSeparatorV2';\nconst DSSeparatorV2WithSchema = describe(DSSeparatorV2);\nDSSeparatorV2WithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSSeparatorV2, DSSeparatorV2WithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,0BAMO;AACP,oBAAgC;AAChC,mCAAwC;AACxC,qCAAwC;AAGxC,MAAM,gBAAgB,CAAC,UAA6C;AAClE,0DAA+B,OAAO,sCAAS;AAC/C,QAAM,mBAAmB,sDAAmD,OAAO,yCAAY;AAE/F,QAA4D,uBAApD,aAAW,UAAU,YAAY,UAAmB,IAAT,iBAAS,IAAT,CAA3C,aAAW,YAAU,cAAY;AAEzC,QAAiC,qDAAuB,IAAI,GAApD,WAAyB,IAAhB,wBAAgB,IAAhB,CAAT;AACR,QAAM,eAAe,4CAAmB,IAAI;AAE5C,SACE,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KACK,OAAO,EAAE,oBAAoB,aAAa,aAAa,aAAa,IAAI,SAN9E;AAAA,IAOC,eAAa,uDAAwB;AAAA,MACjC,cACA,aACN;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,0BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/v2/exported-related/DSSeparatorV2Datatestid.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export const DSSeparatorV2Datatestid = {\n SEPARATOR: 'ds-separator-v2',\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,0BAA0B;AAAA,EACrC,WAAW;AACb;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/v2/index.js
CHANGED
package/dist/cjs/v2/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/v2/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export * from './DSSeparatorV2';\nexport * from './exported-related/DSSeparatorV2Datatestid';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAc,4BAAd;AACA,uBAAc,uDADd;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/v2/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAuE;AAEhE,MAAM,eAA4C;AAAA,EACvD,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AACb;AAEO,MAAM,YAAY,gDACpB,gDACA,uCAFoB;AAAA,EAGvB,YAAY,8BAAU,KAAK,YAAY,2BAA2B,EAAE,aAAa,KAAK;AAAA,EACtF,UAAU,8BAAU,KAAK,YAAY,mBAAmB,EAAE,aAAa,KAAK;AAAA,EAC5E,WAAW,8BAAU,MAAM,CAAC,QAAQ,OAAO,CAAC,EACzC,YAAY,6EAA6E,EACzF,aAAa,MAAM;AAAA,EACtB,OAAO,8BAAU,OAAO,YAAY,qBAAqB;AAC3D;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/v2/styles.js
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/v2/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import { styled, css, space, sizing, layout } 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: 'DS-Separator', slot: 'root' })<StyledSeparatorT>`\n ${directionStyles}\n ${({ isDotted }) => (isDotted ? dottedBorder : solidBorder)}\n ${sizing}\n ${space}\n ${layout}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAmD;AASnD,MAAM,oBAAoB;AAAA,EACxB,MAAM;AAAA,EACN,OAAO;AACT;AAEA,MAAM,kBAAkB;AAAA,IACpB,CAAC,EAAE,iBAAkB,aAAa,8BAA8B;AAAA;AAEpE;AACA,MAAM,eAAe;AAAA;AAAA,SAEZ,CAAC,EAAE,iBAAkB,CAAC,aAAa,UAAU;AAAA,MAChD,CAAC,EAAE,OAAO,OAAO,gBAAgB,SAAS,MAAM,OAAO,QAAQ,kBAAkB;AAAA;AAAA;AAAA;AAAA,qBAIlE,CAAC,EAAE,iBAAkB,aAAa,YAAY;AAAA,uBAC5C,CAAC,EAAE,iBAAkB,aAAa,aAAa;AAAA;AAGtE,MAAM,cAAc;AAAA,gBACJ,CAAC,EAAE,OAAO,OAAO,gBAAgB,SAAS,MAAM,OAAO,QAAQ,kBAAkB;AAAA;AAG1F,MAAM,kBAAkB,6BAAO,OAAO,EAAE,MAAM,gBAAgB,MAAM,OAAO,CAAC;AAAA,IAC/E;AAAA,IACA,CAAC,EAAE,eAAgB,WAAW,eAAe;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/DSSeparator.js
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSSeparator.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'separator';\n\nconst MARGIN_SIZE = {\n S: 's',\n M: 'm',\n L: 'l',\n none: 'none',\n};\n\nconst POSITION = {\n INITIAL: 'initial',\n CENTER: 'center',\n END: 'end',\n};\n\nconst SeparatorWrapper = aggregatedClasses('div')(\n 'separator-wrapper',\n null,\n ({ margin, orientation, dashed, position }) => ({\n dashed,\n [margin]: margin,\n [orientation]: orientation,\n [position]: position,\n }),\n);\n\nconst Separator = aggregatedClasses('div')(\n blockName,\n null,\n ({ dashed, margin, orientation, type }) => ({\n dashed,\n [margin]: margin,\n [orientation]: orientation,\n [type]: type,\n }),\n);\n\nconst types = ['category-level', 'group-level', 'non-form'];\n\nconst DSSeparator = ({\n containerProps,\n dashed,\n margin,\n orientation,\n type,\n position,\n className,\n style,\n}) => (\n <SeparatorWrapper\n {...containerProps}\n className={className}\n classProps={{\n margin,\n orientation,\n dashed,\n position,\n }}\n style={style}\n >\n <Separator\n classProps={{\n dashed,\n margin,\n orientation,\n type,\n }}\n />\n </SeparatorWrapper>\n);\n\nDSSeparator.defaultProps = {\n containerProps: {},\n dashed: false,\n margin: MARGIN_SIZE.S,\n orientation: 'horizontal',\n type: 'category-level',\n position: POSITION.INITIAL,\n};\n\nconst props = {\n /** class for separator */\n className: PropTypes.string.description('class for separator'),\n /** style object for separator */\n style: PropTypes.object.description('style object for separator'),\n /** Injected props to wrapper element of component */\n containerProps: PropTypes.object.description(\n 'Injected props to wrapper element of component',\n ),\n /**\n * If the separator has to be dashed or solid\n */\n dashed: PropTypes.bool.description(\n 'If the separator has to be dashed or solid',\n ),\n /**\n * Amount of margin to be added to the separator\n */\n margin: PropTypes.oneOf(['s', 'm', 'l', 'none']).description(\n 'Amount of margin to be added to the separator',\n ),\n /**\n * Orientation 'horizontal' or 'vertical'\n */\n orientation: PropTypes.string.description(\n \"Orientation 'horizontal' or 'vertical'\",\n ),\n /**\n * ['category-level', 'group-level', 'non-form']\n */\n type: PropTypes.oneOf(types).description(\n \"['category-level', 'group-level', 'non-form']\",\n ),\n /**\n * ['initial', 'center', 'end']\n */\n position: PropTypes.oneOf(['initial', 'center', 'end']).description(\n \"['initial', 'center', 'end']\",\n ),\n};\n\nDSSeparator.propTypes = props;\nDSSeparator.displayName = 'DSSeparator';\nconst DSSeparatorWithSchema = describe(DSSeparator);\n\nDSSeparatorWithSchema.propTypes = props;\n\nexport { DSSeparator, DSSeparatorWithSchema };\nexport default DSSeparator;\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,cAAc;AAAA,EAClB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM;AACR;AAEA,MAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,KAAK;AACP;AAEA,MAAM,mBAAmB,kBAAkB,KAAK,EAC9C,qBACA,MACA,CAAC,EAAE,QAAQ,aAAa,QAAQ,eAAgB;AAAA,EAC9C;AAAA,EACA,CAAC,SAAS;AAAA,EACV,CAAC,cAAc;AAAA,EACf,CAAC,WAAW;AACd,EACF;AAEA,MAAM,YAAY,kBAAkB,KAAK,EACvC,WACA,MACA,CAAC,EAAE,QAAQ,QAAQ,aAAa,WAAY;AAAA,EAC1C;AAAA,EACA,CAAC,SAAS;AAAA,EACV,CAAC,cAAc;AAAA,EACf,CAAC,OAAO;AACV,EACF;AAEA,MAAM,QAAQ,CAAC,kBAAkB,eAAe,UAAU;AAE1D,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,qCAAC,mDACK,iBADL;AAAA,EAEC;AAAA,EACA,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IAEA,qCAAC;AAAA,EACC,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,CACF,CACF;AAGF,YAAY,eAAe;AAAA,EACzB,gBAAgB,CAAC;AAAA,EACjB,QAAQ;AAAA,EACR,QAAQ,YAAY;AAAA,EACpB,aAAa;AAAA,EACb,MAAM;AAAA,EACN,UAAU,SAAS;AACrB;AAEA,MAAM,QAAQ;AAAA,EAEZ,WAAW,UAAU,OAAO,YAAY,qBAAqB;AAAA,EAE7D,OAAO,UAAU,OAAO,YAAY,4BAA4B;AAAA,EAEhE,gBAAgB,UAAU,OAAO,YAC/B,gDACF;AAAA,EAIA,QAAQ,UAAU,KAAK,YACrB,4CACF;AAAA,EAIA,QAAQ,UAAU,MAAM,CAAC,KAAK,KAAK,KAAK,MAAM,CAAC,EAAE,YAC/C,+CACF;AAAA,EAIA,aAAa,UAAU,OAAO,YAC5B,wCACF;AAAA,EAIA,MAAM,UAAU,MAAM,KAAK,EAAE,YAC3B,+CACF;AAAA,EAIA,UAAU,UAAU,MAAM,CAAC,WAAW,UAAU,KAAK,CAAC,EAAE,YACtD,8BACF;AACF;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAElD,sBAAsB,YAAY;AAGlC,IAAO,sBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/index.js
CHANGED
package/dist/esm/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSSeparator';\nexport * from './v2';\nexport { default } from './DSSeparator';\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;",
|
|
5
|
+
"mappings": ";AAAA;ACAA;AACA;AACA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/DSSeparatorV2.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } 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';\n\nconst DSSeparatorV2 = (props: DSSeparatorV2T.Props): JSX.Element => {\n useValidateTypescriptPropTypes(props, propTypes);\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 = 'DSSeparatorV2';\nconst DSSeparatorV2WithSchema = describe(DSSeparatorV2);\nDSSeparatorV2WithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSSeparatorV2, DSSeparatorV2WithSchema };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACA;AACA;AAGA,MAAM,gBAAgB,CAAC,UAA6C;AAClE,iCAA+B,OAAO,SAAS;AAC/C,QAAM,mBAAmB,6BAAmD,OAAO,YAAY;AAE/F,QAA4D,uBAApD,aAAW,UAAU,YAAY,UAAmB,IAAT,iBAAS,IAAT,CAA3C,aAAW,YAAU,cAAY;AAEzC,QAAiC,4BAAuB,IAAI,GAApD,WAAyB,IAAhB,wBAAgB,IAAhB,CAAT;AACR,QAAM,eAAe,mBAAmB,IAAI;AAE5C,SACE,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KACK,OAAO,EAAE,oBAAoB,aAAa,aAAa,aAAa,IAAI,SAN9E;AAAA,IAOC,eAAa,wBAAwB;AAAA,MACjC,cACA,aACN;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/exported-related/DSSeparatorV2Datatestid.ts"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSSeparatorV2Datatestid = {\n SEPARATOR: 'ds-separator-v2',\n};\n"],
|
|
5
|
-
"mappings": "AAAA;ACAO,MAAM,0BAA0B;AAAA,EACrC,WAAW;AACb;",
|
|
5
|
+
"mappings": ";AAAA;ACAO,MAAM,0BAA0B;AAAA,EACrC,WAAW;AACb;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/v2/index.js
CHANGED
package/dist/esm/v2/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/index.ts"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSSeparatorV2';\nexport * from './exported-related/DSSeparatorV2Datatestid';\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;",
|
|
5
|
+
"mappings": ";AAAA;ACAA;AACA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/react-desc-prop-types.ts"],
|
|
4
4
|
"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"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AAEO,MAAM,eAA4C;AAAA,EACvD,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AACb;AAEO,MAAM,YAAY,gDACpB,4BACA,mBAFoB;AAAA,EAGvB,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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/v2/styles.js
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/styles.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, css, space, sizing, layout } 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: 'DS-Separator', slot: 'root' })<StyledSeparatorT>`\n ${directionStyles}\n ${({ isDotted }) => (isDotted ? dottedBorder : solidBorder)}\n ${sizing}\n ${space}\n ${layout}\n`;\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AASA,MAAM,oBAAoB;AAAA,EACxB,MAAM;AAAA,EACN,OAAO;AACT;AAEA,MAAM,kBAAkB;AAAA,IACpB,CAAC,EAAE,iBAAkB,aAAa,8BAA8B;AAAA;AAEpE;AACA,MAAM,eAAe;AAAA;AAAA,SAEZ,CAAC,EAAE,iBAAkB,CAAC,aAAa,UAAU;AAAA,MAChD,CAAC,EAAE,OAAO,OAAO,gBAAgB,SAAS,MAAM,OAAO,QAAQ,kBAAkB;AAAA;AAAA;AAAA;AAAA,qBAIlE,CAAC,EAAE,iBAAkB,aAAa,YAAY;AAAA,uBAC5C,CAAC,EAAE,iBAAkB,aAAa,aAAa;AAAA;AAGtE,MAAM,cAAc;AAAA,gBACJ,CAAC,EAAE,OAAO,OAAO,gBAAgB,SAAS,MAAM,OAAO,QAAQ,kBAAkB;AAAA;AAG1F,MAAM,kBAAkB,OAAO,OAAO,EAAE,MAAM,gBAAgB,MAAM,OAAO,CAAC;AAAA,IAC/E;AAAA,IACA,CAAC,EAAE,eAAgB,WAAW,eAAe;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA;",
|
|
5
|
+
"mappings": ";AAAA;ACAA;AASA,MAAM,oBAAoB;AAAA,EACxB,MAAM;AAAA,EACN,OAAO;AACT;AAEA,MAAM,kBAAkB;AAAA,IACpB,CAAC,EAAE,iBAAkB,aAAa,8BAA8B;AAAA;AAEpE;AACA,MAAM,eAAe;AAAA;AAAA,SAEZ,CAAC,EAAE,iBAAkB,CAAC,aAAa,UAAU;AAAA,MAChD,CAAC,EAAE,OAAO,OAAO,gBAAgB,SAAS,MAAM,OAAO,QAAQ,kBAAkB;AAAA;AAAA;AAAA;AAAA,qBAIlE,CAAC,EAAE,iBAAkB,aAAa,YAAY;AAAA,uBAC5C,CAAC,EAAE,iBAAkB,aAAa,aAAa;AAAA;AAGtE,MAAM,cAAc;AAAA,gBACJ,CAAC,EAAE,OAAO,OAAO,gBAAgB,SAAS,MAAM,OAAO,QAAQ,kBAAkB;AAAA;AAG1F,MAAM,kBAAkB,OAAO,OAAO,EAAE,MAAM,gBAAgB,MAAM,OAAO,CAAC;AAAA,IAC/E;AAAA,IACA,CAAC,EAAE,eAAgB,WAAW,eAAe;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-separator",
|
|
3
|
-
"version": "3.2.1-rc.
|
|
3
|
+
"version": "3.2.1-rc.4",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Separator",
|
|
6
6
|
"files": [
|
|
@@ -39,9 +39,9 @@
|
|
|
39
39
|
"indent": 4
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@elliemae/ds-classnames": "3.2.1-rc.
|
|
43
|
-
"@elliemae/ds-system": "3.2.1-rc.
|
|
44
|
-
"@elliemae/ds-utilities": "3.2.1-rc.
|
|
42
|
+
"@elliemae/ds-classnames": "3.2.1-rc.4",
|
|
43
|
+
"@elliemae/ds-system": "3.2.1-rc.4",
|
|
44
|
+
"@elliemae/ds-utilities": "3.2.1-rc.4"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@testing-library/react": "~12.1.3"
|