@elliemae/ds-svg 3.36.0-next.0 → 3.36.0-next.2

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 (16) hide show
  1. package/dist/cjs/DSSvg.js +0 -1
  2. package/dist/cjs/DSSvg.js.map +2 -2
  3. package/dist/cjs/constants/index.js.map +1 -1
  4. package/dist/cjs/index.js +0 -1
  5. package/dist/cjs/index.js.map +1 -1
  6. package/dist/cjs/styled.js +8 -16
  7. package/dist/cjs/styled.js.map +1 -1
  8. package/dist/esm/DSSvg.js +0 -1
  9. package/dist/esm/DSSvg.js.map +2 -2
  10. package/dist/esm/constants/index.js.map +1 -1
  11. package/dist/esm/index.js +0 -1
  12. package/dist/esm/index.js.map +1 -1
  13. package/dist/esm/styled.js +8 -16
  14. package/dist/esm/styled.js.map +1 -1
  15. package/dist/types/config/useSvg.d.ts +18 -18
  16. package/package.json +4 -4
package/dist/cjs/DSSvg.js CHANGED
@@ -63,7 +63,6 @@ const DSSvg = (props) => {
63
63
  }
64
64
  );
65
65
  };
66
- DSSvg.propTypes = import_react_desc_prop_types.DSSvgPropTypes;
67
66
  DSSvg.displayName = import_constants.DSSvgName;
68
67
  const DSSvgWithSchema = (0, import_ds_props_helpers.describe)(DSSvg);
69
68
  DSSvgWithSchema.propTypes = import_react_desc_prop_types.DSSvgPropTypes;
