@elliemae/ds-transition 3.35.0 → 3.36.0-next.1

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.
Files changed (17) hide show
  1. package/dist/cjs/collapse/DSCollapse.js +0 -1
  2. package/dist/cjs/collapse/DSCollapse.js.map +2 -2
  3. package/dist/cjs/collapse/styled.js +4 -8
  4. package/dist/cjs/collapse/styled.js.map +1 -1
  5. package/dist/cjs/fade/DSFade.js +0 -1
  6. package/dist/cjs/fade/DSFade.js.map +2 -2
  7. package/dist/cjs/fade/styled.js.map +1 -1
  8. package/dist/esm/collapse/DSCollapse.js +0 -1
  9. package/dist/esm/collapse/DSCollapse.js.map +2 -2
  10. package/dist/esm/collapse/styled.js +4 -8
  11. package/dist/esm/collapse/styled.js.map +1 -1
  12. package/dist/esm/fade/DSFade.js +0 -1
  13. package/dist/esm/fade/DSFade.js.map +2 -2
  14. package/dist/esm/fade/styled.js.map +1 -1
  15. package/dist/types/collapse/useCollapse.d.ts +18 -18
  16. package/dist/types/fade/useFade.d.ts +18 -18
  17. package/package.json +5 -5
package/dist/cjs/collapse/DSCollapse.js CHANGED
@@ -77,7 +77,6 @@ const DSCollapse = (props) => {
77
77
  }
78
78
  );
79
79
  };
80
- DSCollapse.propTypes = import_react_desc_prop_types.DSCollapsePropTypes;
81
80
  DSCollapse.displayName = "DSCollapse";
82
81
  const DSCollapseWithSchema = (0, import_ds_props_helpers.describe)(DSCollapse);
83
82
  DSCollapseWithSchema.propTypes = import_react_desc_prop_types.DSCollapsePropTypes;
