@elliemae/ds-image 3.36.0-rc.0 → 3.36.1-next.7

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 (12) hide show
  1. package/dist/cjs/constants/index.js.map +1 -1
  2. package/dist/cjs/index.js +0 -1
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/cjs/styled.js +8 -16
  5. package/dist/cjs/styled.js.map +1 -1
  6. package/dist/esm/constants/index.js.map +1 -1
  7. package/dist/esm/index.js +0 -1
  8. package/dist/esm/index.js.map +1 -1
  9. package/dist/esm/styled.js +8 -16
  10. package/dist/esm/styled.js.map +1 -1
  11. package/dist/types/config/useImage.d.ts +18 -18
  12. package/package.json +4 -4
package/dist/cjs/constants/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export const DSImageName = 'DSImage';\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const IMAGE_SLOTS = {\n ROOT: 'wrapper',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const IMAGE_DATA_TESTID = {\n ROOT: `ds-image-${IMAGE_SLOTS.ROOT}`,\n} as const;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,cAAc;AAGpB,MAAM,cAAc;AAAA,EACzB,MAAM;AACR;AAGO,MAAM,oBAAoB;AAAA,EAC/B,MAAM,YAAY,YAAY;AAChC;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,cAAc;AAGpB,MAAM,cAAc;AAAA,EACzB,MAAM;AACR;AAGO,MAAM,oBAAoB;AAAA,EAC/B,MAAM,YAAY,YAAY,IAAI;AACpC;",
6
6
  "names": []
7
7
  }
package/dist/cjs/index.js CHANGED
@@ -35,6 +35,5 @@ __export(src_exports, {
35
35
  module.exports = __toCommonJS(src_exports);
36
36
  var React = __toESM(require("react"));
37
37
  var import_DSImage = require("./DSImage.js");
38
- var import_react_desc_prop_types = require("./react-desc-prop-types.js");
39
38
  var import_constants = require("./constants/index.js");
40
39
  //# sourceMappingURL=index.js.map
package/dist/cjs/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSImage, DSImageWithSchema } from './DSImage.js';\nexport { type DSImageT } from './react-desc-prop-types.js';\nexport { IMAGE_DATA_TESTID } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,qBAA2C;AAC3C,mCAA8B;AAC9B,uBAAkC;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,qBAA2C;AAE3C,uBAAkC;",
6
6
  "names": []
7
7
  }
package/dist/cjs/styled.js CHANGED
@@ -94,28 +94,20 @@ const standarSizes = import_ds_system.css`
94
94
  ${sSizes}
95
95
  `;
96
96
  const getSize = (size) => {
97
- if (size === "xxl")
98
- return xxlSizes;
99
- if (size === "xl")
100
- return xlSizes;
101
- if (size === "l")
102
- return lSizes;
103
- if (size === "m")
104
- return mSizes;
105
- if (size === "s")
106
- return sSizes;
107
- if (size === "xs")
108
- return xsSizes;
109
- if (size === "xxs")
110
- return xxsSizes;
97
+ if (size === "xxl") return xxlSizes;
98
+ if (size === "xl") return xlSizes;
99
+ if (size === "l") return lSizes;
100
+ if (size === "m") return mSizes;
101
+ if (size === "s") return sSizes;
102
+ if (size === "xs") return xsSizes;
103
+ if (size === "xxs") return xxsSizes;
111
104
  return standarSizes;
112
105
  };