package/dist/cjs/DSSvg.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSSvg.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type DSSvgT, DSSvgPropTypes } from './react-desc-prop-types.js';\nimport { useSvg } from './config/useSvg.js';\nimport { DSSvgName } from './constants/index.js';\nimport { StyledWrapper } from './styled.js';\n\nconst DSSvg: React.ComponentType<DSSvgT.Props> = (props) => {\n const {\n globalProps,\n xstyledProps,\n propsWithDefault: { viewBox, size, children, focusable },\n } = useSvg(props);\n\n return (\n <StyledWrapper\n viewBox={viewBox}\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n focusable={focusable}\n {...globalProps}\n {...xstyledProps}\n size={size}\n display={xstyledProps.display as string | undefined}\n overflow={xstyledProps.overflow as string | undefined}\n visibility={xstyledProps.visibility as string | undefined}\n fontWeight={xstyledProps.fontWeight as string | undefined}\n >\n {children}\n </StyledWrapper>\n );\n};\n\nDSSvg.propTypes = DSSvgPropTypes as React.WeakValidationMap<unknown>;\nDSSvg.displayName = DSSvgName;\nconst DSSvgWithSchema = describe(DSSvg);\nDSSvgWithSchema.propTypes = DSSvgPropTypes as React.WeakValidationMap<unknown>;\n\nexport { DSSvg, DSSvgWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADenB;AAdJ,8BAAyB;AACzB,mCAA4C;AAC5C,oBAAuB;AACvB,uBAA0B;AAC1B,oBAA8B;AAE9B,MAAM,QAA2C,CAAC,UAAU;AAC1D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB,EAAE,SAAS,MAAM,UAAU,UAAU;AAAA,EACzD,QAAI,sBAAO,KAAK;AAEhB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAM;AAAA,MACN,eAAY;AAAA,MACZ;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA,SAAS,aAAa;AAAA,MACtB,UAAU,aAAa;AAAA,MACvB,YAAY,aAAa;AAAA,MACzB,YAAY,aAAa;AAAA,MAExB;AAAA;AAAA,EACH;AAEJ;AAEA,MAAM,YAAY;AAClB,MAAM,cAAc;AACpB,MAAM,sBAAkB,kCAAS,KAAK;AACtC,gBAAgB,YAAY;",
4
+ "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type DSSvgT, DSSvgPropTypes } from './react-desc-prop-types.js';\nimport { useSvg } from './config/useSvg.js';\nimport { DSSvgName } from './constants/index.js';\nimport { StyledWrapper } from './styled.js';\n\nconst DSSvg: React.ComponentType<DSSvgT.Props> = (props) => {\n const {\n globalProps,\n xstyledProps,\n propsWithDefault: { viewBox, size, children, focusable },\n } = useSvg(props);\n\n return (\n <StyledWrapper\n viewBox={viewBox}\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n focusable={focusable}\n {...globalProps}\n {...xstyledProps}\n size={size}\n display={xstyledProps.display as string | undefined}\n overflow={xstyledProps.overflow as string | undefined}\n visibility={xstyledProps.visibility as string | undefined}\n fontWeight={xstyledProps.fontWeight as string | undefined}\n >\n {children}\n </StyledWrapper>\n );\n};\n\nDSSvg.displayName = DSSvgName;\nconst DSSvgWithSchema = describe(DSSvg);\nDSSvgWithSchema.propTypes = DSSvgPropTypes as React.WeakValidationMap<unknown>;\n\nexport { DSSvg, DSSvgWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADenB;AAdJ,8BAAyB;AACzB,mCAA4C;AAC5C,oBAAuB;AACvB,uBAA0B;AAC1B,oBAA8B;AAE9B,MAAM,QAA2C,CAAC,UAAU;AAC1D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB,EAAE,SAAS,MAAM,UAAU,UAAU;AAAA,EACzD,QAAI,sBAAO,KAAK;AAEhB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAM;AAAA,MACN,eAAY;AAAA,MACZ;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA,SAAS,aAAa;AAAA,MACtB,UAAU,aAAa;AAAA,MACvB,YAAY,aAAa;AAAA,MACzB,YAAY,aAAa;AAAA,MAExB;AAAA;AAAA,EACH;AAEJ;AAEA,MAAM,cAAc;AACpB,MAAM,sBAAkB,kCAAS,KAAK;AACtC,gBAAgB,YAAY;",
6
6
  "names": []
7
7
  }
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 DSSvgName = 'DSSvg';\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const SVG_SLOTS = {\n ROOT: 'root',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const SVG_DATA_TESTID = {\n ROOT: `ds-svg-${SVG_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,YAAY;AAGlB,MAAM,YAAY;AAAA,EACvB,MAAM;AACR;AAGO,MAAM,kBAAkB;AAAA,EAC7B,MAAM,UAAU,UAAU;AAC5B;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,YAAY;AAGlB,MAAM,YAAY;AAAA,EACvB,MAAM;AACR;AAGO,MAAM,kBAAkB;AAAA,EAC7B,MAAM,UAAU,UAAU,IAAI;AAChC;",
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_DSSvg = require("./DSSvg.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 { DSSvg, DSSvgWithSchema } from './DSSvg.js';\nexport { type DSSvgT } from './react-desc-prop-types.js';\nexport { SVG_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,mBAAuC;AACvC,mCAA4B;AAC5B,uBAAgC;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAuC;AAEvC,uBAAgC;",
6
6
  "names": []
7
7
  }
package/dist/cjs/styled.js CHANGED
@@ -94,20 +94,13 @@ 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)("svg", { name: import_constants.DSSvgName, slot: import_constants.SVG_SLOTS.ROOT })`
@@ -116,8 +109,7 @@ const StyledWrapper = (0, import_ds_system.styled)("svg", { name: import_constan
116
109
  ${import_ds_system.sizing}
117
110
 
118
111
  ${({ size }) => {
119
- if (size)
120
- return getSize(size);
112
+ if (size) return getSize(size);
121
113
  }};
122
114
 
123
115
  ${({ 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 { layout, sizing, space, css, styled, th } from '@elliemae/ds-system';\nimport type { DSSvgT } from './react-desc-prop-types.js';\nimport { DSSvgName, SVG_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: DSSvgT.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('svg', { name: DSSvgName, slot: SVG_SLOTS.ROOT })<\n { size?: DSSvgT.SizeType } & XstyledProps\n>`\n ${layout}\n ${space}\n ${sizing}\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,uBAAuD;AAEvD,uBAAqC;AAGrC,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,4BAAW,MAAM,2BAAU,KAAK,CAAC;AAAA,IAGhF;AAAA,IACA;AAAA,IACA;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,uBAAuD;AAEvD,uBAAqC;AAGrC,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,4BAAW,MAAM,2BAAU,KAAK,CAAC;AAAA,IAGhF,uBAAM;AAAA,IACN,sBAAK;AAAA,IACL,uBAAM;AAAA;AAAA,IAEN,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/DSSvg.js CHANGED
@@ -29,7 +29,6 @@ const DSSvg = (props) => {
29
29
  }
30
30
  );
31
31
  };
32
- DSSvg.propTypes = DSSvgPropTypes;
33
32
  DSSvg.displayName = DSSvgName;
34
33
  const DSSvgWithSchema = describe(DSSvg);
35
34
  DSSvgWithSchema.propTypes = DSSvgPropTypes;
package/dist/esm/DSSvg.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSSvg.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type DSSvgT, DSSvgPropTypes } from './react-desc-prop-types.js';\nimport { useSvg } from './config/useSvg.js';\nimport { DSSvgName } from './constants/index.js';\nimport { StyledWrapper } from './styled.js';\n\nconst DSSvg: React.ComponentType<DSSvgT.Props> = (props) => {\n const {\n globalProps,\n xstyledProps,\n propsWithDefault: { viewBox, size, children, focusable },\n } = useSvg(props);\n\n return (\n <StyledWrapper\n viewBox={viewBox}\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n focusable={focusable}\n {...globalProps}\n {...xstyledProps}\n size={size}\n display={xstyledProps.display as string | undefined}\n overflow={xstyledProps.overflow as string | undefined}\n visibility={xstyledProps.visibility as string | undefined}\n fontWeight={xstyledProps.fontWeight as string | undefined}\n >\n {children}\n </StyledWrapper>\n );\n};\n\nDSSvg.propTypes = DSSvgPropTypes as React.WeakValidationMap<unknown>;\nDSSvg.displayName = DSSvgName;\nconst DSSvgWithSchema = describe(DSSvg);\nDSSvgWithSchema.propTypes = DSSvgPropTypes as React.WeakValidationMap<unknown>;\n\nexport { DSSvg, DSSvgWithSchema };\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACenB;AAdJ,SAAS,gBAAgB;AACzB,SAAsB,sBAAsB;AAC5C,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAE9B,MAAM,QAA2C,CAAC,UAAU;AAC1D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB,EAAE,SAAS,MAAM,UAAU,UAAU;AAAA,EACzD,IAAI,OAAO,KAAK;AAEhB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAM;AAAA,MACN,eAAY;AAAA,MACZ;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA,SAAS,aAAa;AAAA,MACtB,UAAU,aAAa;AAAA,MACvB,YAAY,aAAa;AAAA,MACzB,YAAY,aAAa;AAAA,MAExB;AAAA;AAAA,EACH;AAEJ;AAEA,MAAM,YAAY;AAClB,MAAM,cAAc;AACpB,MAAM,kBAAkB,SAAS,KAAK;AACtC,gBAAgB,YAAY;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type DSSvgT, DSSvgPropTypes } from './react-desc-prop-types.js';\nimport { useSvg } from './config/useSvg.js';\nimport { DSSvgName } from './constants/index.js';\nimport { StyledWrapper } from './styled.js';\n\nconst DSSvg: React.ComponentType<DSSvgT.Props> = (props) => {\n const {\n globalProps,\n xstyledProps,\n propsWithDefault: { viewBox, size, children, focusable },\n } = useSvg(props);\n\n return (\n <StyledWrapper\n viewBox={viewBox}\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n focusable={focusable}\n {...globalProps}\n {...xstyledProps}\n size={size}\n display={xstyledProps.display as string | undefined}\n overflow={xstyledProps.overflow as string | undefined}\n visibility={xstyledProps.visibility as string | undefined}\n fontWeight={xstyledProps.fontWeight as string | undefined}\n >\n {children}\n </StyledWrapper>\n );\n};\n\nDSSvg.displayName = DSSvgName;\nconst DSSvgWithSchema = describe(DSSvg);\nDSSvgWithSchema.propTypes = DSSvgPropTypes as React.WeakValidationMap<unknown>;\n\nexport { DSSvg, DSSvgWithSchema };\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACenB;AAdJ,SAAS,gBAAgB;AACzB,SAAsB,sBAAsB;AAC5C,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAE9B,MAAM,QAA2C,CAAC,UAAU;AAC1D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB,EAAE,SAAS,MAAM,UAAU,UAAU;AAAA,EACzD,IAAI,OAAO,KAAK;AAEhB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAM;AAAA,MACN,eAAY;AAAA,MACZ;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA,SAAS,aAAa;AAAA,MACtB,UAAU,aAAa;AAAA,MACvB,YAAY,aAAa;AAAA,MACzB,YAAY,aAAa;AAAA,MAExB;AAAA;AAAA,EACH;AAEJ;AAEA,MAAM,cAAc;AACpB,MAAM,kBAAkB,SAAS,KAAK;AACtC,gBAAgB,YAAY;",
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 DSSvgName = 'DSSvg';\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const SVG_SLOTS = {\n ROOT: 'root',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const SVG_DATA_TESTID = {\n ROOT: `ds-svg-${SVG_SLOTS.ROOT}`,\n} as const;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,YAAY;AAGlB,MAAM,YAAY;AAAA,EACvB,MAAM;AACR;AAGO,MAAM,kBAAkB;AAAA,EAC7B,MAAM,UAAU,UAAU;AAC5B;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,YAAY;AAGlB,MAAM,YAAY;AAAA,EACvB,MAAM;AACR;AAGO,MAAM,kBAAkB;AAAA,EAC7B,MAAM,UAAU,UAAU,IAAI;AAChC;",
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 { DSSvg, DSSvgWithSchema } from "./DSSvg.js";
3
- import {} from "./react-desc-prop-types.js";
4
3
  import { SVG_DATA_TESTID } from "./constants/index.js";
5
4
  export {
6
5
  DSSvg,
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 { DSSvg, DSSvgWithSchema } from './DSSvg.js';\nexport { type DSSvgT } from './react-desc-prop-types.js';\nexport { SVG_DATA_TESTID } from './constants/index.js';\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,OAAO,uBAAuB;AACvC,eAA4B;AAC5B,SAAS,uBAAuB;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,OAAO,uBAAuB;AAEvC,SAAS,uBAAuB;",
6
6
  "names": []
7
7
  }
package/dist/esm/styled.js CHANGED
@@ -61,20 +61,13 @@ 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("svg", { name: DSSvgName, slot: SVG_SLOTS.ROOT })`
@@ -83,8 +76,7 @@ const StyledWrapper = styled("svg", { name: DSSvgName, slot: SVG_SLOTS.ROOT })`
83
76
  ${sizing}
84
77
 
85
78
  ${({ size }) => {
86
- if (size)
87
- return getSize(size);
79
+ if (size) return getSize(size);
88
80
  }};
89
81
 
90
82
  ${({ 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 { layout, sizing, space, css, styled, th } from '@elliemae/ds-system';\nimport type { DSSvgT } from './react-desc-prop-types.js';\nimport { DSSvgName, SVG_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: DSSvgT.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('svg', { name: DSSvgName, slot: SVG_SLOTS.ROOT })<\n { size?: DSSvgT.SizeType } & XstyledProps\n>`\n ${layout}\n ${space}\n ${sizing}\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,QAAQ,QAAQ,OAAO,KAAK,QAAQ,UAAU;AAEvD,SAAS,WAAW,iBAAiB;AAGrC,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,WAAW,MAAM,UAAU,KAAK,CAAC;AAAA,IAGhF;AAAA,IACA;AAAA,IACA;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,QAAQ,QAAQ,OAAO,KAAK,QAAQ,UAAU;AAEvD,SAAS,WAAW,iBAAiB;AAGrC,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,WAAW,MAAM,UAAU,KAAK,CAAC;AAAA,IAGhF,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA;AAAA,IAEN,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/useSvg.d.ts CHANGED
@@ -10,13 +10,14 @@ export interface SvgCTX {
10
10
  export declare const useSvg: (propsFromUser: DSSvgT.Props) => {
11
11
  propsWithDefault: DSSvgT.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 useSvg: (propsFromUser: DSSvgT.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 useSvg: (propsFromUser: DSSvgT.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 useSvg: (propsFromUser: DSSvgT.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 useSvg: (propsFromUser: DSSvgT.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-svg",
3
- "version": "3.36.0-next.0",
3
+ "version": "3.36.0-next.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Svg",
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-next.0",
41
- "@elliemae/ds-system": "3.36.0-next.0"
40
+ "@elliemae/ds-props-helpers": "3.36.0-next.2",
41
+ "@elliemae/ds-system": "3.36.0-next.2"
42
42
  },
43
43
  "devDependencies": {
44
44
  "@elliemae/pui-cli": "~9.0.0-next.31",
45
- "@elliemae/ds-monorepo-devops": "3.36.0-next.0"
45
+ "@elliemae/ds-monorepo-devops": "3.36.0-next.2"
46
46
  },
47
47
  "peerDependencies": {
48
48
  "react": "^17.0.2",