package/dist/cjs/collapse/DSCollapse.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/collapse/DSCollapse.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import { useRef } from 'react';\nimport { useOnElementResize } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useCollapse } from './useCollapse.js';\nimport type { DSCollapseT } from './react-desc-prop-types.js';\nimport { DSCollapsePropTypes } from './react-desc-prop-types.js';\nimport { StyledCollapse, StyledChildrenWrapper } from './styled.js';\n\nexport const DSCollapse: React.ComponentType<DSCollapseT.Props> = (props) => {\n const {\n propsWithDefault,\n propsWithDefault: { show, orientation, collapsedSize, children },\n globalAttributes,\n xstyledProps,\n } = useCollapse(props);\n\n const getOwnerProps = React.useCallback(() => propsWithDefault, [propsWithDefault]);\n const getOwnerPropsArguments = React.useCallback(() => ({}), []);\n\n const ref = useRef<HTMLDivElement>(null);\n\n const { width: expandedWidth, height: expandedHeight } = useOnElementResize(ref);\n\n return (\n <StyledCollapse\n data-test-id=\"ds-transition-collapse\"\n show={show}\n orientation={orientation}\n collapsedSize={collapsedSize}\n expandedWidth={expandedWidth}\n expandedHeight={expandedHeight}\n {...globalAttributes}\n {...xstyledProps}\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n >\n <StyledChildrenWrapper\n innerRef={ref}\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n orientation={orientation}\n >\n {children}\n </StyledChildrenWrapper>\n </StyledCollapse>\n );\n};\n\nDSCollapse.propTypes = DSCollapsePropTypes;\nDSCollapse.displayName = 'DSCollapse';\nexport const DSCollapseWithSchema = describe(DSCollapse);\nDSCollapseWithSchema.propTypes = DSCollapsePropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoCjB;AApCN,mBAAuB;AACvB,0BAAmC;AACnC,8BAAyB;AACzB,yBAA4B;AAE5B,mCAAoC;AACpC,oBAAsD;AAE/C,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ;AAAA,IACA,kBAAkB,EAAE,MAAM,aAAa,eAAe,SAAS;AAAA,IAC/D;AAAA,IACA;AAAA,EACF,QAAI,gCAAY,KAAK;AAErB,QAAM,gBAAgB,MAAM,YAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAClF,QAAM,yBAAyB,MAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAE/D,QAAM,UAAM,qBAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,eAAe,QAAI,wCAAmB,GAAG;AAE/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,2BAAuB,kCAAS,UAAU;AACvD,qBAAqB,YAAY;",
4
+ "sourcesContent": ["import { useRef } from 'react';\nimport { useOnElementResize } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useCollapse } from './useCollapse.js';\nimport type { DSCollapseT } from './react-desc-prop-types.js';\nimport { DSCollapsePropTypes } from './react-desc-prop-types.js';\nimport { StyledCollapse, StyledChildrenWrapper } from './styled.js';\n\nexport const DSCollapse: React.ComponentType<DSCollapseT.Props> = (props) => {\n const {\n propsWithDefault,\n propsWithDefault: { show, orientation, collapsedSize, children },\n globalAttributes,\n xstyledProps,\n } = useCollapse(props);\n\n const getOwnerProps = React.useCallback(() => propsWithDefault, [propsWithDefault]);\n const getOwnerPropsArguments = React.useCallback(() => ({}), []);\n\n const ref = useRef<HTMLDivElement>(null);\n\n const { width: expandedWidth, height: expandedHeight } = useOnElementResize(ref);\n\n return (\n <StyledCollapse\n data-test-id=\"ds-transition-collapse\"\n show={show}\n orientation={orientation}\n collapsedSize={collapsedSize}\n expandedWidth={expandedWidth}\n expandedHeight={expandedHeight}\n {...globalAttributes}\n {...xstyledProps}\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n >\n <StyledChildrenWrapper\n innerRef={ref}\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n orientation={orientation}\n >\n {children}\n </StyledChildrenWrapper>\n </StyledCollapse>\n );\n};\n\nDSCollapse.displayName = 'DSCollapse';\nexport const DSCollapseWithSchema = describe(DSCollapse);\nDSCollapseWithSchema.propTypes = DSCollapsePropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoCjB;AApCN,mBAAuB;AACvB,0BAAmC;AACnC,8BAAyB;AACzB,yBAA4B;AAE5B,mCAAoC;AACpC,oBAAsD;AAE/C,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ;AAAA,IACA,kBAAkB,EAAE,MAAM,aAAa,eAAe,SAAS;AAAA,IAC/D;AAAA,IACA;AAAA,EACF,QAAI,gCAAY,KAAK;AAErB,QAAM,gBAAgB,MAAM,YAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAClF,QAAM,yBAAyB,MAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAE/D,QAAM,UAAM,qBAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,eAAe,QAAI,wCAAmB,GAAG;AAE/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;AAEA,WAAW,cAAc;AAClB,MAAM,2BAAuB,kCAAS,UAAU;AACvD,qBAAqB,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/cjs/collapse/styled.js CHANGED
@@ -37,13 +37,11 @@ var import_ds_system = require("@elliemae/ds-system");
37
37
  var import_theming = require("./theming.js");
38
38
  const getCorrectPropertyToAnimate = ({ orientation }) => orientation === "horizontal" ? "width" : "height";
39
39
  const getCorrectWidth = ({ show, collapsedSize, expandedWidth }) => {
40
- if (!show)
41
- return typeof collapsedSize === "number" ? `${collapsedSize}px` : collapsedSize;
40
+ if (!show) return typeof collapsedSize === "number" ? `${collapsedSize}px` : collapsedSize;
42
41
  return expandedWidth ? `${expandedWidth}px` : "fit-content";
43
42
  };
44
43
  const getCorrectHeight = ({ show, collapsedSize, expandedHeight }) => {
45
- if (!show)
46
- return typeof collapsedSize === "number" ? `${collapsedSize}px` : collapsedSize;
44
+ if (!show) return typeof collapsedSize === "number" ? `${collapsedSize}px` : collapsedSize;
47
45
  return expandedHeight ? `${expandedHeight}px` : "fit-content";
48
46
  };
49
47
  const StyledCollapse = (0, import_ds_system.styled)("div", {
@@ -52,8 +50,7 @@ const StyledCollapse = (0, import_ds_system.styled)("div", {
52
50
  })`
53
51
  transition: ${getCorrectPropertyToAnimate} 300ms cubic-bezier(0.4, 0, 0.2, 1);
54
52
  ${(props) => {
55
- if (props.orientation === "horizontal")
56
- return `width: ${getCorrectWidth(props)};`;
53
+ if (props.orientation === "horizontal") return `width: ${getCorrectWidth(props)};`;
57
54
  return `height: ${getCorrectHeight(props)};`;
58
55
  }}
59
56
  overflow: hidden;
@@ -66,8 +63,7 @@ const StyledChildrenWrapper = (0, import_ds_system.styled)("div", {
66
63
  width: fit-content;
67
64
  height: fit-content;
68
65
  ${(props) => {
69
- if (props.orientation === "vertical")
70
- return `width: 100%;`;
66
+ if (props.orientation === "vertical") return `width: 100%;`;
71
67
  return `width: fit-content;`;
72
68
  }}
73
69
  `;
package/dist/cjs/collapse/styled.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/collapse/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport type { DSCollapseT } from './react-desc-prop-types.js';\nimport { DSCollapseName, DSCollapseSlots } from './theming.js';\n\ninterface StyledCollapseProps extends DSCollapseT.Props {\n expandedWidth: number;\n expandedHeight: number;\n}\n\nconst getCorrectPropertyToAnimate = ({ orientation }: StyledCollapseProps) =>\n orientation === 'horizontal' ? 'width' : 'height';\n\nconst getCorrectWidth = ({ show, collapsedSize, expandedWidth }: StyledCollapseProps) => {\n if (!show) return typeof collapsedSize === 'number' ? `${collapsedSize}px` : collapsedSize;\n return expandedWidth ? `${expandedWidth}px` : 'fit-content';\n};\n\nconst getCorrectHeight = ({ show, collapsedSize, expandedHeight }: StyledCollapseProps) => {\n if (!show) return typeof collapsedSize === 'number' ? `${collapsedSize}px` : collapsedSize;\n return expandedHeight ? `${expandedHeight}px` : 'fit-content';\n};\n\nexport const StyledCollapse = styled('div', {\n name: DSCollapseName,\n slot: DSCollapseSlots.WRAPPER,\n})<StyledCollapseProps>`\n transition: ${getCorrectPropertyToAnimate} 300ms cubic-bezier(0.4, 0, 0.2, 1);\n ${(props) => {\n if (props.orientation === 'horizontal') return `width: ${getCorrectWidth(props)};`;\n return `height: ${getCorrectHeight(props)};`;\n }}\n overflow: hidden;\n ${xStyledCommonProps}\n`;\n\nexport const StyledChildrenWrapper = styled('div', {\n name: DSCollapseName,\n slot: DSCollapseSlots.CHILDREN_WRAPPER,\n})<StyledCollapseProps>`\n width: fit-content;\n height: fit-content;\n ${(props) => {\n if (props.orientation === 'vertical') return `width: 100%;`;\n return `width: fit-content;`;\n }}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAE3C,qBAAgD;AAOhD,MAAM,8BAA8B,CAAC,EAAE,YAAY,MACjD,gBAAgB,eAAe,UAAU;AAE3C,MAAM,kBAAkB,CAAC,EAAE,MAAM,eAAe,cAAc,MAA2B;AACvF,MAAI,CAAC;AAAM,WAAO,OAAO,kBAAkB,WAAW,GAAG,oBAAoB;AAC7E,SAAO,gBAAgB,GAAG,oBAAoB;AAChD;AAEA,MAAM,mBAAmB,CAAC,EAAE,MAAM,eAAe,eAAe,MAA2B;AACzF,MAAI,CAAC;AAAM,WAAO,OAAO,kBAAkB,WAAW,GAAG,oBAAoB;AAC7E,SAAO,iBAAiB,GAAG,qBAAqB;AAClD;AAEO,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,+BAAgB;AACxB,CAAC;AAAA,gBACe;AAAA,IACZ,CAAC,UAAU;AACX,MAAI,MAAM,gBAAgB;AAAc,WAAO,UAAU,gBAAgB,KAAK;AAC9E,SAAO,WAAW,iBAAiB,KAAK;AAC1C;AAAA;AAAA,IAEE;AAAA;AAGG,MAAM,4BAAwB,yBAAO,OAAO;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,+BAAgB;AACxB,CAAC;AAAA;AAAA;AAAA,IAGG,CAAC,UAAU;AACX,MAAI,MAAM,gBAAgB;AAAY,WAAO;AAC7C,SAAO;AACT;AAAA;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAE3C,qBAAgD;AAOhD,MAAM,8BAA8B,CAAC,EAAE,YAAY,MACjD,gBAAgB,eAAe,UAAU;AAE3C,MAAM,kBAAkB,CAAC,EAAE,MAAM,eAAe,cAAc,MAA2B;AACvF,MAAI,CAAC,KAAM,QAAO,OAAO,kBAAkB,WAAW,GAAG,aAAa,OAAO;AAC7E,SAAO,gBAAgB,GAAG,aAAa,OAAO;AAChD;AAEA,MAAM,mBAAmB,CAAC,EAAE,MAAM,eAAe,eAAe,MAA2B;AACzF,MAAI,CAAC,KAAM,QAAO,OAAO,kBAAkB,WAAW,GAAG,aAAa,OAAO;AAC7E,SAAO,iBAAiB,GAAG,cAAc,OAAO;AAClD;AAEO,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,+BAAgB;AACxB,CAAC;AAAA,gBACe,2BAA2B;AAAA,IACvC,CAAC,UAAU;AACX,MAAI,MAAM,gBAAgB,aAAc,QAAO,UAAU,gBAAgB,KAAK,CAAC;AAC/E,SAAO,WAAW,iBAAiB,KAAK,CAAC;AAC3C,CAAC;AAAA;AAAA,IAEC,mCAAkB;AAAA;AAGf,MAAM,4BAAwB,yBAAO,OAAO;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,+BAAgB;AACxB,CAAC;AAAA;AAAA;AAAA,IAGG,CAAC,UAAU;AACX,MAAI,MAAM,gBAAgB,WAAY,QAAO;AAC7C,SAAO;AACT,CAAC;AAAA;",
6
6
  "names": []
7
7
  }
package/dist/cjs/fade/DSFade.js CHANGED
@@ -46,7 +46,6 @@ const DSFade = (props) => {
46
46
  } = (0, import_useFade.useFade)(props);
47
47
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledFade, { "data-test-id": "ds-transition-fade", show, ...globalAttributes, ...xstyledProps, children });
48
48
  };
49
- DSFade.propTypes = import_react_desc_prop_types.DSFadePropTypes;
50
49
  DSFade.displayName = "DSFade";
51
50
  const DSFadeWithSchema = (0, import_ds_props_helpers.describe)(DSFade);
52
51
  DSFadeWithSchema.propTypes = import_react_desc_prop_types.DSFadePropTypes;
package/dist/cjs/fade/DSFade.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/fade/DSFade.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import { describe } from '@elliemae/ds-props-helpers';\nimport { useFade } from './useFade.js';\nimport type { DSFadeT } from './react-desc-prop-types.js';\nimport { DSFadePropTypes } from './react-desc-prop-types.js';\nimport { StyledFade } from './styled.js';\n\nexport const DSFade: React.ComponentType<DSFadeT.Props> = (props) => {\n const {\n propsWithDefault: { show, children },\n globalAttributes,\n xstyledProps,\n } = useFade(props);\n\n return (\n <StyledFade data-test-id=\"ds-transition-fade\" show={show} {...globalAttributes} {...xstyledProps}>\n {children}\n </StyledFade>\n );\n};\n\nDSFade.propTypes = DSFadePropTypes;\nDSFade.displayName = 'DSFade';\nexport const DSFadeWithSchema = describe(DSFade);\nDSFadeWithSchema.propTypes = DSFadePropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAdJ,8BAAyB;AACzB,qBAAwB;AAExB,mCAAgC;AAChC,oBAA2B;AAEpB,MAAM,SAA6C,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,SAAS;AAAA,IACnC;AAAA,IACA;AAAA,EACF,QAAI,wBAAQ,KAAK;AAEjB,SACE,4CAAC,4BAAW,gBAAa,sBAAqB,MAAa,GAAG,kBAAmB,GAAG,cACjF,UACH;AAEJ;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACd,MAAM,uBAAmB,kCAAS,MAAM;AAC/C,iBAAiB,YAAY;",
4
+ "sourcesContent": ["import { describe } from '@elliemae/ds-props-helpers';\nimport { useFade } from './useFade.js';\nimport type { DSFadeT } from './react-desc-prop-types.js';\nimport { DSFadePropTypes } from './react-desc-prop-types.js';\nimport { StyledFade } from './styled.js';\n\nexport const DSFade: React.ComponentType<DSFadeT.Props> = (props) => {\n const {\n propsWithDefault: { show, children },\n globalAttributes,\n xstyledProps,\n } = useFade(props);\n\n return (\n <StyledFade data-test-id=\"ds-transition-fade\" show={show} {...globalAttributes} {...xstyledProps}>\n {children}\n </StyledFade>\n );\n};\n\nDSFade.displayName = 'DSFade';\nexport const DSFadeWithSchema = describe(DSFade);\nDSFadeWithSchema.propTypes = DSFadePropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAdJ,8BAAyB;AACzB,qBAAwB;AAExB,mCAAgC;AAChC,oBAA2B;AAEpB,MAAM,SAA6C,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,SAAS;AAAA,IACnC;AAAA,IACA;AAAA,EACF,QAAI,wBAAQ,KAAK;AAEjB,SACE,4CAAC,4BAAW,gBAAa,sBAAqB,MAAa,GAAG,kBAAmB,GAAG,cACjF,UACH;AAEJ;AAEA,OAAO,cAAc;AACd,MAAM,uBAAmB,kCAAS,MAAM;AAC/C,iBAAiB,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/cjs/fade/styled.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/fade/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSFadeName, DSFadeSlots } from './theming.js';\n\nexport const StyledFade = styled('div', { name: DSFadeName, slot: DSFadeSlots.WRAPPER })<{\n show: boolean;\n}>`\n transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);\n opacity: ${({ show }) => (show ? 1 : 0)};\n width: fit-content;\n height: fit-content;\n ${xStyledCommonProps}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAC3C,qBAAwC;AAEjC,MAAM,iBAAa,yBAAO,OAAO,EAAE,MAAM,2BAAY,MAAM,2BAAY,QAAQ,CAAC;AAAA;AAAA,aAI1E,CAAC,EAAE,KAAK,MAAO,OAAO,IAAI;AAAA;AAAA;AAAA,IAGnC;AAAA;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAC3C,qBAAwC;AAEjC,MAAM,iBAAa,yBAAO,OAAO,EAAE,MAAM,2BAAY,MAAM,2BAAY,QAAQ,CAAC;AAAA;AAAA,aAI1E,CAAC,EAAE,KAAK,MAAO,OAAO,IAAI,CAAE;AAAA;AAAA;AAAA,IAGrC,mCAAkB;AAAA;",
6
6
  "names": []
7
7
  }
package/dist/esm/collapse/DSCollapse.js CHANGED
@@ -43,7 +43,6 @@ const DSCollapse = (props) => {
43
43
  }
44
44
  );
45
45
  };
46
- DSCollapse.propTypes = DSCollapsePropTypes;
47
46
  DSCollapse.displayName = "DSCollapse";
48
47
  const DSCollapseWithSchema = describe(DSCollapse);
49
48
  DSCollapseWithSchema.propTypes = DSCollapsePropTypes;
package/dist/esm/collapse/DSCollapse.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/collapse/DSCollapse.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useRef } from 'react';\nimport { useOnElementResize } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useCollapse } from './useCollapse.js';\nimport type { DSCollapseT } from './react-desc-prop-types.js';\nimport { DSCollapsePropTypes } from './react-desc-prop-types.js';\nimport { StyledCollapse, StyledChildrenWrapper } from './styled.js';\n\nexport const DSCollapse: React.ComponentType<DSCollapseT.Props> = (props) => {\n const {\n propsWithDefault,\n propsWithDefault: { show, orientation, collapsedSize, children },\n globalAttributes,\n xstyledProps,\n } = useCollapse(props);\n\n const getOwnerProps = React.useCallback(() => propsWithDefault, [propsWithDefault]);\n const getOwnerPropsArguments = React.useCallback(() => ({}), []);\n\n const ref = useRef<HTMLDivElement>(null);\n\n const { width: expandedWidth, height: expandedHeight } = useOnElementResize(ref);\n\n return (\n <StyledCollapse\n data-test-id=\"ds-transition-collapse\"\n show={show}\n orientation={orientation}\n collapsedSize={collapsedSize}\n expandedWidth={expandedWidth}\n expandedHeight={expandedHeight}\n {...globalAttributes}\n {...xstyledProps}\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n >\n <StyledChildrenWrapper\n innerRef={ref}\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n orientation={orientation}\n >\n {children}\n </StyledChildrenWrapper>\n </StyledCollapse>\n );\n};\n\nDSCollapse.propTypes = DSCollapsePropTypes;\nDSCollapse.displayName = 'DSCollapse';\nexport const DSCollapseWithSchema = describe(DSCollapse);\nDSCollapseWithSchema.propTypes = DSCollapsePropTypes;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACoCjB;AApCN,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAE5B,SAAS,2BAA2B;AACpC,SAAS,gBAAgB,6BAA6B;AAE/C,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ;AAAA,IACA,kBAAkB,EAAE,MAAM,aAAa,eAAe,SAAS;AAAA,IAC/D;AAAA,IACA;AAAA,EACF,IAAI,YAAY,KAAK;AAErB,QAAM,gBAAgB,MAAM,YAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAClF,QAAM,yBAAyB,MAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAE/D,QAAM,MAAM,OAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,eAAe,IAAI,mBAAmB,GAAG;AAE/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,uBAAuB,SAAS,UAAU;AACvD,qBAAqB,YAAY;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useRef } from 'react';\nimport { useOnElementResize } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useCollapse } from './useCollapse.js';\nimport type { DSCollapseT } from './react-desc-prop-types.js';\nimport { DSCollapsePropTypes } from './react-desc-prop-types.js';\nimport { StyledCollapse, StyledChildrenWrapper } from './styled.js';\n\nexport const DSCollapse: React.ComponentType<DSCollapseT.Props> = (props) => {\n const {\n propsWithDefault,\n propsWithDefault: { show, orientation, collapsedSize, children },\n globalAttributes,\n xstyledProps,\n } = useCollapse(props);\n\n const getOwnerProps = React.useCallback(() => propsWithDefault, [propsWithDefault]);\n const getOwnerPropsArguments = React.useCallback(() => ({}), []);\n\n const ref = useRef<HTMLDivElement>(null);\n\n const { width: expandedWidth, height: expandedHeight } = useOnElementResize(ref);\n\n return (\n <StyledCollapse\n data-test-id=\"ds-transition-collapse\"\n show={show}\n orientation={orientation}\n collapsedSize={collapsedSize}\n expandedWidth={expandedWidth}\n expandedHeight={expandedHeight}\n {...globalAttributes}\n {...xstyledProps}\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n >\n <StyledChildrenWrapper\n innerRef={ref}\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n orientation={orientation}\n >\n {children}\n </StyledChildrenWrapper>\n </StyledCollapse>\n );\n};\n\nDSCollapse.displayName = 'DSCollapse';\nexport const DSCollapseWithSchema = describe(DSCollapse);\nDSCollapseWithSchema.propTypes = DSCollapsePropTypes;\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACoCjB;AApCN,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAE5B,SAAS,2BAA2B;AACpC,SAAS,gBAAgB,6BAA6B;AAE/C,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ;AAAA,IACA,kBAAkB,EAAE,MAAM,aAAa,eAAe,SAAS;AAAA,IAC/D;AAAA,IACA;AAAA,EACF,IAAI,YAAY,KAAK;AAErB,QAAM,gBAAgB,MAAM,YAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAClF,QAAM,yBAAyB,MAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAE/D,QAAM,MAAM,OAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,eAAe,IAAI,mBAAmB,GAAG;AAE/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;AAEA,WAAW,cAAc;AAClB,MAAM,uBAAuB,SAAS,UAAU;AACvD,qBAAqB,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/esm/collapse/styled.js CHANGED
@@ -3,13 +3,11 @@ import { styled, xStyledCommonProps } from "@elliemae/ds-system";
3
3
  import { DSCollapseName, DSCollapseSlots } from "./theming.js";
4
4
  const getCorrectPropertyToAnimate = ({ orientation }) => orientation === "horizontal" ? "width" : "height";
5
5
  const getCorrectWidth = ({ show, collapsedSize, expandedWidth }) => {
6
- if (!show)
7
- return typeof collapsedSize === "number" ? `${collapsedSize}px` : collapsedSize;
6
+ if (!show) return typeof collapsedSize === "number" ? `${collapsedSize}px` : collapsedSize;
8
7
  return expandedWidth ? `${expandedWidth}px` : "fit-content";
9
8
  };
10
9
  const getCorrectHeight = ({ show, collapsedSize, expandedHeight }) => {
11
- if (!show)
12
- return typeof collapsedSize === "number" ? `${collapsedSize}px` : collapsedSize;
10
+ if (!show) return typeof collapsedSize === "number" ? `${collapsedSize}px` : collapsedSize;
13
11
  return expandedHeight ? `${expandedHeight}px` : "fit-content";
14
12
  };
15
13
  const StyledCollapse = styled("div", {
@@ -18,8 +16,7 @@ const StyledCollapse = styled("div", {
18
16
  })`
19
17
  transition: ${getCorrectPropertyToAnimate} 300ms cubic-bezier(0.4, 0, 0.2, 1);
20
18
  ${(props) => {
21
- if (props.orientation === "horizontal")
22
- return `width: ${getCorrectWidth(props)};`;
19
+ if (props.orientation === "horizontal") return `width: ${getCorrectWidth(props)};`;
23
20
  return `height: ${getCorrectHeight(props)};`;
24
21
  }}
25
22
  overflow: hidden;
@@ -32,8 +29,7 @@ const StyledChildrenWrapper = styled("div", {
32
29
  width: fit-content;
33
30
  height: fit-content;
34
31
  ${(props) => {
35
- if (props.orientation === "vertical")
36
- return `width: 100%;`;
32
+ if (props.orientation === "vertical") return `width: 100%;`;
37
33
  return `width: fit-content;`;
38
34
  }}
39
35
  `;
package/dist/esm/collapse/styled.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/collapse/styled.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport type { DSCollapseT } from './react-desc-prop-types.js';\nimport { DSCollapseName, DSCollapseSlots } from './theming.js';\n\ninterface StyledCollapseProps extends DSCollapseT.Props {\n expandedWidth: number;\n expandedHeight: number;\n}\n\nconst getCorrectPropertyToAnimate = ({ orientation }: StyledCollapseProps) =>\n orientation === 'horizontal' ? 'width' : 'height';\n\nconst getCorrectWidth = ({ show, collapsedSize, expandedWidth }: StyledCollapseProps) => {\n if (!show) return typeof collapsedSize === 'number' ? `${collapsedSize}px` : collapsedSize;\n return expandedWidth ? `${expandedWidth}px` : 'fit-content';\n};\n\nconst getCorrectHeight = ({ show, collapsedSize, expandedHeight }: StyledCollapseProps) => {\n if (!show) return typeof collapsedSize === 'number' ? `${collapsedSize}px` : collapsedSize;\n return expandedHeight ? `${expandedHeight}px` : 'fit-content';\n};\n\nexport const StyledCollapse = styled('div', {\n name: DSCollapseName,\n slot: DSCollapseSlots.WRAPPER,\n})<StyledCollapseProps>`\n transition: ${getCorrectPropertyToAnimate} 300ms cubic-bezier(0.4, 0, 0.2, 1);\n ${(props) => {\n if (props.orientation === 'horizontal') return `width: ${getCorrectWidth(props)};`;\n return `height: ${getCorrectHeight(props)};`;\n }}\n overflow: hidden;\n ${xStyledCommonProps}\n`;\n\nexport const StyledChildrenWrapper = styled('div', {\n name: DSCollapseName,\n slot: DSCollapseSlots.CHILDREN_WRAPPER,\n})<StyledCollapseProps>`\n width: fit-content;\n height: fit-content;\n ${(props) => {\n if (props.orientation === 'vertical') return `width: 100%;`;\n return `width: fit-content;`;\n }}\n`;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AAE3C,SAAS,gBAAgB,uBAAuB;AAOhD,MAAM,8BAA8B,CAAC,EAAE,YAAY,MACjD,gBAAgB,eAAe,UAAU;AAE3C,MAAM,kBAAkB,CAAC,EAAE,MAAM,eAAe,cAAc,MAA2B;AACvF,MAAI,CAAC;AAAM,WAAO,OAAO,kBAAkB,WAAW,GAAG,oBAAoB;AAC7E,SAAO,gBAAgB,GAAG,oBAAoB;AAChD;AAEA,MAAM,mBAAmB,CAAC,EAAE,MAAM,eAAe,eAAe,MAA2B;AACzF,MAAI,CAAC;AAAM,WAAO,OAAO,kBAAkB,WAAW,GAAG,oBAAoB;AAC7E,SAAO,iBAAiB,GAAG,qBAAqB;AAClD;AAEO,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,gBAAgB;AACxB,CAAC;AAAA,gBACe;AAAA,IACZ,CAAC,UAAU;AACX,MAAI,MAAM,gBAAgB;AAAc,WAAO,UAAU,gBAAgB,KAAK;AAC9E,SAAO,WAAW,iBAAiB,KAAK;AAC1C;AAAA;AAAA,IAEE;AAAA;AAGG,MAAM,wBAAwB,OAAO,OAAO;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,gBAAgB;AACxB,CAAC;AAAA;AAAA;AAAA,IAGG,CAAC,UAAU;AACX,MAAI,MAAM,gBAAgB;AAAY,WAAO;AAC7C,SAAO;AACT;AAAA;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AAE3C,SAAS,gBAAgB,uBAAuB;AAOhD,MAAM,8BAA8B,CAAC,EAAE,YAAY,MACjD,gBAAgB,eAAe,UAAU;AAE3C,MAAM,kBAAkB,CAAC,EAAE,MAAM,eAAe,cAAc,MAA2B;AACvF,MAAI,CAAC,KAAM,QAAO,OAAO,kBAAkB,WAAW,GAAG,aAAa,OAAO;AAC7E,SAAO,gBAAgB,GAAG,aAAa,OAAO;AAChD;AAEA,MAAM,mBAAmB,CAAC,EAAE,MAAM,eAAe,eAAe,MAA2B;AACzF,MAAI,CAAC,KAAM,QAAO,OAAO,kBAAkB,WAAW,GAAG,aAAa,OAAO;AAC7E,SAAO,iBAAiB,GAAG,cAAc,OAAO;AAClD;AAEO,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,gBAAgB;AACxB,CAAC;AAAA,gBACe,2BAA2B;AAAA,IACvC,CAAC,UAAU;AACX,MAAI,MAAM,gBAAgB,aAAc,QAAO,UAAU,gBAAgB,KAAK,CAAC;AAC/E,SAAO,WAAW,iBAAiB,KAAK,CAAC;AAC3C,CAAC;AAAA;AAAA,IAEC,kBAAkB;AAAA;AAGf,MAAM,wBAAwB,OAAO,OAAO;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,gBAAgB;AACxB,CAAC;AAAA;AAAA;AAAA,IAGG,CAAC,UAAU;AACX,MAAI,MAAM,gBAAgB,WAAY,QAAO;AAC7C,SAAO;AACT,CAAC;AAAA;",
6
6
  "names": []
7
7
  }
package/dist/esm/fade/DSFade.js CHANGED
@@ -12,7 +12,6 @@ const DSFade = (props) => {
12
12
  } = useFade(props);
13
13
  return /* @__PURE__ */ jsx(StyledFade, { "data-test-id": "ds-transition-fade", show, ...globalAttributes, ...xstyledProps, children });
14
14
  };
15
- DSFade.propTypes = DSFadePropTypes;
16
15
  DSFade.displayName = "DSFade";
17
16
  const DSFadeWithSchema = describe(DSFade);
18
17
  DSFadeWithSchema.propTypes = DSFadePropTypes;
package/dist/esm/fade/DSFade.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/fade/DSFade.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { describe } from '@elliemae/ds-props-helpers';\nimport { useFade } from './useFade.js';\nimport type { DSFadeT } from './react-desc-prop-types.js';\nimport { DSFadePropTypes } from './react-desc-prop-types.js';\nimport { StyledFade } from './styled.js';\n\nexport const DSFade: React.ComponentType<DSFadeT.Props> = (props) => {\n const {\n propsWithDefault: { show, children },\n globalAttributes,\n xstyledProps,\n } = useFade(props);\n\n return (\n <StyledFade data-test-id=\"ds-transition-fade\" show={show} {...globalAttributes} {...xstyledProps}>\n {children}\n </StyledFade>\n );\n};\n\nDSFade.propTypes = DSFadePropTypes;\nDSFade.displayName = 'DSFade';\nexport const DSFadeWithSchema = describe(DSFade);\nDSFadeWithSchema.propTypes = DSFadePropTypes;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACcnB;AAdJ,SAAS,gBAAgB;AACzB,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAEpB,MAAM,SAA6C,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,SAAS;AAAA,IACnC;AAAA,IACA;AAAA,EACF,IAAI,QAAQ,KAAK;AAEjB,SACE,oBAAC,cAAW,gBAAa,sBAAqB,MAAa,GAAG,kBAAmB,GAAG,cACjF,UACH;AAEJ;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACd,MAAM,mBAAmB,SAAS,MAAM;AAC/C,iBAAiB,YAAY;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { describe } from '@elliemae/ds-props-helpers';\nimport { useFade } from './useFade.js';\nimport type { DSFadeT } from './react-desc-prop-types.js';\nimport { DSFadePropTypes } from './react-desc-prop-types.js';\nimport { StyledFade } from './styled.js';\n\nexport const DSFade: React.ComponentType<DSFadeT.Props> = (props) => {\n const {\n propsWithDefault: { show, children },\n globalAttributes,\n xstyledProps,\n } = useFade(props);\n\n return (\n <StyledFade data-test-id=\"ds-transition-fade\" show={show} {...globalAttributes} {...xstyledProps}>\n {children}\n </StyledFade>\n );\n};\n\nDSFade.displayName = 'DSFade';\nexport const DSFadeWithSchema = describe(DSFade);\nDSFadeWithSchema.propTypes = DSFadePropTypes;\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACcnB;AAdJ,SAAS,gBAAgB;AACzB,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAEpB,MAAM,SAA6C,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,SAAS;AAAA,IACnC;AAAA,IACA;AAAA,EACF,IAAI,QAAQ,KAAK;AAEjB,SACE,oBAAC,cAAW,gBAAa,sBAAqB,MAAa,GAAG,kBAAmB,GAAG,cACjF,UACH;AAEJ;AAEA,OAAO,cAAc;AACd,MAAM,mBAAmB,SAAS,MAAM;AAC/C,iBAAiB,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/esm/fade/styled.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/fade/styled.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSFadeName, DSFadeSlots } from './theming.js';\n\nexport const StyledFade = styled('div', { name: DSFadeName, slot: DSFadeSlots.WRAPPER })<{\n show: boolean;\n}>`\n transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);\n opacity: ${({ show }) => (show ? 1 : 0)};\n width: fit-content;\n height: fit-content;\n ${xStyledCommonProps}\n`;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,YAAY,mBAAmB;AAEjC,MAAM,aAAa,OAAO,OAAO,EAAE,MAAM,YAAY,MAAM,YAAY,QAAQ,CAAC;AAAA;AAAA,aAI1E,CAAC,EAAE,KAAK,MAAO,OAAO,IAAI;AAAA;AAAA;AAAA,IAGnC;AAAA;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,YAAY,mBAAmB;AAEjC,MAAM,aAAa,OAAO,OAAO,EAAE,MAAM,YAAY,MAAM,YAAY,QAAQ,CAAC;AAAA;AAAA,aAI1E,CAAC,EAAE,KAAK,MAAO,OAAO,IAAI,CAAE;AAAA;AAAA;AAAA,IAGrC,kBAAkB;AAAA;",
6
6
  "names": []
7
7
  }
package/dist/types/collapse/useCollapse.d.ts CHANGED
@@ -3,13 +3,14 @@ import type { DSCollapseT } from './react-desc-prop-types.js';
3
3
  export declare const useCollapse: (props: DSCollapseT.Props) => {
4
4
  propsWithDefault: DSCollapseT.Props;
5
5
  globalAttributes: Partial<Pick<object, "form" | "list" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap"> & Omit<{
6
- name?: string | undefined;
6
+ form?: string | undefined;
7
+ list?: string | undefined;
7
8
  "aria-activedescendant"?: string | undefined;
8
- "aria-atomic"?: boolean | "true" | "false" | undefined;
9
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
9
10
  "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
10
11
  "aria-braillelabel"?: string | undefined;
11
12
  "aria-brailleroledescription"?: string | undefined;
12
- "aria-busy"?: boolean | "true" | "false" | undefined;
13
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
13
14
  "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
14
15
  "aria-colcount"?: number | undefined;
15
16
  "aria-colindex"?: number | undefined;
@@ -20,37 +21,37 @@ export declare const useCollapse: (props: DSCollapseT.Props) => {
20
21
  "aria-describedby"?: string | undefined;
21
22
  "aria-description"?: string | undefined;
22
23
  "aria-details"?: string | undefined;
23
- "aria-disabled"?: boolean | "true" | "false" | undefined;
24
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
24
25
  "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
25
26
  "aria-errormessage"?: string | undefined;
26
- "aria-expanded"?: boolean | "true" | "false" | undefined;
27
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
27
28
  "aria-flowto"?: string | undefined;
28
- "aria-grabbed"?: boolean | "true" | "false" | undefined;
29
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
29
30
  "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
30
- "aria-hidden"?: boolean | "true" | "false" | undefined;
31
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
31
32
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
32
33
  "aria-keyshortcuts"?: string | undefined;
33
34
  "aria-label"?: string | undefined;
34
35
  "aria-labelledby"?: string | undefined;
35
36
  "aria-level"?: number | undefined;
36
37
  "aria-live"?: "off" | "assertive" | "polite" | undefined;
37
- "aria-modal"?: boolean | "true" | "false" | undefined;
38
- "aria-multiline"?: boolean | "true" | "false" | undefined;
39
- "aria-multiselectable"?: boolean | "true" | "false" | undefined;
38
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
39
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
40
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
40
41
  "aria-orientation"?: "horizontal" | "vertical" | undefined;
41
42
  "aria-owns"?: string | undefined;
42
43
  "aria-placeholder"?: string | undefined;
43
44
  "aria-posinset"?: number | undefined;
44
45
  "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
45
- "aria-readonly"?: boolean | "true" | "false" | undefined;
46
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
46
47
  "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
47
- "aria-required"?: boolean | "true" | "false" | undefined;
48
+ "aria-required"?: (boolean | "true" | "false") | undefined;
48
49
  "aria-roledescription"?: string | undefined;
49
50
  "aria-rowcount"?: number | undefined;
50
51
  "aria-rowindex"?: number | undefined;
51
52
  "aria-rowindextext"?: string | undefined;
52
53
  "aria-rowspan"?: number | undefined;
53
- "aria-selected"?: boolean | "true" | "false" | undefined;
54
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
54
55
  "aria-setsize"?: number | undefined;
55
56
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
56
57
  "aria-valuemax"?: number | undefined;
@@ -218,8 +219,6 @@ export declare const useCollapse: (props: DSCollapseT.Props) => {
218
219
  onAnimationIterationCapture?: import("react").AnimationEventHandler<Element> | undefined;
219
220
  onTransitionEnd?: import("react").TransitionEventHandler<Element> | undefined;
220
221
  onTransitionEndCapture?: import("react").TransitionEventHandler<Element> | undefined;
221
- form?: string | undefined;
222
- list?: string | undefined;
223
222
  defaultChecked?: boolean | undefined;
224
223
  defaultValue?: string | number | readonly string[] | undefined;
225
224
  suppressContentEditableWarning?: boolean | undefined;
@@ -227,16 +226,16 @@ export declare const useCollapse: (props: DSCollapseT.Props) => {
227
226
  accessKey?: string | undefined;
228
227
  autoFocus?: boolean | undefined;
229
228
  className?: string | undefined;
230
- contentEditable?: boolean | "true" | "false" | "inherit" | "plaintext-only" | undefined;
229
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
231
230
  contextMenu?: string | undefined;
232
231
  dir?: string | undefined;
233
- draggable?: boolean | "true" | "false" | undefined;
232
+ draggable?: (boolean | "true" | "false") | undefined;
234
233
  hidden?: boolean | undefined;
235
234
  id?: string | undefined;
236
235
  lang?: string | undefined;
237
236
  nonce?: string | undefined;
238
237
  slot?: string | undefined;
239
- spellCheck?: boolean | "true" | "false" | undefined;
238
+ spellCheck?: (boolean | "true" | "false") | undefined;
240
239
  style?: import("react").CSSProperties | undefined;
241
240
  tabIndex?: 0 | -1 | undefined;
242
241
  title?: string | undefined;
@@ -329,6 +328,7 @@ export declare const useCollapse: (props: DSCollapseT.Props) => {
329
328
  minLength?: number | undefined;
330
329
  multiple?: boolean | undefined;
331
330
  muted?: boolean | undefined;
331
+ name?: string | undefined;
332
332
  noValidate?: boolean | undefined;
333
333
  open?: boolean | undefined;
334
334
  optimum?: number | undefined;
package/dist/types/fade/useFade.d.ts CHANGED
@@ -3,13 +3,14 @@ import type { DSFadeT } from './react-desc-prop-types.js';
3
3
  export declare const useFade: (props: DSFadeT.Props) => {
4
4
  propsWithDefault: DSFadeT.Props;
5
5
  globalAttributes: Partial<Pick<object, "form" | "list" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap"> & Omit<{
6
- name?: string | undefined;
6
+ form?: string | undefined;
7
+ list?: string | undefined;
7
8
  "aria-activedescendant"?: string | undefined;
8
- "aria-atomic"?: boolean | "true" | "false" | undefined;
9
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
9
10
  "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
10
11
  "aria-braillelabel"?: string | undefined;
11
12
  "aria-brailleroledescription"?: string | undefined;
12
- "aria-busy"?: boolean | "true" | "false" | undefined;
13
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
13
14
  "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
14
15
  "aria-colcount"?: number | undefined;
15
16
  "aria-colindex"?: number | undefined;
@@ -20,37 +21,37 @@ export declare const useFade: (props: DSFadeT.Props) => {
20
21
  "aria-describedby"?: string | undefined;
21
22
  "aria-description"?: string | undefined;
22
23
  "aria-details"?: string | undefined;
23
- "aria-disabled"?: boolean | "true" | "false" | undefined;
24
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
24
25
  "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
25
26
  "aria-errormessage"?: string | undefined;
26
- "aria-expanded"?: boolean | "true" | "false" | undefined;
27
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
27
28
  "aria-flowto"?: string | undefined;
28
- "aria-grabbed"?: boolean | "true" | "false" | undefined;
29
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
29
30
  "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
30
- "aria-hidden"?: boolean | "true" | "false" | undefined;
31
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
31
32
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
32
33
  "aria-keyshortcuts"?: string | undefined;
33
34
  "aria-label"?: string | undefined;
34
35
  "aria-labelledby"?: string | undefined;
35
36
  "aria-level"?: number | undefined;
36
37
  "aria-live"?: "off" | "assertive" | "polite" | undefined;
37
- "aria-modal"?: boolean | "true" | "false" | undefined;
38
- "aria-multiline"?: boolean | "true" | "false" | undefined;
39
- "aria-multiselectable"?: boolean | "true" | "false" | undefined;
38
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
39
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
40
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
40
41
  "aria-orientation"?: "horizontal" | "vertical" | undefined;
41
42
  "aria-owns"?: string | undefined;
42
43
  "aria-placeholder"?: string | undefined;
43
44
  "aria-posinset"?: number | undefined;
44
45
  "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
45
- "aria-readonly"?: boolean | "true" | "false" | undefined;
46
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
46
47
  "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
47
- "aria-required"?: boolean | "true" | "false" | undefined;
48
+ "aria-required"?: (boolean | "true" | "false") | undefined;
48
49
  "aria-roledescription"?: string | undefined;
49
50
  "aria-rowcount"?: number | undefined;
50
51
  "aria-rowindex"?: number | undefined;
51
52
  "aria-rowindextext"?: string | undefined;
52
53
  "aria-rowspan"?: number | undefined;
53
- "aria-selected"?: boolean | "true" | "false" | undefined;
54
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
54
55
  "aria-setsize"?: number | undefined;
55
56
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
56
57
  "aria-valuemax"?: number | undefined;
@@ -218,8 +219,6 @@ export declare const useFade: (props: DSFadeT.Props) => {
218
219
  onAnimationIterationCapture?: import("react").AnimationEventHandler<Element> | undefined;
219
220
  onTransitionEnd?: import("react").TransitionEventHandler<Element> | undefined;
220
221
  onTransitionEndCapture?: import("react").TransitionEventHandler<Element> | undefined;
221
- form?: string | undefined;
222
- list?: string | undefined;
223
222
  defaultChecked?: boolean | undefined;
224
223
  defaultValue?: string | number | readonly string[] | undefined;
225
224
  suppressContentEditableWarning?: boolean | undefined;
@@ -227,16 +226,16 @@ export declare const useFade: (props: DSFadeT.Props) => {
227
226
  accessKey?: string | undefined;
228
227
  autoFocus?: boolean | undefined;
229
228
  className?: string | undefined;
230
- contentEditable?: boolean | "true" | "false" | "inherit" | "plaintext-only" | undefined;
229
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
231
230
  contextMenu?: string | undefined;
232
231
  dir?: string | undefined;
233
- draggable?: boolean | "true" | "false" | undefined;
232
+ draggable?: (boolean | "true" | "false") | undefined;
234
233
  hidden?: boolean | undefined;
235
234
  id?: string | undefined;
236
235
  lang?: string | undefined;
237
236
  nonce?: string | undefined;
238
237
  slot?: string | undefined;
239
- spellCheck?: boolean | "true" | "false" | undefined;
238
+ spellCheck?: (boolean | "true" | "false") | undefined;
240
239
  style?: import("react").CSSProperties | undefined;
241
240
  tabIndex?: 0 | -1 | undefined;
242
241
  title?: string | undefined;
@@ -329,6 +328,7 @@ export declare const useFade: (props: DSFadeT.Props) => {
329
328
  minLength?: number | undefined;
330
329
  multiple?: boolean | undefined;
331
330
  muted?: boolean | undefined;
331
+ name?: string | undefined;
332
332
  noValidate?: boolean | undefined;
333
333
  open?: boolean | undefined;
334
334
  optimum?: number | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-transition",
3
- "version": "3.35.0",
3
+ "version": "3.36.0-next.1",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Tooltip",
6
6
  "files": [
@@ -36,15 +36,15 @@
36
36
  "indent": 4
37
37
  },
38
38
  "dependencies": {
39
- "@elliemae/ds-props-helpers": "3.35.0",
40
- "@elliemae/ds-system": "3.35.0",
41
- "@elliemae/ds-utilities": "3.35.0"
39
+ "@elliemae/ds-props-helpers": "3.36.0-next.1",
40
+ "@elliemae/ds-system": "3.36.0-next.1",
41
+ "@elliemae/ds-utilities": "3.36.0-next.1"
42
42
  },
43
43
  "devDependencies": {
44
44
  "@elliemae/pui-cli": "~9.0.0-next.31",
45
45
  "react": "^17.0.2",
46
46
  "react-dom": "^17.0.2",
47
- "@elliemae/ds-monorepo-devops": "3.35.0"
47
+ "@elliemae/ds-monorepo-devops": "3.36.0-next.1"
48
48
  },
49
49
  "peerDependencies": {
50
50
  "react": "^17.0.2",