113
106
  const StyledWrapper = (0, import_ds_system.styled)("img", { name: import_constants.DSImageName, slot: import_constants.IMAGE_SLOTS.ROOT })`
114
107
  ${import_ds_system.xStyledCommonProps}
115
108
 
116
109
  ${({ size }) => {
117
- if (size)
118
- return getSize(size);
110
+ if (size) return getSize(size);
119
111
  }};
120
112
 
121
113
  ${({ width, theme }) => {
package/dist/cjs/styled.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import type { FlattenInterpolation, Theme } from '@elliemae/ds-system';\nimport { xStyledCommonProps, css, styled, th } from '@elliemae/ds-system';\nimport type { DSImageT } from './react-desc-prop-types.js';\nimport { DSImageName, IMAGE_SLOTS } from './constants/index.js';\nimport type { XstyledProps } from '@elliemae/ds-props-helpers';\n\nconst xxlSizes = css`\n width: 4rem;\n height: 4rem;\n @media (min-width: ${th.breakpoint('small')}) {\n width: 4.923rem;\n height: 4.923rem;\n }\n`;\n\nconst xlSizes = css`\n width: 3rem;\n height: 3rem;\n @media (min-width: ${th.breakpoint('small')}) {\n width: 3.692rem;\n height: 3.692rem;\n }\n`;\n\nconst lSizes = css`\n width: 2rem;\n height: 2rem;\n @media (min-width: ${th.breakpoint('small')}) {\n width: 2.462rem;\n height: 2.462rem;\n }\n`;\n\nconst mSizes = css`\n width: 1.5rem;\n height: 1.5rem;\n @media (min-width: ${th.breakpoint('small')}) {\n width: 1.846rem;\n height: 1.846rem;\n }\n`;\n\nconst sSizes = css`\n width: 1rem;\n height: 1rem;\n @media (min-width: ${th.breakpoint('small')}) {\n width: 1.231rem;\n height: 1.231rem;\n }\n`;\n\nconst xsSizes = css`\n width: 0.5rem;\n height: 0.5rem;\n @media (min-width: ${th.breakpoint('small')}) {\n width: 0.615rem;\n height: 0.615rem;\n }\n`;\n\nconst xxsSizes = css`\n width: 0.25rem;\n height: 0.25rem;\n @media (min-width: ${th.breakpoint('small')}) {\n width: 0.308rem;\n height: 0.308rem;\n }\n`;\n\nconst standarSizes = css`\n ${sSizes}\n`;\n\nconst getSize = (\n size: DSImageT.SizeType | undefined,\n): FlattenInterpolation<{\n theme: Theme;\n}> => {\n if (size === 'xxl') return xxlSizes;\n if (size === 'xl') return xlSizes;\n if (size === 'l') return lSizes;\n if (size === 'm') return mSizes;\n if (size === 's') return sSizes;\n if (size === 'xs') return xsSizes;\n if (size === 'xxs') return xxsSizes;\n return standarSizes;\n};\n\nexport const StyledWrapper = styled('img', { name: DSImageName, slot: IMAGE_SLOTS.ROOT })<\n { size?: DSImageT.SizeType } & XstyledProps\n>`\n ${xStyledCommonProps}\n\n ${({ size }) => {\n if (size) return getSize(size);\n }};\n\n ${({ width, theme }) => {\n if (typeof width === 'string') {\n return `\n width: ${width};\n `;\n } else if (typeof width === 'number') {\n return `\n width: ${width / 16}rem;\n @media (min-width: ${theme.breakpoints?.small}) {\n width: ${width / 13}rem;\n }\n `;\n }\n }}\n\n ${({ height, theme }) => {\n if (typeof height === 'string') {\n return `\n height: ${height};\n `;\n } else if (typeof height === 'number') {\n return `\n height: ${height / 16}rem;\n @media (min-width: ${theme.breakpoints?.small}) {\n height: ${height / 13}rem;\n }\n `;\n }\n }}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAAoD;AAEpD,uBAAyC;AAGzC,MAAM,WAAW;AAAA;AAAA;AAAA,uBAGM,oBAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,UAAU;AAAA;AAAA;AAAA,uBAGO,oBAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,SAAS;AAAA;AAAA;AAAA,uBAGQ,oBAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,SAAS;AAAA;AAAA;AAAA,uBAGQ,oBAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,SAAS;AAAA;AAAA;AAAA,uBAGQ,oBAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,UAAU;AAAA;AAAA;AAAA,uBAGO,oBAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,WAAW;AAAA;AAAA;AAAA,uBAGM,oBAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,eAAe;AAAA,IACjB;AAAA;AAGJ,MAAM,UAAU,CACd,SAGI;AACJ,MAAI,SAAS;AAAO,WAAO;AAC3B,MAAI,SAAS;AAAM,WAAO;AAC1B,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAM,WAAO;AAC1B,MAAI,SAAS;AAAO,WAAO;AAC3B,SAAO;AACT;AAEO,MAAM,oBAAgB,yBAAO,OAAO,EAAE,MAAM,8BAAa,MAAM,6BAAY,KAAK,CAAC;AAAA,IAGpF;AAAA;AAAA,IAEA,CAAC,EAAE,KAAK,MAAM;AACd,MAAI;AAAM,WAAO,QAAQ,IAAI;AAC/B;AAAA;AAAA,IAEE,CAAC,EAAE,OAAO,MAAM,MAAM;AACtB,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA,iBACI;AAAA;AAAA,EAEb,WAAW,OAAO,UAAU,UAAU;AACpC,WAAO;AAAA,iBACI,QAAQ;AAAA,6BACI,MAAM,aAAa;AAAA,mBAC7B,QAAQ;AAAA;AAAA;AAAA,EAGvB;AACF;AAAA;AAAA,IAEE,CAAC,EAAE,QAAQ,MAAM,MAAM;AACvB,MAAI,OAAO,WAAW,UAAU;AAC9B,WAAO;AAAA,kBACK;AAAA;AAAA,EAEd,WAAW,OAAO,WAAW,UAAU;AACrC,WAAO;AAAA,kBACK,SAAS;AAAA,6BACE,MAAM,aAAa;AAAA,oBAC5B,SAAS;AAAA;AAAA;AAAA,EAGzB;AACF;AAAA;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAAoD;AAEpD,uBAAyC;AAGzC,MAAM,WAAW;AAAA;AAAA;AAAA,uBAGM,oBAAG,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAM7C,MAAM,UAAU;AAAA;AAAA;AAAA,uBAGO,oBAAG,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAM7C,MAAM,SAAS;AAAA;AAAA;AAAA,uBAGQ,oBAAG,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAM7C,MAAM,SAAS;AAAA;AAAA;AAAA,uBAGQ,oBAAG,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAM7C,MAAM,SAAS;AAAA;AAAA;AAAA,uBAGQ,oBAAG,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAM7C,MAAM,UAAU;AAAA;AAAA;AAAA,uBAGO,oBAAG,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAM7C,MAAM,WAAW;AAAA;AAAA;AAAA,uBAGM,oBAAG,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAM7C,MAAM,eAAe;AAAA,IACjB,MAAM;AAAA;AAGV,MAAM,UAAU,CACd,SAGI;AACJ,MAAI,SAAS,MAAO,QAAO;AAC3B,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,SAAS,MAAO,QAAO;AAC3B,SAAO;AACT;AAEO,MAAM,oBAAgB,yBAAO,OAAO,EAAE,MAAM,8BAAa,MAAM,6BAAY,KAAK,CAAC;AAAA,IAGpF,mCAAkB;AAAA;AAAA,IAElB,CAAC,EAAE,KAAK,MAAM;AACd,MAAI,KAAM,QAAO,QAAQ,IAAI;AAC/B,CAAC;AAAA;AAAA,IAEC,CAAC,EAAE,OAAO,MAAM,MAAM;AACtB,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA,iBACI,KAAK;AAAA;AAAA,EAElB,WAAW,OAAO,UAAU,UAAU;AACpC,WAAO;AAAA,iBACI,QAAQ,EAAE;AAAA,6BACE,MAAM,aAAa,KAAK;AAAA,mBAClC,QAAQ,EAAE;AAAA;AAAA;AAAA,EAGzB;AACF,CAAC;AAAA;AAAA,IAEC,CAAC,EAAE,QAAQ,MAAM,MAAM;AACvB,MAAI,OAAO,WAAW,UAAU;AAC9B,WAAO;AAAA,kBACK,MAAM;AAAA;AAAA,EAEpB,WAAW,OAAO,WAAW,UAAU;AACrC,WAAO;AAAA,kBACK,SAAS,EAAE;AAAA,6BACA,MAAM,aAAa,KAAK;AAAA,oBACjC,SAAS,EAAE;AAAA;AAAA;AAAA,EAG3B;AACF,CAAC;AAAA;",
6
6
  "names": []
7
7
  }
package/dist/esm/constants/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSImageName = 'DSImage';\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const IMAGE_SLOTS = {\n ROOT: 'wrapper',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const IMAGE_DATA_TESTID = {\n ROOT: `ds-image-${IMAGE_SLOTS.ROOT}`,\n} as const;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,cAAc;AAGpB,MAAM,cAAc;AAAA,EACzB,MAAM;AACR;AAGO,MAAM,oBAAoB;AAAA,EAC/B,MAAM,YAAY,YAAY;AAChC;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,cAAc;AAGpB,MAAM,cAAc;AAAA,EACzB,MAAM;AACR;AAGO,MAAM,oBAAoB;AAAA,EAC/B,MAAM,YAAY,YAAY,IAAI;AACpC;",
6
6
  "names": []
7
7
  }
package/dist/esm/index.js CHANGED
@@ -1,6 +1,5 @@
1
1
  import * as React from "react";
2
2
  import { DSImage, DSImageWithSchema } from "./DSImage.js";
3
- import {} from "./react-desc-prop-types.js";
4
3
  import { IMAGE_DATA_TESTID } from "./constants/index.js";
5
4
  export {
6
5
  DSImage,
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.ts"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSImage, DSImageWithSchema } from './DSImage.js';\nexport { type DSImageT } from './react-desc-prop-types.js';\nexport { IMAGE_DATA_TESTID } from './constants/index.js';\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,SAAS,yBAAyB;AAC3C,eAA8B;AAC9B,SAAS,yBAAyB;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,SAAS,yBAAyB;AAE3C,SAAS,yBAAyB;",
6
6
  "names": []
7
7
  }
package/dist/esm/styled.js CHANGED
@@ -61,28 +61,20 @@ const standarSizes = css`
61
61
  ${sSizes}
62
62
  `;
63
63
  const getSize = (size) => {
64
- if (size === "xxl")
65
- return xxlSizes;
66
- if (size === "xl")
67
- return xlSizes;
68
- if (size === "l")
69
- return lSizes;
70
- if (size === "m")
71
- return mSizes;
72
- if (size === "s")
73
- return sSizes;
74
- if (size === "xs")
75
- return xsSizes;
76
- if (size === "xxs")
77
- return xxsSizes;
64
+ if (size === "xxl") return xxlSizes;
65
+ if (size === "xl") return xlSizes;
66
+ if (size === "l") return lSizes;
67
+ if (size === "m") return mSizes;
68
+ if (size === "s") return sSizes;
69
+ if (size === "xs") return xsSizes;
70
+ if (size === "xxs") return xxsSizes;
78
71
  return standarSizes;
79
72
  };
80
73
  const StyledWrapper = styled("img", { name: DSImageName, slot: IMAGE_SLOTS.ROOT })`
81
74
  ${xStyledCommonProps}
82
75
 
83
76
  ${({ size }) => {
84
- if (size)
85
- return getSize(size);
77
+ if (size) return getSize(size);
86
78
  }};
87
79
 
88
80
  ${({ width, theme }) => {
package/dist/esm/styled.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { FlattenInterpolation, Theme } from '@elliemae/ds-system';\nimport { xStyledCommonProps, css, styled, th } from '@elliemae/ds-system';\nimport type { DSImageT } from './react-desc-prop-types.js';\nimport { DSImageName, IMAGE_SLOTS } from './constants/index.js';\nimport type { XstyledProps } from '@elliemae/ds-props-helpers';\n\nconst xxlSizes = css`\n width: 4rem;\n height: 4rem;\n @media (min-width: ${th.breakpoint('small')}) {\n width: 4.923rem;\n height: 4.923rem;\n }\n`;\n\nconst xlSizes = css`\n width: 3rem;\n height: 3rem;\n @media (min-width: ${th.breakpoint('small')}) {\n width: 3.692rem;\n height: 3.692rem;\n }\n`;\n\nconst lSizes = css`\n width: 2rem;\n height: 2rem;\n @media (min-width: ${th.breakpoint('small')}) {\n width: 2.462rem;\n height: 2.462rem;\n }\n`;\n\nconst mSizes = css`\n width: 1.5rem;\n height: 1.5rem;\n @media (min-width: ${th.breakpoint('small')}) {\n width: 1.846rem;\n height: 1.846rem;\n }\n`;\n\nconst sSizes = css`\n width: 1rem;\n height: 1rem;\n @media (min-width: ${th.breakpoint('small')}) {\n width: 1.231rem;\n height: 1.231rem;\n }\n`;\n\nconst xsSizes = css`\n width: 0.5rem;\n height: 0.5rem;\n @media (min-width: ${th.breakpoint('small')}) {\n width: 0.615rem;\n height: 0.615rem;\n }\n`;\n\nconst xxsSizes = css`\n width: 0.25rem;\n height: 0.25rem;\n @media (min-width: ${th.breakpoint('small')}) {\n width: 0.308rem;\n height: 0.308rem;\n }\n`;\n\nconst standarSizes = css`\n ${sSizes}\n`;\n\nconst getSize = (\n size: DSImageT.SizeType | undefined,\n): FlattenInterpolation<{\n theme: Theme;\n}> => {\n if (size === 'xxl') return xxlSizes;\n if (size === 'xl') return xlSizes;\n if (size === 'l') return lSizes;\n if (size === 'm') return mSizes;\n if (size === 's') return sSizes;\n if (size === 'xs') return xsSizes;\n if (size === 'xxs') return xxsSizes;\n return standarSizes;\n};\n\nexport const StyledWrapper = styled('img', { name: DSImageName, slot: IMAGE_SLOTS.ROOT })<\n { size?: DSImageT.SizeType } & XstyledProps\n>`\n ${xStyledCommonProps}\n\n ${({ size }) => {\n if (size) return getSize(size);\n }};\n\n ${({ width, theme }) => {\n if (typeof width === 'string') {\n return `\n width: ${width};\n `;\n } else if (typeof width === 'number') {\n return `\n width: ${width / 16}rem;\n @media (min-width: ${theme.breakpoints?.small}) {\n width: ${width / 13}rem;\n }\n `;\n }\n }}\n\n ${({ height, theme }) => {\n if (typeof height === 'string') {\n return `\n height: ${height};\n `;\n } else if (typeof height === 'number') {\n return `\n height: ${height / 16}rem;\n @media (min-width: ${theme.breakpoints?.small}) {\n height: ${height / 13}rem;\n }\n `;\n }\n }}\n`;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,oBAAoB,KAAK,QAAQ,UAAU;AAEpD,SAAS,aAAa,mBAAmB;AAGzC,MAAM,WAAW;AAAA;AAAA;AAAA,uBAGM,GAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,UAAU;AAAA;AAAA;AAAA,uBAGO,GAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,SAAS;AAAA;AAAA;AAAA,uBAGQ,GAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,SAAS;AAAA;AAAA;AAAA,uBAGQ,GAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,SAAS;AAAA;AAAA;AAAA,uBAGQ,GAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,UAAU;AAAA;AAAA;AAAA,uBAGO,GAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,WAAW;AAAA;AAAA;AAAA,uBAGM,GAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,eAAe;AAAA,IACjB;AAAA;AAGJ,MAAM,UAAU,CACd,SAGI;AACJ,MAAI,SAAS;AAAO,WAAO;AAC3B,MAAI,SAAS;AAAM,WAAO;AAC1B,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAM,WAAO;AAC1B,MAAI,SAAS;AAAO,WAAO;AAC3B,SAAO;AACT;AAEO,MAAM,gBAAgB,OAAO,OAAO,EAAE,MAAM,aAAa,MAAM,YAAY,KAAK,CAAC;AAAA,IAGpF;AAAA;AAAA,IAEA,CAAC,EAAE,KAAK,MAAM;AACd,MAAI;AAAM,WAAO,QAAQ,IAAI;AAC/B;AAAA;AAAA,IAEE,CAAC,EAAE,OAAO,MAAM,MAAM;AACtB,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA,iBACI;AAAA;AAAA,EAEb,WAAW,OAAO,UAAU,UAAU;AACpC,WAAO;AAAA,iBACI,QAAQ;AAAA,6BACI,MAAM,aAAa;AAAA,mBAC7B,QAAQ;AAAA;AAAA;AAAA,EAGvB;AACF;AAAA;AAAA,IAEE,CAAC,EAAE,QAAQ,MAAM,MAAM;AACvB,MAAI,OAAO,WAAW,UAAU;AAC9B,WAAO;AAAA,kBACK;AAAA;AAAA,EAEd,WAAW,OAAO,WAAW,UAAU;AACrC,WAAO;AAAA,kBACK,SAAS;AAAA,6BACE,MAAM,aAAa;AAAA,oBAC5B,SAAS;AAAA;AAAA;AAAA,EAGzB;AACF;AAAA;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,oBAAoB,KAAK,QAAQ,UAAU;AAEpD,SAAS,aAAa,mBAAmB;AAGzC,MAAM,WAAW;AAAA;AAAA;AAAA,uBAGM,GAAG,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAM7C,MAAM,UAAU;AAAA;AAAA;AAAA,uBAGO,GAAG,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAM7C,MAAM,SAAS;AAAA;AAAA;AAAA,uBAGQ,GAAG,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAM7C,MAAM,SAAS;AAAA;AAAA;AAAA,uBAGQ,GAAG,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAM7C,MAAM,SAAS;AAAA;AAAA;AAAA,uBAGQ,GAAG,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAM7C,MAAM,UAAU;AAAA;AAAA;AAAA,uBAGO,GAAG,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAM7C,MAAM,WAAW;AAAA;AAAA;AAAA,uBAGM,GAAG,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAM7C,MAAM,eAAe;AAAA,IACjB,MAAM;AAAA;AAGV,MAAM,UAAU,CACd,SAGI;AACJ,MAAI,SAAS,MAAO,QAAO;AAC3B,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,SAAS,MAAO,QAAO;AAC3B,SAAO;AACT;AAEO,MAAM,gBAAgB,OAAO,OAAO,EAAE,MAAM,aAAa,MAAM,YAAY,KAAK,CAAC;AAAA,IAGpF,kBAAkB;AAAA;AAAA,IAElB,CAAC,EAAE,KAAK,MAAM;AACd,MAAI,KAAM,QAAO,QAAQ,IAAI;AAC/B,CAAC;AAAA;AAAA,IAEC,CAAC,EAAE,OAAO,MAAM,MAAM;AACtB,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA,iBACI,KAAK;AAAA;AAAA,EAElB,WAAW,OAAO,UAAU,UAAU;AACpC,WAAO;AAAA,iBACI,QAAQ,EAAE;AAAA,6BACE,MAAM,aAAa,KAAK;AAAA,mBAClC,QAAQ,EAAE;AAAA;AAAA;AAAA,EAGzB;AACF,CAAC;AAAA;AAAA,IAEC,CAAC,EAAE,QAAQ,MAAM,MAAM;AACvB,MAAI,OAAO,WAAW,UAAU;AAC9B,WAAO;AAAA,kBACK,MAAM;AAAA;AAAA,EAEpB,WAAW,OAAO,WAAW,UAAU;AACrC,WAAO;AAAA,kBACK,SAAS,EAAE;AAAA,6BACA,MAAM,aAAa,KAAK;AAAA,oBACjC,SAAS,EAAE;AAAA;AAAA;AAAA,EAG3B;AACF,CAAC;AAAA;",
6
6
  "names": []
7
7
  }
package/dist/types/config/useImage.d.ts CHANGED
@@ -10,13 +10,14 @@ export interface ImageCTX {
10
10
  export declare const useImage: (propsFromUser: DSImageT.Props) => {
11
11
  propsWithDefault: DSImageT.InternalProps;
12
12
  globalProps: 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<{
13
- name?: string | undefined;
13
+ form?: string | undefined;
14
+ list?: string | undefined;
14
15
  "aria-activedescendant"?: string | undefined;
15
- "aria-atomic"?: boolean | "true" | "false" | undefined;
16
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
16
17
  "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
17
18
  "aria-braillelabel"?: string | undefined;
18
19
  "aria-brailleroledescription"?: string | undefined;
19
- "aria-busy"?: boolean | "true" | "false" | undefined;
20
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
20
21
  "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
21
22
  "aria-colcount"?: number | undefined;
22
23
  "aria-colindex"?: number | undefined;
@@ -27,37 +28,37 @@ export declare const useImage: (propsFromUser: DSImageT.Props) => {
27
28
  "aria-describedby"?: string | undefined;
28
29
  "aria-description"?: string | undefined;
29
30
  "aria-details"?: string | undefined;
30
- "aria-disabled"?: boolean | "true" | "false" | undefined;
31
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
31
32
  "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
32
33
  "aria-errormessage"?: string | undefined;
33
- "aria-expanded"?: boolean | "true" | "false" | undefined;
34
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
34
35
  "aria-flowto"?: string | undefined;
35
- "aria-grabbed"?: boolean | "true" | "false" | undefined;
36
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
36
37
  "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
37
- "aria-hidden"?: boolean | "true" | "false" | undefined;
38
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
38
39
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
39
40
  "aria-keyshortcuts"?: string | undefined;
40
41
  "aria-label"?: string | undefined;
41
42
  "aria-labelledby"?: string | undefined;
42
43
  "aria-level"?: number | undefined;
43
44
  "aria-live"?: "off" | "assertive" | "polite" | undefined;
44
- "aria-modal"?: boolean | "true" | "false" | undefined;
45
- "aria-multiline"?: boolean | "true" | "false" | undefined;
46
- "aria-multiselectable"?: boolean | "true" | "false" | undefined;
45
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
46
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
47
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
47
48
  "aria-orientation"?: "horizontal" | "vertical" | undefined;
48
49
  "aria-owns"?: string | undefined;
49
50
  "aria-placeholder"?: string | undefined;
50
51
  "aria-posinset"?: number | undefined;
51
52
  "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
52
- "aria-readonly"?: boolean | "true" | "false" | undefined;
53
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
53
54
  "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
54
- "aria-required"?: boolean | "true" | "false" | undefined;
55
+ "aria-required"?: (boolean | "true" | "false") | undefined;
55
56
  "aria-roledescription"?: string | undefined;
56
57
  "aria-rowcount"?: number | undefined;
57
58
  "aria-rowindex"?: number | undefined;
58
59
  "aria-rowindextext"?: string | undefined;
59
60
  "aria-rowspan"?: number | undefined;
60
- "aria-selected"?: boolean | "true" | "false" | undefined;
61
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
61
62
  "aria-setsize"?: number | undefined;
62
63
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
63
64
  "aria-valuemax"?: number | undefined;
@@ -225,8 +226,6 @@ export declare const useImage: (propsFromUser: DSImageT.Props) => {
225
226
  onAnimationIterationCapture?: React.AnimationEventHandler<Element> | undefined;
226
227
  onTransitionEnd?: React.TransitionEventHandler<Element> | undefined;
227
228
  onTransitionEndCapture?: React.TransitionEventHandler<Element> | undefined;
228
- form?: string | undefined;
229
- list?: string | undefined;
230
229
  defaultChecked?: boolean | undefined;
231
230
  defaultValue?: string | number | readonly string[] | undefined;
232
231
  suppressContentEditableWarning?: boolean | undefined;
@@ -234,16 +233,16 @@ export declare const useImage: (propsFromUser: DSImageT.Props) => {
234
233
  accessKey?: string | undefined;
235
234
  autoFocus?: boolean | undefined;
236
235
  className?: string | undefined;
237
- contentEditable?: boolean | "true" | "false" | "inherit" | "plaintext-only" | undefined;
236
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
238
237
  contextMenu?: string | undefined;
239
238
  dir?: string | undefined;
240
- draggable?: boolean | "true" | "false" | undefined;
239
+ draggable?: (boolean | "true" | "false") | undefined;
241
240
  hidden?: boolean | undefined;
242
241
  id?: string | undefined;
243
242
  lang?: string | undefined;
244
243
  nonce?: string | undefined;
245
244
  slot?: string | undefined;
246
- spellCheck?: boolean | "true" | "false" | undefined;
245
+ spellCheck?: (boolean | "true" | "false") | undefined;
247
246
  style?: React.CSSProperties | undefined;
248
247
  tabIndex?: 0 | -1 | undefined;
249
248
  title?: string | undefined;
@@ -336,6 +335,7 @@ export declare const useImage: (propsFromUser: DSImageT.Props) => {
336
335
  minLength?: number | undefined;
337
336
  multiple?: boolean | undefined;
338
337
  muted?: boolean | undefined;
338
+ name?: string | undefined;
339
339
  noValidate?: boolean | undefined;
340
340
  open?: boolean | undefined;
341
341
  optimum?: number | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-image",
3
- "version": "3.36.0-rc.0",
3
+ "version": "3.36.1-next.7",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Image",
6
6
  "files": [
@@ -37,12 +37,12 @@
37
37
  },
38
38
  "dependencies": {
39
39
  "@xstyled/system": "~3.6.0",
40
- "@elliemae/ds-props-helpers": "3.36.0-rc.0",
41
- "@elliemae/ds-system": "3.36.0-rc.0"
40
+ "@elliemae/ds-system": "3.36.1-next.7",
41
+ "@elliemae/ds-props-helpers": "3.36.1-next.7"
42
42
  },
43
43
  "devDependencies": {
44
44
  "@elliemae/pui-cli": "~9.0.0-next.31",
45
- "@elliemae/ds-monorepo-devops": "3.36.0-rc.0"
45
+ "@elliemae/ds-monorepo-devops": "3.36.1-next.7"
46
46
  },
47
47
  "peerDependencies": {
48
48
  "react": "^17.0.2",