@elliemae/ds-button-v2 3.53.1-rc.0 → 3.54.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 (13) hide show
  1. package/dist/cjs/parts/SharedButtonBaseline/DSButton.js +6 -2
  2. package/dist/cjs/parts/SharedButtonBaseline/DSButton.js.map +2 -2
  3. package/dist/cjs/parts/SharedButtonBaseline/styles.js +40 -33
  4. package/dist/cjs/parts/SharedButtonBaseline/styles.js.map +2 -2
  5. package/dist/esm/parts/SharedButtonBaseline/DSButton.js +7 -3
  6. package/dist/esm/parts/SharedButtonBaseline/DSButton.js.map +2 -2
  7. package/dist/esm/parts/SharedButtonBaseline/styles.js +40 -33
  8. package/dist/esm/parts/SharedButtonBaseline/styles.js.map +2 -2
  9. package/dist/types/parts/DSButtonV2/react-desc-prop-types.d.ts +0 -1
  10. package/dist/types/parts/DSButtonV3/react-desc-prop-types.d.ts +2 -453
  11. package/dist/types/parts/SharedButtonBaseline/react-desc-prop-types.d.ts +0 -1
  12. package/dist/types/parts/SharedButtonBaseline/styles.d.ts +1 -0
  13. package/package.json +7 -6
package/dist/cjs/parts/SharedButtonBaseline/DSButton.js CHANGED
@@ -38,6 +38,7 @@ var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
38
38
  var import_useButton = require("./config/useButton.js");
39
39
  var import_react_desc_prop_types = require("./react-desc-prop-types.js");
40
40
  var import_DSButtonDefinitions = require("./DSButtonDefinitions.js");
41
+ var import_styles = require("./styles.js");
41
42
  const DSButton = (props) => {
42
43
  const {
43
44
  propsWithDefault,
@@ -53,7 +54,7 @@ const DSButton = (props) => {
53
54
  const { disabled, ...restGlobalProps } = globalProps;
54
55
  const globalAttributes = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
55
56
  const ownerPropsConfig = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefault, { ...props });
56
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
57
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
57
58
  ButtonRenderer,
58
59
  {
59
60
  "aria-disabled": disabled || applyAriaDisabled ? "true" : false,
@@ -71,7 +72,10 @@ const DSButton = (props) => {
71
72
  onKeyDown: handleOnKeyDown,
72
73
  onClick: handleOnClick,
73
74
  onMouseDown: handleOnMouseDown,
74
- children
75
+ children: [
76
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledPseudoBorder, { className: "pseudo-border", "aria-hidden": "true" }),
77
+ children
78
+ ]
75
79
  }
76
80
  );
77
81
  };
package/dist/cjs/parts/SharedButtonBaseline/DSButton.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/parts/SharedButtonBaseline/DSButton.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { describe, useGetGlobalAttributes, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { useButton } from './config/useButton.js';\nimport type { DSButtonT } from './react-desc-prop-types.js';\nimport { DSButtonPropTypes } from './react-desc-prop-types.js';\nimport { DSButtonName } from './DSButtonDefinitions.js';\n\nconst DSButton: React.ComponentType<DSButtonT.Props> = (props) => {\n const {\n propsWithDefault,\n tabIndex,\n handleOnMouseDown,\n globalProps,\n xstyledProps,\n handleOnKeyDown,\n handleOnClick,\n ButtonRenderer,\n } = useButton(props);\n const { size, buttonType, innerRef, children, type, shape, isV3, applyAriaDisabled } = propsWithDefault;\n const { disabled, ...restGlobalProps } = globalProps;\n const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n const ownerPropsConfig = useOwnerProps(propsWithDefault, { ...props });\n\n return (\n <ButtonRenderer\n aria-disabled={disabled || applyAriaDisabled ? 'true' : false}\n {...restGlobalProps}\n {...xstyledProps}\n {...globalAttributes}\n {...ownerPropsConfig}\n shape={shape}\n type={type}\n buttonType={buttonType}\n tabIndex={tabIndex}\n size={size}\n isV3={isV3}\n innerRef={innerRef}\n onKeyDown={handleOnKeyDown}\n onClick={handleOnClick}\n onMouseDown={handleOnMouseDown}\n >\n {children}\n </ButtonRenderer>\n );\n};\n\nDSButton.displayName = DSButtonName;\nconst DSButtonWithSchema = describe(DSButton);\nDSButtonWithSchema.propTypes = DSButtonPropTypes;\n\nexport { DSButton, DSButtonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBnB;AAvBJ,8BAAgE;AAChE,uBAA0B;AAE1B,mCAAkC;AAClC,iCAA6B;AAE7B,MAAM,WAAiD,CAAC,UAAU;AAChE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,4BAAU,KAAK;AACnB,QAAM,EAAE,MAAM,YAAY,UAAU,UAAU,MAAM,OAAO,MAAM,kBAAkB,IAAI;AACvF,QAAM,EAAE,UAAU,GAAG,gBAAgB,IAAI;AACzC,QAAM,uBAAmB,gDAAuB,gBAAgB;AAChE,QAAM,uBAAmB,uCAAc,kBAAkB,EAAE,GAAG,MAAM,CAAC;AAErE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAe,YAAY,oBAAoB,SAAS;AAAA,MACvD,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,SAAS;AAAA,MACT,aAAa;AAAA,MAEZ;AAAA;AAAA,EACH;AAEJ;AAEA,SAAS,cAAc;AACvB,MAAM,yBAAqB,kCAAS,QAAQ;AAC5C,mBAAmB,YAAY;",
4
+ "sourcesContent": ["import React from 'react';\nimport { describe, useGetGlobalAttributes, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { useButton } from './config/useButton.js';\nimport type { DSButtonT } from './react-desc-prop-types.js';\nimport { DSButtonPropTypes } from './react-desc-prop-types.js';\nimport { DSButtonName } from './DSButtonDefinitions.js';\nimport { StyledPseudoBorder } from './styles.js';\n\nconst DSButton: React.ComponentType<DSButtonT.Props> = (props) => {\n const {\n propsWithDefault,\n tabIndex,\n handleOnMouseDown,\n globalProps,\n xstyledProps,\n handleOnKeyDown,\n handleOnClick,\n ButtonRenderer,\n } = useButton(props);\n const { size, buttonType, innerRef, children, type, shape, isV3, applyAriaDisabled } = propsWithDefault;\n const { disabled, ...restGlobalProps } = globalProps;\n const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n const ownerPropsConfig = useOwnerProps(propsWithDefault, { ...props });\n\n return (\n <ButtonRenderer\n aria-disabled={disabled || applyAriaDisabled ? 'true' : false}\n {...restGlobalProps}\n {...xstyledProps}\n {...globalAttributes}\n {...ownerPropsConfig}\n shape={shape}\n type={type}\n buttonType={buttonType}\n tabIndex={tabIndex}\n size={size}\n isV3={isV3}\n innerRef={innerRef}\n onKeyDown={handleOnKeyDown}\n onClick={handleOnClick}\n onMouseDown={handleOnMouseDown}\n >\n <StyledPseudoBorder className=\"pseudo-border\" aria-hidden=\"true\" />\n {children}\n </ButtonRenderer>\n );\n};\n\nDSButton.displayName = DSButtonName;\nconst DSButtonWithSchema = describe(DSButton);\nDSButtonWithSchema.propTypes = DSButtonPropTypes;\n\nexport { DSButton, DSButtonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBnB;AAxBJ,8BAAgE;AAChE,uBAA0B;AAE1B,mCAAkC;AAClC,iCAA6B;AAC7B,oBAAmC;AAEnC,MAAM,WAAiD,CAAC,UAAU;AAChE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,4BAAU,KAAK;AACnB,QAAM,EAAE,MAAM,YAAY,UAAU,UAAU,MAAM,OAAO,MAAM,kBAAkB,IAAI;AACvF,QAAM,EAAE,UAAU,GAAG,gBAAgB,IAAI;AACzC,QAAM,uBAAmB,gDAAuB,gBAAgB;AAChE,QAAM,uBAAmB,uCAAc,kBAAkB,EAAE,GAAG,MAAM,CAAC;AAErE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAe,YAAY,oBAAoB,SAAS;AAAA,MACvD,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,SAAS;AAAA,MACT,aAAa;AAAA,MAEb;AAAA,oDAAC,oCAAmB,WAAU,iBAAgB,eAAY,QAAO;AAAA,QAChE;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,SAAS,cAAc;AACvB,MAAM,yBAAqB,kCAAS,QAAQ;AAC5C,mBAAmB,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/cjs/parts/SharedButtonBaseline/styles.js CHANGED
@@ -32,6 +32,7 @@ __export(styles_exports, {
32
32
  FilledButton: () => FilledButton,
33
33
  OutlineButton: () => OutlineButton,
34
34
  RawButton: () => RawButton,
35
+ StyledPseudoBorder: () => StyledPseudoBorder,
35
36
  TextButton: () => TextButton
36
37
  });
37
38
  module.exports = __toCommonJS(styles_exports);
@@ -39,9 +40,12 @@ var React = __toESM(require("react"));
39
40
  var import_ds_system = require("@elliemae/ds-system");
40
41
  var import_constants = require("../../constants.js");
41
42
  var import_DSButtonDefinitions = require("./DSButtonDefinitions.js");
43
+ const StyledPseudoBorder = (0, import_ds_system.styled)("span")`
44
+ display: none;
45
+ position: absolute;
46
+ `;
42
47
  const pseudoBorder = import_ds_system.css`
43
48
  position: absolute;
44
- content: '';
45
49
  border-style: solid;
46
50
  border-width: ${({ size, buttonType }) => size === import_constants.BUTTON_SIZES.S && buttonType === import_constants.BUTTON_TYPES.FILLED ? "1px" : "2px"};
47
51
  ${({ buttonType, shape, theme }) => {
@@ -146,24 +150,6 @@ const FilledButton = (0, import_ds_system.styled)(DefaultButton, {
146
150
  border-width: ${({ size }) => size === "s" ? "1px;" : "2px"};
147
151
  &:focus,
148
152
  &[data-testemulatestate='focus'] {
149
- &[aria-disabled='true'],
150
- &[disabled],
151
- &:hover[aria-disabled='true'],
152
- &:hover[disabled],
153
- &:active[aria-disabled='true'],
154
- &:active[disabled],
155
- &[data-testemulatestate='hover'][aria-disabled='true'],
156
- &[data-testemulatestate='hover'][disabled],
157
- &[data-testemulatestate='active'][aria-disabled='true'],
158
- &[data-testemulatestate='active'][disabled] {
159
- &:after {
160
- ${pseudoBorder}
161
- border-color: neutral-100;
162
- }
163
- }
164
- &:after {
165
- ${pseudoBorder}
166
- }
167
153
  border-color: brand-700;
168
154
  }
169
155
  & svg {
@@ -196,6 +182,27 @@ const FilledButton = (0, import_ds_system.styled)(DefaultButton, {
196
182
  border-color: brand-700;
197
183
  }
198
184
  }
185
+ &:focus .pseudo-border,
186
+ &[data-testemulatestate='focus'] .pseudo-border {
187
+ display: block;
188
+ ${pseudoBorder}
189
+ }
190
+
191
+ /* Mostrar pseudo-border en focus + disabled */
192
+ &[aria-disabled='true']:focus .pseudo-border,
193
+ &[disabled]:focus .pseudo-border,
194
+ &[aria-disabled='true'][data-testemulatestate='focus'] .pseudo-border,
195
+ &[disabled][data-testemulatestate='focus'] .pseudo-border,
196
+ &:hover[aria-disabled='true']:focus .pseudo-border,
197
+ &:hover[disabled]:focus .pseudo-border,
198
+ &:active[aria-disabled='true']:focus .pseudo-border,
199
+ &:active[disabled]:focus .pseudo-border,
200
+ &[data-testemulatestate='hover'][aria-disabled='true']:focus .pseudo-border,
201
+ &[data-testemulatestate='hover'][disabled]:focus .pseudo-border,
202
+ &[data-testemulatestate='active'][aria-disabled='true']:focus .pseudo-border,
203
+ &[data-testemulatestate='acneutraltive'][disabled]:focus .pseudo-border {
204
+ border-color: neutral-100;
205
+ }
199
206
  `;
200
207
  const OutlineButton = (0, import_ds_system.styled)(DefaultButton, {
201
208
  name: import_DSButtonDefinitions.DSButtonName,
@@ -205,13 +212,6 @@ const OutlineButton = (0, import_ds_system.styled)(DefaultButton, {
205
212
  border-color: neutral-400;
206
213
  color: brand-600;
207
214
  border-width: 1px;
208
- &:focus,
209
- &[data-testemulatestate='focus'] {
210
- &:after {
211
- ${pseudoBorder}
212
- border-color: brand-700;
213
- }
214
- }
215
215
  & svg {
216
216
  fill: brand-600;
217
217
  }
@@ -242,6 +242,13 @@ const OutlineButton = (0, import_ds_system.styled)(DefaultButton, {
242
242
  fill: neutral-500;
243
243
  }
244
244
  }
245
+
246
+ &:focus .pseudo-border,
247
+ &[data-testemulatestate='focus'] .pseudo-border {
248
+ display: block;
249
+ ${pseudoBorder}
250
+ border-color: brand-700;
251
+ }
245
252
  `;
246
253
  const TextButton = (0, import_ds_system.styled)(DefaultButton, {
247
254
  name: import_DSButtonDefinitions.DSButtonName,
@@ -250,13 +257,6 @@ const TextButton = (0, import_ds_system.styled)(DefaultButton, {
250
257
  border-color: transparent;
251
258
  background-color: transparent;
252
259
  border-width: 1px;
253
- &:focus,
254
- &[data-testemulatestate='focus'] {
255
- &:after {
256
- ${pseudoBorder}
257
- border-color: brand-700;
258
- }
259
- }
260
260
  color: brand-700;
261
261
  & svg {
262
262
  fill: brand-700;
@@ -290,5 +290,12 @@ const TextButton = (0, import_ds_system.styled)(DefaultButton, {
290
290
  fill: neutral-500;
291
291
  }
292
292
  }
293
+
294
+ &:focus .pseudo-border,
295
+ &[data-testemulatestate='focus'] .pseudo-border {
296
+ display: block;
297
+ ${pseudoBorder}
298
+ border-color: brand-700;
299
+ }
293
300
  `;
294
301
  //# sourceMappingURL=styles.js.map
package/dist/cjs/parts/SharedButtonBaseline/styles.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/parts/SharedButtonBaseline/styles.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable no-nested-ternary */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport { css, styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { BUTTON_SHAPES, BUTTON_SIZES, BUTTON_TYPES, mobileSizes, sizes } from '../../constants.js';\nimport { DSButtonName, DSButtonSlots } from './DSButtonDefinitions.js';\nimport type { DSButtonT } from './react-desc-prop-types.js';\n\nexport interface StyledButtonPropsT {\n size: DSButtonT.ButtonSizesT;\n buttonType: DSButtonT.ButtonTypesT;\n shape: DSButtonT.ButtonShapesT;\n isV3: DSButtonT.RequiredProps['isV3'];\n}\n\nconst pseudoBorder = css<StyledButtonPropsT>`\n position: absolute;\n content: '';\n border-style: solid;\n border-width: ${({ size, buttonType }) =>\n size === BUTTON_SIZES.S && buttonType === BUTTON_TYPES.FILLED ? '1px' : '2px'};\n ${({ buttonType, shape, theme }) => {\n if (buttonType === BUTTON_TYPES.FILLED || buttonType === BUTTON_TYPES.ICON_FILLED) {\n return `\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-color: ${theme.colors.neutral['000']};\n border-radius: ${shape !== BUTTON_SHAPES.DEFAULT ? '50%' : '0px'};\n `;\n }\n return `\n top: -1px;\n left: -1px;\n width: calc(100% + 2px);\n height: calc(100% + 2px);\n border-radius: ${shape !== BUTTON_SHAPES.DEFAULT ? '50%' : '2px'};\n`;\n }}\n`;\n\nconst fontSizeSettings = css<StyledButtonPropsT>`\n ${({ theme, size, buttonType }) => {\n switch (size) {\n case BUTTON_SIZES.S:\n if (buttonType === BUTTON_TYPES.TEXT) return `font-size: ${theme.fontSizes.label[200]};`;\n return `font-size: ${theme.fontSizes.label[300]};`;\n case BUTTON_SIZES.L:\n return `\n font-size: ${theme.fontSizes.value[600]};\n `;\n default:\n return `\n font-size: ${theme.fontSizes.value[500]};\n `;\n }\n }}\n`;\n\nexport const RawButton = styled('button', {\n name: DSButtonName,\n slot: DSButtonSlots.ROOT,\n})<DSButtonT.Props>`\n outline: none;\n border: none;\n background: transparent;\n &:hover {\n background: transparent;\n }\n`;\n\nexport const DefaultButton = styled(RawButton, {\n name: DSButtonName,\n slot: DSButtonSlots.ROOT,\n})<StyledButtonPropsT>`\n display: inline-grid;\n grid-gap: 0.615rem;\n position: relative;\n grid-auto-flow: column;\n place-items: center;\n align-items: ${({ buttonType, isV3 }) =>\n isV3 === false ||\n buttonType === BUTTON_TYPES.ICON ||\n buttonType === BUTTON_TYPES.ICON_OUTLINE ||\n buttonType === BUTTON_TYPES.ICON_FILLED\n ? 'center'\n : 'start'};\n justify-items: center;\n width: fit-content;\n cursor: pointer;\n font-weight: 600;\n ${({ isV3, theme }) => {\n if (isV3) {\n return `\n align-content: space-evenly;\n text-align: left;\n line-height: 1rem;\n @media (min-width: ${theme.breakpoints.small}) {\n line-height: 1.23rem;\n }\n `;\n }\n return '';\n }}\n padding: ${({ theme, buttonType, size, isV3 }) =>\n buttonType === BUTTON_TYPES.ICON ||\n buttonType === BUTTON_TYPES.ICON_OUTLINE ||\n buttonType === BUTTON_TYPES.ICON_FILLED\n ? '0'\n : isV3 === false\n ? `0 ${theme.space.xs};`\n : size === BUTTON_SIZES.S\n ? `0.5px ${theme.space.xs} 0.5px`\n : size === BUTTON_SIZES.M && (buttonType === BUTTON_TYPES.OUTLINE || buttonType === BUTTON_TYPES.TEXT)\n ? `2.5px ${theme.space.xs} 2.5px`\n : size === BUTTON_SIZES.M\n ? `2px ${theme.space.xs} 2px`\n : size === BUTTON_SIZES.L && (buttonType === BUTTON_TYPES.OUTLINE || buttonType === BUTTON_TYPES.TEXT)\n ? `5.5px ${theme.space.xs} 5.5px`\n : `5px ${theme.space.xs} 5px`};\n border-style: solid;\n ${({ size, isV3 }) => (isV3 ? `min-height: ${mobileSizes[size]};` : `height: ${mobileSizes[size]};`)}\n min-width: ${({ size }) => mobileSizes[size]};\n @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n ${({ size, isV3 }) => (isV3 ? `min-height: ${sizes[size]};` : `height: ${sizes[size]};`)}\n min-width: ${({ size }) => sizes[size]};\n }\n border-radius: ${({ shape }) => (shape === BUTTON_SHAPES.DEFAULT ? '2px' : '50%')};\n ${fontSizeSettings}\n ${({ buttonType }) => (buttonType === BUTTON_TYPES.TEXT ? 'text-transform: uppercase;' : '')}\n &[aria-disabled='true'],\n &[disabled] {\n cursor: not-allowed;\n }\n ${xStyledCommonProps}\n`;\n\nexport const FilledButton = styled(DefaultButton, {\n name: DSButtonName,\n slot: DSButtonSlots.ROOT,\n})<StyledButtonPropsT>`\n background-color: brand-600;\n border-color: brand-600;\n color: neutral-000;\n border-width: ${({ size }) => (size === 's' ? '1px;' : '2px')};\n &:focus,\n &[data-testemulatestate='focus'] {\n &[aria-disabled='true'],\n &[disabled],\n &:hover[aria-disabled='true'],\n &:hover[disabled],\n &:active[aria-disabled='true'],\n &:active[disabled],\n &[data-testemulatestate='hover'][aria-disabled='true'],\n &[data-testemulatestate='hover'][disabled],\n &[data-testemulatestate='active'][aria-disabled='true'],\n &[data-testemulatestate='active'][disabled] {\n &:after {\n ${pseudoBorder}\n border-color: neutral-100;\n }\n }\n &:after {\n ${pseudoBorder}\n }\n border-color: brand-700;\n }\n & svg {\n fill: neutral-000;\n }\n &:hover,\n &:active,\n &[data-testemulatestate='hover'],\n &[data-testemulatestate='active'] {\n background-color: brand-700;\n border-color: brand-700;\n }\n &[aria-disabled='true'],\n &[disabled],\n &:hover[aria-disabled='true'],\n &:hover[disabled],\n &:active[aria-disabled='true'],\n &:active[disabled],\n &[data-testemulatestate='hover'][aria-disabled='true'],\n &[data-testemulatestate='hover'][disabled],\n &[data-testemulatestate='active'][aria-disabled='true'],\n &[data-testemulatestate='active'][disabled] {\n background-color: neutral-100;\n border-color: neutral-100;\n color: #5c6574;\n & svg {\n fill: #5c6574;\n }\n &:focus {\n border-color: brand-700;\n }\n }\n`;\n\nexport const OutlineButton = styled(DefaultButton, {\n name: DSButtonName,\n slot: DSButtonSlots.ROOT,\n})`\n background: neutral-000;\n border-color: neutral-400;\n color: brand-600;\n border-width: 1px;\n &:focus,\n &[data-testemulatestate='focus'] {\n &:after {\n ${pseudoBorder}\n border-color: brand-700;\n }\n }\n & svg {\n fill: brand-600;\n }\n &:hover,\n &:active,\n &[data-testemulatestate='hover'],\n &[data-testemulatestate='active'] {\n background-color: neutral-000;\n border-color: brand-700;\n color: brand-700;\n & svg {\n fill: brand-700;\n }\n }\n &[aria-disabled='true'],\n &[disabled],\n &:hover[aria-disabled='true'],\n &:hover[disabled],\n &:active[aria-disabled='true'],\n &:active[disabled],\n &[data-testemulatestate='hover'][aria-disabled='true'],\n &[data-testemulatestate='hover'][disabled],\n &[data-testemulatestate='active'][aria-disabled='true'],\n &[data-testemulatestate='active'][disabled] {\n border-color: neutral-400;\n color: neutral-500;\n & svg {\n fill: neutral-500;\n }\n }\n`;\n\nexport const TextButton = styled(DefaultButton, {\n name: DSButtonName,\n slot: DSButtonSlots.ROOT,\n})`\n border-color: transparent;\n background-color: transparent;\n border-width: 1px;\n &:focus,\n &[data-testemulatestate='focus'] {\n &:after {\n ${pseudoBorder}\n border-color: brand-700;\n }\n }\n color: brand-700;\n & svg {\n fill: brand-700;\n }\n &:hover:not([aria-disabled='true']),\n &:hover:not([disabled]),\n &[data-testemulatestate='hover'] {\n background-color: brand-200;\n color: brand-700;\n & svg {\n fill: brand-700;\n }\n }\n &:active,\n &[data-testemulatestate='active'] {\n color: brand-700;\n }\n\n &[aria-disabled='true'],\n &[disabled],\n &:hover[aria-disabled='true'],\n &:hover[disabled],\n &:active[aria-disabled='true'],\n &:active[disabled],\n &[data-testemulatestate='hover'][aria-disabled='true'],\n &[data-testemulatestate='hover'][disabled],\n &[data-testemulatestate='active'][aria-disabled='true'],\n &[data-testemulatestate='active'][disabled] {\n color: neutral-500;\n & svg {\n fill: neutral-500;\n }\n }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["/* eslint-disable no-nested-ternary */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport { css, styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { BUTTON_SHAPES, BUTTON_SIZES, BUTTON_TYPES, mobileSizes, sizes } from '../../constants.js';\nimport { DSButtonName, DSButtonSlots } from './DSButtonDefinitions.js';\nimport type { DSButtonT } from './react-desc-prop-types.js';\n\nexport interface StyledButtonPropsT {\n size: DSButtonT.ButtonSizesT;\n buttonType: DSButtonT.ButtonTypesT;\n shape: DSButtonT.ButtonShapesT;\n isV3: DSButtonT.RequiredProps['isV3'];\n}\n\nexport const StyledPseudoBorder = styled('span')`\n display: none;\n position: absolute;\n`;\n\nconst pseudoBorder = css<StyledButtonPropsT>`\n position: absolute;\n border-style: solid;\n border-width: ${({ size, buttonType }) =>\n size === BUTTON_SIZES.S && buttonType === BUTTON_TYPES.FILLED ? '1px' : '2px'};\n ${({ buttonType, shape, theme }) => {\n if (buttonType === BUTTON_TYPES.FILLED || buttonType === BUTTON_TYPES.ICON_FILLED) {\n return `\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-color: ${theme.colors.neutral['000']};\n border-radius: ${shape !== BUTTON_SHAPES.DEFAULT ? '50%' : '0px'};\n `;\n }\n return `\n top: -1px;\n left: -1px;\n width: calc(100% + 2px);\n height: calc(100% + 2px);\n border-radius: ${shape !== BUTTON_SHAPES.DEFAULT ? '50%' : '2px'};\n`;\n }}\n`;\n\nconst fontSizeSettings = css<StyledButtonPropsT>`\n ${({ theme, size, buttonType }) => {\n switch (size) {\n case BUTTON_SIZES.S:\n if (buttonType === BUTTON_TYPES.TEXT) return `font-size: ${theme.fontSizes.label[200]};`;\n return `font-size: ${theme.fontSizes.label[300]};`;\n case BUTTON_SIZES.L:\n return `\n font-size: ${theme.fontSizes.value[600]};\n `;\n default:\n return `\n font-size: ${theme.fontSizes.value[500]};\n `;\n }\n }}\n`;\n\nexport const RawButton = styled('button', {\n name: DSButtonName,\n slot: DSButtonSlots.ROOT,\n})<DSButtonT.Props>`\n outline: none;\n border: none;\n background: transparent;\n &:hover {\n background: transparent;\n }\n`;\n\nexport const DefaultButton = styled(RawButton, {\n name: DSButtonName,\n slot: DSButtonSlots.ROOT,\n})<StyledButtonPropsT>`\n display: inline-grid;\n grid-gap: 0.615rem;\n position: relative;\n grid-auto-flow: column;\n place-items: center;\n align-items: ${({ buttonType, isV3 }) =>\n isV3 === false ||\n buttonType === BUTTON_TYPES.ICON ||\n buttonType === BUTTON_TYPES.ICON_OUTLINE ||\n buttonType === BUTTON_TYPES.ICON_FILLED\n ? 'center'\n : 'start'};\n justify-items: center;\n width: fit-content;\n cursor: pointer;\n font-weight: 600;\n ${({ isV3, theme }) => {\n if (isV3) {\n return `\n align-content: space-evenly;\n text-align: left;\n line-height: 1rem;\n @media (min-width: ${theme.breakpoints.small}) {\n line-height: 1.23rem;\n }\n `;\n }\n return '';\n }}\n padding: ${({ theme, buttonType, size, isV3 }) =>\n buttonType === BUTTON_TYPES.ICON ||\n buttonType === BUTTON_TYPES.ICON_OUTLINE ||\n buttonType === BUTTON_TYPES.ICON_FILLED\n ? '0'\n : isV3 === false\n ? `0 ${theme.space.xs};`\n : size === BUTTON_SIZES.S\n ? `0.5px ${theme.space.xs} 0.5px`\n : size === BUTTON_SIZES.M && (buttonType === BUTTON_TYPES.OUTLINE || buttonType === BUTTON_TYPES.TEXT)\n ? `2.5px ${theme.space.xs} 2.5px`\n : size === BUTTON_SIZES.M\n ? `2px ${theme.space.xs} 2px`\n : size === BUTTON_SIZES.L && (buttonType === BUTTON_TYPES.OUTLINE || buttonType === BUTTON_TYPES.TEXT)\n ? `5.5px ${theme.space.xs} 5.5px`\n : `5px ${theme.space.xs} 5px`};\n border-style: solid;\n ${({ size, isV3 }) => (isV3 ? `min-height: ${mobileSizes[size]};` : `height: ${mobileSizes[size]};`)}\n min-width: ${({ size }) => mobileSizes[size]};\n @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n ${({ size, isV3 }) => (isV3 ? `min-height: ${sizes[size]};` : `height: ${sizes[size]};`)}\n min-width: ${({ size }) => sizes[size]};\n }\n border-radius: ${({ shape }) => (shape === BUTTON_SHAPES.DEFAULT ? '2px' : '50%')};\n ${fontSizeSettings}\n ${({ buttonType }) => (buttonType === BUTTON_TYPES.TEXT ? 'text-transform: uppercase;' : '')}\n &[aria-disabled='true'],\n &[disabled] {\n cursor: not-allowed;\n }\n ${xStyledCommonProps}\n`;\n\nexport const FilledButton = styled(DefaultButton, {\n name: DSButtonName,\n slot: DSButtonSlots.ROOT,\n})<StyledButtonPropsT>`\n background-color: brand-600;\n border-color: brand-600;\n color: neutral-000;\n border-width: ${({ size }) => (size === 's' ? '1px;' : '2px')};\n &:focus,\n &[data-testemulatestate='focus'] {\n border-color: brand-700;\n }\n & svg {\n fill: neutral-000;\n }\n &:hover,\n &:active,\n &[data-testemulatestate='hover'],\n &[data-testemulatestate='active'] {\n background-color: brand-700;\n border-color: brand-700;\n }\n &[aria-disabled='true'],\n &[disabled],\n &:hover[aria-disabled='true'],\n &:hover[disabled],\n &:active[aria-disabled='true'],\n &:active[disabled],\n &[data-testemulatestate='hover'][aria-disabled='true'],\n &[data-testemulatestate='hover'][disabled],\n &[data-testemulatestate='active'][aria-disabled='true'],\n &[data-testemulatestate='active'][disabled] {\n background-color: neutral-100;\n border-color: neutral-100;\n color: #5c6574;\n & svg {\n fill: #5c6574;\n }\n &:focus {\n border-color: brand-700;\n }\n }\n &:focus .pseudo-border,\n &[data-testemulatestate='focus'] .pseudo-border {\n display: block;\n ${pseudoBorder}\n }\n\n /* Mostrar pseudo-border en focus + disabled */\n &[aria-disabled='true']:focus .pseudo-border,\n &[disabled]:focus .pseudo-border,\n &[aria-disabled='true'][data-testemulatestate='focus'] .pseudo-border,\n &[disabled][data-testemulatestate='focus'] .pseudo-border,\n &:hover[aria-disabled='true']:focus .pseudo-border,\n &:hover[disabled]:focus .pseudo-border,\n &:active[aria-disabled='true']:focus .pseudo-border,\n &:active[disabled]:focus .pseudo-border,\n &[data-testemulatestate='hover'][aria-disabled='true']:focus .pseudo-border,\n &[data-testemulatestate='hover'][disabled]:focus .pseudo-border,\n &[data-testemulatestate='active'][aria-disabled='true']:focus .pseudo-border,\n &[data-testemulatestate='acneutraltive'][disabled]:focus .pseudo-border {\n border-color: neutral-100;\n }\n`;\n\nexport const OutlineButton = styled(DefaultButton, {\n name: DSButtonName,\n slot: DSButtonSlots.ROOT,\n})`\n background: neutral-000;\n border-color: neutral-400;\n color: brand-600;\n border-width: 1px;\n & svg {\n fill: brand-600;\n }\n &:hover,\n &:active,\n &[data-testemulatestate='hover'],\n &[data-testemulatestate='active'] {\n background-color: neutral-000;\n border-color: brand-700;\n color: brand-700;\n & svg {\n fill: brand-700;\n }\n }\n &[aria-disabled='true'],\n &[disabled],\n &:hover[aria-disabled='true'],\n &:hover[disabled],\n &:active[aria-disabled='true'],\n &:active[disabled],\n &[data-testemulatestate='hover'][aria-disabled='true'],\n &[data-testemulatestate='hover'][disabled],\n &[data-testemulatestate='active'][aria-disabled='true'],\n &[data-testemulatestate='active'][disabled] {\n border-color: neutral-400;\n color: neutral-500;\n & svg {\n fill: neutral-500;\n }\n }\n\n &:focus .pseudo-border,\n &[data-testemulatestate='focus'] .pseudo-border {\n display: block;\n ${pseudoBorder}\n border-color: brand-700;\n }\n`;\n\nexport const TextButton = styled(DefaultButton, {\n name: DSButtonName,\n slot: DSButtonSlots.ROOT,\n})`\n border-color: transparent;\n background-color: transparent;\n border-width: 1px;\n color: brand-700;\n & svg {\n fill: brand-700;\n }\n &:hover:not([aria-disabled='true']),\n &:hover:not([disabled]),\n &[data-testemulatestate='hover'] {\n background-color: brand-200;\n color: brand-700;\n & svg {\n fill: brand-700;\n }\n }\n &:active,\n &[data-testemulatestate='active'] {\n color: brand-700;\n }\n\n &[aria-disabled='true'],\n &[disabled],\n &:hover[aria-disabled='true'],\n &:hover[disabled],\n &:active[aria-disabled='true'],\n &:active[disabled],\n &[data-testemulatestate='hover'][aria-disabled='true'],\n &[data-testemulatestate='hover'][disabled],\n &[data-testemulatestate='active'][aria-disabled='true'],\n &[data-testemulatestate='active'][disabled] {\n color: neutral-500;\n & svg {\n fill: neutral-500;\n }\n }\n\n &:focus .pseudo-border,\n &[data-testemulatestate='focus'] .pseudo-border {\n display: block;\n ${pseudoBorder}\n border-color: brand-700;\n }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/dist/esm/parts/SharedButtonBaseline/DSButton.js CHANGED
@@ -1,9 +1,10 @@
1
1
  import * as React from "react";
2
- import { jsx } from "react/jsx-runtime";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { describe, useGetGlobalAttributes, useOwnerProps } from "@elliemae/ds-props-helpers";
4
4
  import { useButton } from "./config/useButton.js";
5
5
  import { DSButtonPropTypes } from "./react-desc-prop-types.js";
6
6
  import { DSButtonName } from "./DSButtonDefinitions.js";
7
+ import { StyledPseudoBorder } from "./styles.js";
7
8
  const DSButton = (props) => {
8
9
  const {
9
10
  propsWithDefault,
@@ -19,7 +20,7 @@ const DSButton = (props) => {
19
20
  const { disabled, ...restGlobalProps } = globalProps;
20
21
  const globalAttributes = useGetGlobalAttributes(propsWithDefault);
21
22
  const ownerPropsConfig = useOwnerProps(propsWithDefault, { ...props });
22
- return /* @__PURE__ */ jsx(
23
+ return /* @__PURE__ */ jsxs(
23
24
  ButtonRenderer,
24
25
  {
25
26
  "aria-disabled": disabled || applyAriaDisabled ? "true" : false,
@@ -37,7 +38,10 @@ const DSButton = (props) => {
37
38
  onKeyDown: handleOnKeyDown,
38
39
  onClick: handleOnClick,
39
40
  onMouseDown: handleOnMouseDown,
40
- children
41
+ children: [
42
+ /* @__PURE__ */ jsx(StyledPseudoBorder, { className: "pseudo-border", "aria-hidden": "true" }),
43
+ children
44
+ ]
41
45
  }
42
46
  );
43
47
  };
package/dist/esm/parts/SharedButtonBaseline/DSButton.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/SharedButtonBaseline/DSButton.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, useGetGlobalAttributes, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { useButton } from './config/useButton.js';\nimport type { DSButtonT } from './react-desc-prop-types.js';\nimport { DSButtonPropTypes } from './react-desc-prop-types.js';\nimport { DSButtonName } from './DSButtonDefinitions.js';\n\nconst DSButton: React.ComponentType<DSButtonT.Props> = (props) => {\n const {\n propsWithDefault,\n tabIndex,\n handleOnMouseDown,\n globalProps,\n xstyledProps,\n handleOnKeyDown,\n handleOnClick,\n ButtonRenderer,\n } = useButton(props);\n const { size, buttonType, innerRef, children, type, shape, isV3, applyAriaDisabled } = propsWithDefault;\n const { disabled, ...restGlobalProps } = globalProps;\n const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n const ownerPropsConfig = useOwnerProps(propsWithDefault, { ...props });\n\n return (\n <ButtonRenderer\n aria-disabled={disabled || applyAriaDisabled ? 'true' : false}\n {...restGlobalProps}\n {...xstyledProps}\n {...globalAttributes}\n {...ownerPropsConfig}\n shape={shape}\n type={type}\n buttonType={buttonType}\n tabIndex={tabIndex}\n size={size}\n isV3={isV3}\n innerRef={innerRef}\n onKeyDown={handleOnKeyDown}\n onClick={handleOnClick}\n onMouseDown={handleOnMouseDown}\n >\n {children}\n </ButtonRenderer>\n );\n};\n\nDSButton.displayName = DSButtonName;\nconst DSButtonWithSchema = describe(DSButton);\nDSButtonWithSchema.propTypes = DSButtonPropTypes;\n\nexport { DSButton, DSButtonWithSchema };\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACwBnB;AAvBJ,SAAS,UAAU,wBAAwB,qBAAqB;AAChE,SAAS,iBAAiB;AAE1B,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAE7B,MAAM,WAAiD,CAAC,UAAU;AAChE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,UAAU,KAAK;AACnB,QAAM,EAAE,MAAM,YAAY,UAAU,UAAU,MAAM,OAAO,MAAM,kBAAkB,IAAI;AACvF,QAAM,EAAE,UAAU,GAAG,gBAAgB,IAAI;AACzC,QAAM,mBAAmB,uBAAuB,gBAAgB;AAChE,QAAM,mBAAmB,cAAc,kBAAkB,EAAE,GAAG,MAAM,CAAC;AAErE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAe,YAAY,oBAAoB,SAAS;AAAA,MACvD,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,SAAS;AAAA,MACT,aAAa;AAAA,MAEZ;AAAA;AAAA,EACH;AAEJ;AAEA,SAAS,cAAc;AACvB,MAAM,qBAAqB,SAAS,QAAQ;AAC5C,mBAAmB,YAAY;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, useGetGlobalAttributes, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { useButton } from './config/useButton.js';\nimport type { DSButtonT } from './react-desc-prop-types.js';\nimport { DSButtonPropTypes } from './react-desc-prop-types.js';\nimport { DSButtonName } from './DSButtonDefinitions.js';\nimport { StyledPseudoBorder } from './styles.js';\n\nconst DSButton: React.ComponentType<DSButtonT.Props> = (props) => {\n const {\n propsWithDefault,\n tabIndex,\n handleOnMouseDown,\n globalProps,\n xstyledProps,\n handleOnKeyDown,\n handleOnClick,\n ButtonRenderer,\n } = useButton(props);\n const { size, buttonType, innerRef, children, type, shape, isV3, applyAriaDisabled } = propsWithDefault;\n const { disabled, ...restGlobalProps } = globalProps;\n const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n const ownerPropsConfig = useOwnerProps(propsWithDefault, { ...props });\n\n return (\n <ButtonRenderer\n aria-disabled={disabled || applyAriaDisabled ? 'true' : false}\n {...restGlobalProps}\n {...xstyledProps}\n {...globalAttributes}\n {...ownerPropsConfig}\n shape={shape}\n type={type}\n buttonType={buttonType}\n tabIndex={tabIndex}\n size={size}\n isV3={isV3}\n innerRef={innerRef}\n onKeyDown={handleOnKeyDown}\n onClick={handleOnClick}\n onMouseDown={handleOnMouseDown}\n >\n <StyledPseudoBorder className=\"pseudo-border\" aria-hidden=\"true\" />\n {children}\n </ButtonRenderer>\n );\n};\n\nDSButton.displayName = DSButtonName;\nconst DSButtonWithSchema = describe(DSButton);\nDSButtonWithSchema.propTypes = DSButtonPropTypes;\n\nexport { DSButton, DSButtonWithSchema };\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACyBnB,SAiBE,KAjBF;AAxBJ,SAAS,UAAU,wBAAwB,qBAAqB;AAChE,SAAS,iBAAiB;AAE1B,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AAEnC,MAAM,WAAiD,CAAC,UAAU;AAChE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,UAAU,KAAK;AACnB,QAAM,EAAE,MAAM,YAAY,UAAU,UAAU,MAAM,OAAO,MAAM,kBAAkB,IAAI;AACvF,QAAM,EAAE,UAAU,GAAG,gBAAgB,IAAI;AACzC,QAAM,mBAAmB,uBAAuB,gBAAgB;AAChE,QAAM,mBAAmB,cAAc,kBAAkB,EAAE,GAAG,MAAM,CAAC;AAErE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAe,YAAY,oBAAoB,SAAS;AAAA,MACvD,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,SAAS;AAAA,MACT,aAAa;AAAA,MAEb;AAAA,4BAAC,sBAAmB,WAAU,iBAAgB,eAAY,QAAO;AAAA,QAChE;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,SAAS,cAAc;AACvB,MAAM,qBAAqB,SAAS,QAAQ;AAC5C,mBAAmB,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/esm/parts/SharedButtonBaseline/styles.js CHANGED
@@ -2,9 +2,12 @@ import * as React from "react";
2
2
  import { css, styled, xStyledCommonProps } from "@elliemae/ds-system";
3
3
  import { BUTTON_SHAPES, BUTTON_SIZES, BUTTON_TYPES, mobileSizes, sizes } from "../../constants.js";
4
4
  import { DSButtonName, DSButtonSlots } from "./DSButtonDefinitions.js";
5
+ const StyledPseudoBorder = styled("span")`
6
+ display: none;
7
+ position: absolute;
8
+ `;
5
9
  const pseudoBorder = css`
6
10
  position: absolute;
7
- content: '';
8
11
  border-style: solid;
9
12
  border-width: ${({ size, buttonType }) => size === BUTTON_SIZES.S && buttonType === BUTTON_TYPES.FILLED ? "1px" : "2px"};
10
13
  ${({ buttonType, shape, theme }) => {
@@ -109,24 +112,6 @@ const FilledButton = styled(DefaultButton, {
109
112
  border-width: ${({ size }) => size === "s" ? "1px;" : "2px"};
110
113
  &:focus,
111
114
  &[data-testemulatestate='focus'] {
112
- &[aria-disabled='true'],
113
- &[disabled],
114
- &:hover[aria-disabled='true'],
115
- &:hover[disabled],
116
- &:active[aria-disabled='true'],
117
- &:active[disabled],
118
- &[data-testemulatestate='hover'][aria-disabled='true'],
119
- &[data-testemulatestate='hover'][disabled],
120
- &[data-testemulatestate='active'][aria-disabled='true'],
121
- &[data-testemulatestate='active'][disabled] {
122
- &:after {
123
- ${pseudoBorder}
124
- border-color: neutral-100;
125
- }
126
- }
127
- &:after {
128
- ${pseudoBorder}
129
- }
130
115
  border-color: brand-700;
131
116
  }
132
117
  & svg {
@@ -159,6 +144,27 @@ const FilledButton = styled(DefaultButton, {
159
144
  border-color: brand-700;
160
145
  }
161
146
  }
147
+ &:focus .pseudo-border,
148
+ &[data-testemulatestate='focus'] .pseudo-border {
149
+ display: block;
150
+ ${pseudoBorder}
151
+ }
152
+
153
+ /* Mostrar pseudo-border en focus + disabled */
154
+ &[aria-disabled='true']:focus .pseudo-border,
155
+ &[disabled]:focus .pseudo-border,
156
+ &[aria-disabled='true'][data-testemulatestate='focus'] .pseudo-border,
157
+ &[disabled][data-testemulatestate='focus'] .pseudo-border,
158
+ &:hover[aria-disabled='true']:focus .pseudo-border,
159
+ &:hover[disabled]:focus .pseudo-border,
160
+ &:active[aria-disabled='true']:focus .pseudo-border,
161
+ &:active[disabled]:focus .pseudo-border,
162
+ &[data-testemulatestate='hover'][aria-disabled='true']:focus .pseudo-border,
163
+ &[data-testemulatestate='hover'][disabled]:focus .pseudo-border,
164
+ &[data-testemulatestate='active'][aria-disabled='true']:focus .pseudo-border,
165
+ &[data-testemulatestate='acneutraltive'][disabled]:focus .pseudo-border {
166
+ border-color: neutral-100;
167
+ }
162
168
  `;
163
169
  const OutlineButton = styled(DefaultButton, {
164
170
  name: DSButtonName,
@@ -168,13 +174,6 @@ const OutlineButton = styled(DefaultButton, {
168
174
  border-color: neutral-400;
169
175
  color: brand-600;
170
176
  border-width: 1px;
171
- &:focus,
172
- &[data-testemulatestate='focus'] {
173
- &:after {
174
- ${pseudoBorder}
175
- border-color: brand-700;
176
- }
177
- }
178
177
  & svg {
179
178
  fill: brand-600;
180
179
  }
@@ -205,6 +204,13 @@ const OutlineButton = styled(DefaultButton, {
205
204
  fill: neutral-500;
206
205
  }
207
206
  }
207
+
208
+ &:focus .pseudo-border,
209
+ &[data-testemulatestate='focus'] .pseudo-border {
210
+ display: block;
211
+ ${pseudoBorder}
212
+ border-color: brand-700;
213
+ }
208
214
  `;
209
215
  const TextButton = styled(DefaultButton, {
210
216
  name: DSButtonName,
@@ -213,13 +219,6 @@ const TextButton = styled(DefaultButton, {
213
219
  border-color: transparent;
214
220
  background-color: transparent;
215
221
  border-width: 1px;
216
- &:focus,
217
- &[data-testemulatestate='focus'] {
218
- &:after {
219
- ${pseudoBorder}
220
- border-color: brand-700;
221
- }
222
- }
223
222
  color: brand-700;
224
223
  & svg {
225
224
  fill: brand-700;
@@ -253,12 +252,20 @@ const TextButton = styled(DefaultButton, {
253
252
  fill: neutral-500;
254
253
  }
255
254
  }
255
+
256
+ &:focus .pseudo-border,
257
+ &[data-testemulatestate='focus'] .pseudo-border {
258
+ display: block;
259
+ ${pseudoBorder}
260
+ border-color: brand-700;
261
+ }
256
262
  `;
257
263
  export {
258
264
  DefaultButton,
259
265
  FilledButton,
260
266
  OutlineButton,
261
267
  RawButton,
268
+ StyledPseudoBorder,
262
269
  TextButton
263
270
  };
264
271
  //# sourceMappingURL=styles.js.map
package/dist/esm/parts/SharedButtonBaseline/styles.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/SharedButtonBaseline/styles.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-nested-ternary */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport { css, styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { BUTTON_SHAPES, BUTTON_SIZES, BUTTON_TYPES, mobileSizes, sizes } from '../../constants.js';\nimport { DSButtonName, DSButtonSlots } from './DSButtonDefinitions.js';\nimport type { DSButtonT } from './react-desc-prop-types.js';\n\nexport interface StyledButtonPropsT {\n size: DSButtonT.ButtonSizesT;\n buttonType: DSButtonT.ButtonTypesT;\n shape: DSButtonT.ButtonShapesT;\n isV3: DSButtonT.RequiredProps['isV3'];\n}\n\nconst pseudoBorder = css<StyledButtonPropsT>`\n position: absolute;\n content: '';\n border-style: solid;\n border-width: ${({ size, buttonType }) =>\n size === BUTTON_SIZES.S && buttonType === BUTTON_TYPES.FILLED ? '1px' : '2px'};\n ${({ buttonType, shape, theme }) => {\n if (buttonType === BUTTON_TYPES.FILLED || buttonType === BUTTON_TYPES.ICON_FILLED) {\n return `\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-color: ${theme.colors.neutral['000']};\n border-radius: ${shape !== BUTTON_SHAPES.DEFAULT ? '50%' : '0px'};\n `;\n }\n return `\n top: -1px;\n left: -1px;\n width: calc(100% + 2px);\n height: calc(100% + 2px);\n border-radius: ${shape !== BUTTON_SHAPES.DEFAULT ? '50%' : '2px'};\n`;\n }}\n`;\n\nconst fontSizeSettings = css<StyledButtonPropsT>`\n ${({ theme, size, buttonType }) => {\n switch (size) {\n case BUTTON_SIZES.S:\n if (buttonType === BUTTON_TYPES.TEXT) return `font-size: ${theme.fontSizes.label[200]};`;\n return `font-size: ${theme.fontSizes.label[300]};`;\n case BUTTON_SIZES.L:\n return `\n font-size: ${theme.fontSizes.value[600]};\n `;\n default:\n return `\n font-size: ${theme.fontSizes.value[500]};\n `;\n }\n }}\n`;\n\nexport const RawButton = styled('button', {\n name: DSButtonName,\n slot: DSButtonSlots.ROOT,\n})<DSButtonT.Props>`\n outline: none;\n border: none;\n background: transparent;\n &:hover {\n background: transparent;\n }\n`;\n\nexport const DefaultButton = styled(RawButton, {\n name: DSButtonName,\n slot: DSButtonSlots.ROOT,\n})<StyledButtonPropsT>`\n display: inline-grid;\n grid-gap: 0.615rem;\n position: relative;\n grid-auto-flow: column;\n place-items: center;\n align-items: ${({ buttonType, isV3 }) =>\n isV3 === false ||\n buttonType === BUTTON_TYPES.ICON ||\n buttonType === BUTTON_TYPES.ICON_OUTLINE ||\n buttonType === BUTTON_TYPES.ICON_FILLED\n ? 'center'\n : 'start'};\n justify-items: center;\n width: fit-content;\n cursor: pointer;\n font-weight: 600;\n ${({ isV3, theme }) => {\n if (isV3) {\n return `\n align-content: space-evenly;\n text-align: left;\n line-height: 1rem;\n @media (min-width: ${theme.breakpoints.small}) {\n line-height: 1.23rem;\n }\n `;\n }\n return '';\n }}\n padding: ${({ theme, buttonType, size, isV3 }) =>\n buttonType === BUTTON_TYPES.ICON ||\n buttonType === BUTTON_TYPES.ICON_OUTLINE ||\n buttonType === BUTTON_TYPES.ICON_FILLED\n ? '0'\n : isV3 === false\n ? `0 ${theme.space.xs};`\n : size === BUTTON_SIZES.S\n ? `0.5px ${theme.space.xs} 0.5px`\n : size === BUTTON_SIZES.M && (buttonType === BUTTON_TYPES.OUTLINE || buttonType === BUTTON_TYPES.TEXT)\n ? `2.5px ${theme.space.xs} 2.5px`\n : size === BUTTON_SIZES.M\n ? `2px ${theme.space.xs} 2px`\n : size === BUTTON_SIZES.L && (buttonType === BUTTON_TYPES.OUTLINE || buttonType === BUTTON_TYPES.TEXT)\n ? `5.5px ${theme.space.xs} 5.5px`\n : `5px ${theme.space.xs} 5px`};\n border-style: solid;\n ${({ size, isV3 }) => (isV3 ? `min-height: ${mobileSizes[size]};` : `height: ${mobileSizes[size]};`)}\n min-width: ${({ size }) => mobileSizes[size]};\n @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n ${({ size, isV3 }) => (isV3 ? `min-height: ${sizes[size]};` : `height: ${sizes[size]};`)}\n min-width: ${({ size }) => sizes[size]};\n }\n border-radius: ${({ shape }) => (shape === BUTTON_SHAPES.DEFAULT ? '2px' : '50%')};\n ${fontSizeSettings}\n ${({ buttonType }) => (buttonType === BUTTON_TYPES.TEXT ? 'text-transform: uppercase;' : '')}\n &[aria-disabled='true'],\n &[disabled] {\n cursor: not-allowed;\n }\n ${xStyledCommonProps}\n`;\n\nexport const FilledButton = styled(DefaultButton, {\n name: DSButtonName,\n slot: DSButtonSlots.ROOT,\n})<StyledButtonPropsT>`\n background-color: brand-600;\n border-color: brand-600;\n color: neutral-000;\n border-width: ${({ size }) => (size === 's' ? '1px;' : '2px')};\n &:focus,\n &[data-testemulatestate='focus'] {\n &[aria-disabled='true'],\n &[disabled],\n &:hover[aria-disabled='true'],\n &:hover[disabled],\n &:active[aria-disabled='true'],\n &:active[disabled],\n &[data-testemulatestate='hover'][aria-disabled='true'],\n &[data-testemulatestate='hover'][disabled],\n &[data-testemulatestate='active'][aria-disabled='true'],\n &[data-testemulatestate='active'][disabled] {\n &:after {\n ${pseudoBorder}\n border-color: neutral-100;\n }\n }\n &:after {\n ${pseudoBorder}\n }\n border-color: brand-700;\n }\n & svg {\n fill: neutral-000;\n }\n &:hover,\n &:active,\n &[data-testemulatestate='hover'],\n &[data-testemulatestate='active'] {\n background-color: brand-700;\n border-color: brand-700;\n }\n &[aria-disabled='true'],\n &[disabled],\n &:hover[aria-disabled='true'],\n &:hover[disabled],\n &:active[aria-disabled='true'],\n &:active[disabled],\n &[data-testemulatestate='hover'][aria-disabled='true'],\n &[data-testemulatestate='hover'][disabled],\n &[data-testemulatestate='active'][aria-disabled='true'],\n &[data-testemulatestate='active'][disabled] {\n background-color: neutral-100;\n border-color: neutral-100;\n color: #5c6574;\n & svg {\n fill: #5c6574;\n }\n &:focus {\n border-color: brand-700;\n }\n }\n`;\n\nexport const OutlineButton = styled(DefaultButton, {\n name: DSButtonName,\n slot: DSButtonSlots.ROOT,\n})`\n background: neutral-000;\n border-color: neutral-400;\n color: brand-600;\n border-width: 1px;\n &:focus,\n &[data-testemulatestate='focus'] {\n &:after {\n ${pseudoBorder}\n border-color: brand-700;\n }\n }\n & svg {\n fill: brand-600;\n }\n &:hover,\n &:active,\n &[data-testemulatestate='hover'],\n &[data-testemulatestate='active'] {\n background-color: neutral-000;\n border-color: brand-700;\n color: brand-700;\n & svg {\n fill: brand-700;\n }\n }\n &[aria-disabled='true'],\n &[disabled],\n &:hover[aria-disabled='true'],\n &:hover[disabled],\n &:active[aria-disabled='true'],\n &:active[disabled],\n &[data-testemulatestate='hover'][aria-disabled='true'],\n &[data-testemulatestate='hover'][disabled],\n &[data-testemulatestate='active'][aria-disabled='true'],\n &[data-testemulatestate='active'][disabled] {\n border-color: neutral-400;\n color: neutral-500;\n & svg {\n fill: neutral-500;\n }\n }\n`;\n\nexport const TextButton = styled(DefaultButton, {\n name: DSButtonName,\n slot: DSButtonSlots.ROOT,\n})`\n border-color: transparent;\n background-color: transparent;\n border-width: 1px;\n &:focus,\n &[data-testemulatestate='focus'] {\n &:after {\n ${pseudoBorder}\n border-color: brand-700;\n }\n }\n color: brand-700;\n & svg {\n fill: brand-700;\n }\n &:hover:not([aria-disabled='true']),\n &:hover:not([disabled]),\n &[data-testemulatestate='hover'] {\n background-color: brand-200;\n color: brand-700;\n & svg {\n fill: brand-700;\n }\n }\n &:active,\n &[data-testemulatestate='active'] {\n color: brand-700;\n }\n\n &[aria-disabled='true'],\n &[disabled],\n &:hover[aria-disabled='true'],\n &:hover[disabled],\n &:active[aria-disabled='true'],\n &:active[disabled],\n &[data-testemulatestate='hover'][aria-disabled='true'],\n &[data-testemulatestate='hover'][disabled],\n &[data-testemulatestate='active'][aria-disabled='true'],\n &[data-testemulatestate='active'][disabled] {\n color: neutral-500;\n & svg {\n fill: neutral-500;\n }\n }\n`;\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-nested-ternary */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport { css, styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { BUTTON_SHAPES, BUTTON_SIZES, BUTTON_TYPES, mobileSizes, sizes } from '../../constants.js';\nimport { DSButtonName, DSButtonSlots } from './DSButtonDefinitions.js';\nimport type { DSButtonT } from './react-desc-prop-types.js';\n\nexport interface StyledButtonPropsT {\n size: DSButtonT.ButtonSizesT;\n buttonType: DSButtonT.ButtonTypesT;\n shape: DSButtonT.ButtonShapesT;\n isV3: DSButtonT.RequiredProps['isV3'];\n}\n\nexport const StyledPseudoBorder = styled('span')`\n display: none;\n position: absolute;\n`;\n\nconst pseudoBorder = css<StyledButtonPropsT>`\n position: absolute;\n border-style: solid;\n border-width: ${({ size, buttonType }) =>\n size === BUTTON_SIZES.S && buttonType === BUTTON_TYPES.FILLED ? '1px' : '2px'};\n ${({ buttonType, shape, theme }) => {\n if (buttonType === BUTTON_TYPES.FILLED || buttonType === BUTTON_TYPES.ICON_FILLED) {\n return `\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-color: ${theme.colors.neutral['000']};\n border-radius: ${shape !== BUTTON_SHAPES.DEFAULT ? '50%' : '0px'};\n `;\n }\n return `\n top: -1px;\n left: -1px;\n width: calc(100% + 2px);\n height: calc(100% + 2px);\n border-radius: ${shape !== BUTTON_SHAPES.DEFAULT ? '50%' : '2px'};\n`;\n }}\n`;\n\nconst fontSizeSettings = css<StyledButtonPropsT>`\n ${({ theme, size, buttonType }) => {\n switch (size) {\n case BUTTON_SIZES.S:\n if (buttonType === BUTTON_TYPES.TEXT) return `font-size: ${theme.fontSizes.label[200]};`;\n return `font-size: ${theme.fontSizes.label[300]};`;\n case BUTTON_SIZES.L:\n return `\n font-size: ${theme.fontSizes.value[600]};\n `;\n default:\n return `\n font-size: ${theme.fontSizes.value[500]};\n `;\n }\n }}\n`;\n\nexport const RawButton = styled('button', {\n name: DSButtonName,\n slot: DSButtonSlots.ROOT,\n})<DSButtonT.Props>`\n outline: none;\n border: none;\n background: transparent;\n &:hover {\n background: transparent;\n }\n`;\n\nexport const DefaultButton = styled(RawButton, {\n name: DSButtonName,\n slot: DSButtonSlots.ROOT,\n})<StyledButtonPropsT>`\n display: inline-grid;\n grid-gap: 0.615rem;\n position: relative;\n grid-auto-flow: column;\n place-items: center;\n align-items: ${({ buttonType, isV3 }) =>\n isV3 === false ||\n buttonType === BUTTON_TYPES.ICON ||\n buttonType === BUTTON_TYPES.ICON_OUTLINE ||\n buttonType === BUTTON_TYPES.ICON_FILLED\n ? 'center'\n : 'start'};\n justify-items: center;\n width: fit-content;\n cursor: pointer;\n font-weight: 600;\n ${({ isV3, theme }) => {\n if (isV3) {\n return `\n align-content: space-evenly;\n text-align: left;\n line-height: 1rem;\n @media (min-width: ${theme.breakpoints.small}) {\n line-height: 1.23rem;\n }\n `;\n }\n return '';\n }}\n padding: ${({ theme, buttonType, size, isV3 }) =>\n buttonType === BUTTON_TYPES.ICON ||\n buttonType === BUTTON_TYPES.ICON_OUTLINE ||\n buttonType === BUTTON_TYPES.ICON_FILLED\n ? '0'\n : isV3 === false\n ? `0 ${theme.space.xs};`\n : size === BUTTON_SIZES.S\n ? `0.5px ${theme.space.xs} 0.5px`\n : size === BUTTON_SIZES.M && (buttonType === BUTTON_TYPES.OUTLINE || buttonType === BUTTON_TYPES.TEXT)\n ? `2.5px ${theme.space.xs} 2.5px`\n : size === BUTTON_SIZES.M\n ? `2px ${theme.space.xs} 2px`\n : size === BUTTON_SIZES.L && (buttonType === BUTTON_TYPES.OUTLINE || buttonType === BUTTON_TYPES.TEXT)\n ? `5.5px ${theme.space.xs} 5.5px`\n : `5px ${theme.space.xs} 5px`};\n border-style: solid;\n ${({ size, isV3 }) => (isV3 ? `min-height: ${mobileSizes[size]};` : `height: ${mobileSizes[size]};`)}\n min-width: ${({ size }) => mobileSizes[size]};\n @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n ${({ size, isV3 }) => (isV3 ? `min-height: ${sizes[size]};` : `height: ${sizes[size]};`)}\n min-width: ${({ size }) => sizes[size]};\n }\n border-radius: ${({ shape }) => (shape === BUTTON_SHAPES.DEFAULT ? '2px' : '50%')};\n ${fontSizeSettings}\n ${({ buttonType }) => (buttonType === BUTTON_TYPES.TEXT ? 'text-transform: uppercase;' : '')}\n &[aria-disabled='true'],\n &[disabled] {\n cursor: not-allowed;\n }\n ${xStyledCommonProps}\n`;\n\nexport const FilledButton = styled(DefaultButton, {\n name: DSButtonName,\n slot: DSButtonSlots.ROOT,\n})<StyledButtonPropsT>`\n background-color: brand-600;\n border-color: brand-600;\n color: neutral-000;\n border-width: ${({ size }) => (size === 's' ? '1px;' : '2px')};\n &:focus,\n &[data-testemulatestate='focus'] {\n border-color: brand-700;\n }\n & svg {\n fill: neutral-000;\n }\n &:hover,\n &:active,\n &[data-testemulatestate='hover'],\n &[data-testemulatestate='active'] {\n background-color: brand-700;\n border-color: brand-700;\n }\n &[aria-disabled='true'],\n &[disabled],\n &:hover[aria-disabled='true'],\n &:hover[disabled],\n &:active[aria-disabled='true'],\n &:active[disabled],\n &[data-testemulatestate='hover'][aria-disabled='true'],\n &[data-testemulatestate='hover'][disabled],\n &[data-testemulatestate='active'][aria-disabled='true'],\n &[data-testemulatestate='active'][disabled] {\n background-color: neutral-100;\n border-color: neutral-100;\n color: #5c6574;\n & svg {\n fill: #5c6574;\n }\n &:focus {\n border-color: brand-700;\n }\n }\n &:focus .pseudo-border,\n &[data-testemulatestate='focus'] .pseudo-border {\n display: block;\n ${pseudoBorder}\n }\n\n /* Mostrar pseudo-border en focus + disabled */\n &[aria-disabled='true']:focus .pseudo-border,\n &[disabled]:focus .pseudo-border,\n &[aria-disabled='true'][data-testemulatestate='focus'] .pseudo-border,\n &[disabled][data-testemulatestate='focus'] .pseudo-border,\n &:hover[aria-disabled='true']:focus .pseudo-border,\n &:hover[disabled]:focus .pseudo-border,\n &:active[aria-disabled='true']:focus .pseudo-border,\n &:active[disabled]:focus .pseudo-border,\n &[data-testemulatestate='hover'][aria-disabled='true']:focus .pseudo-border,\n &[data-testemulatestate='hover'][disabled]:focus .pseudo-border,\n &[data-testemulatestate='active'][aria-disabled='true']:focus .pseudo-border,\n &[data-testemulatestate='acneutraltive'][disabled]:focus .pseudo-border {\n border-color: neutral-100;\n }\n`;\n\nexport const OutlineButton = styled(DefaultButton, {\n name: DSButtonName,\n slot: DSButtonSlots.ROOT,\n})`\n background: neutral-000;\n border-color: neutral-400;\n color: brand-600;\n border-width: 1px;\n & svg {\n fill: brand-600;\n }\n &:hover,\n &:active,\n &[data-testemulatestate='hover'],\n &[data-testemulatestate='active'] {\n background-color: neutral-000;\n border-color: brand-700;\n color: brand-700;\n & svg {\n fill: brand-700;\n }\n }\n &[aria-disabled='true'],\n &[disabled],\n &:hover[aria-disabled='true'],\n &:hover[disabled],\n &:active[aria-disabled='true'],\n &:active[disabled],\n &[data-testemulatestate='hover'][aria-disabled='true'],\n &[data-testemulatestate='hover'][disabled],\n &[data-testemulatestate='active'][aria-disabled='true'],\n &[data-testemulatestate='active'][disabled] {\n border-color: neutral-400;\n color: neutral-500;\n & svg {\n fill: neutral-500;\n }\n }\n\n &:focus .pseudo-border,\n &[data-testemulatestate='focus'] .pseudo-border {\n display: block;\n ${pseudoBorder}\n border-color: brand-700;\n }\n`;\n\nexport const TextButton = styled(DefaultButton, {\n name: DSButtonName,\n slot: DSButtonSlots.ROOT,\n})`\n border-color: transparent;\n background-color: transparent;\n border-width: 1px;\n color: brand-700;\n & svg {\n fill: brand-700;\n }\n &:hover:not([aria-disabled='true']),\n &:hover:not([disabled]),\n &[data-testemulatestate='hover'] {\n background-color: brand-200;\n color: brand-700;\n & svg {\n fill: brand-700;\n }\n }\n &:active,\n &[data-testemulatestate='active'] {\n color: brand-700;\n }\n\n &[aria-disabled='true'],\n &[disabled],\n &:hover[aria-disabled='true'],\n &:hover[disabled],\n &:active[aria-disabled='true'],\n &:active[disabled],\n &[data-testemulatestate='hover'][aria-disabled='true'],\n &[data-testemulatestate='hover'][disabled],\n &[data-testemulatestate='active'][aria-disabled='true'],\n &[data-testemulatestate='active'][disabled] {\n color: neutral-500;\n & svg {\n fill: neutral-500;\n }\n }\n\n &:focus .pseudo-border,\n &[data-testemulatestate='focus'] .pseudo-border {\n display: block;\n ${pseudoBorder}\n border-color: brand-700;\n }\n`;\n"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/dist/types/parts/DSButtonV2/react-desc-prop-types.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="prop-types" />
2
1
  import type { GlobalAttributesT, XstyledProps, ValidationMap } from '@elliemae/ds-props-helpers';
3
2
  import type { DSButtonT } from '../SharedButtonBaseline/react-desc-prop-types.js';
4
3
  export declare namespace DSButtonV2T {
package/dist/types/parts/DSButtonV3/react-desc-prop-types.d.ts CHANGED
@@ -1,5 +1,4 @@
1
- /// <reference types="prop-types" />
2
- import type { GlobalAttributesT, XstyledProps, ValidationMap } from '@elliemae/ds-props-helpers';
1
+ import type { DSPropTypesSchema, GlobalAttributesT, XstyledProps, ValidationMap } from '@elliemae/ds-props-helpers';
3
2
  import type { DSButtonT } from '../SharedButtonBaseline/react-desc-prop-types.js';
4
3
  export declare namespace DSButtonV3T {
5
4
  interface DefaultProps extends DSButtonT.DefaultProps {
@@ -13,455 +12,5 @@ export declare namespace DSButtonV3T {
13
12
  interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>, XstyledProps, RequiredProps {
14
13
  }
15
14
  }
16
- export declare const DSButtonV3PropTypes: Required<{
17
- 'data-testid'?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
18
- size?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
19
- type?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
20
- buttonType?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
21
- onClick?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
22
- shape?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
23
- applyAriaDisabled?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
24
- innerRef?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
25
- dsButtonRoot?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
26
- default?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
27
- form?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
28
- list?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
29
- "aria-activedescendant"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
30
- "aria-atomic"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
31
- "aria-autocomplete"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
32
- "aria-braillelabel"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
33
- "aria-brailleroledescription"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
34
- "aria-busy"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
35
- "aria-checked"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
36
- "aria-colcount"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
37
- "aria-colindex"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
38
- "aria-colindextext"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
39
- "aria-colspan"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
40
- "aria-controls"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
41
- "aria-current"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
42
- "aria-describedby"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
43
- "aria-description"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
44
- "aria-details"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
45
- "aria-disabled"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
46
- "aria-dropeffect"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
47
- "aria-errormessage"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
48
- "aria-expanded"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
49
- "aria-flowto"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
50
- "aria-grabbed"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
51
- "aria-haspopup"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
52
- "aria-hidden"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
53
- "aria-invalid"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
54
- "aria-keyshortcuts"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
55
- "aria-label"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
56
- "aria-labelledby"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
57
- "aria-level"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
58
- "aria-live"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
59
- "aria-modal"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
60
- "aria-multiline"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
61
- "aria-multiselectable"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
62
- "aria-orientation"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
63
- "aria-owns"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
64
- "aria-placeholder"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
65
- "aria-posinset"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
66
- "aria-pressed"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
67
- "aria-readonly"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
68
- "aria-relevant"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
69
- "aria-required"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
70
- "aria-roledescription"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
71
- "aria-rowcount"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
72
- "aria-rowindex"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
73
- "aria-rowindextext"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
74
- "aria-rowspan"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
75
- "aria-selected"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
76
- "aria-setsize"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
77
- "aria-sort"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
78
- "aria-valuemax"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
79
- "aria-valuemin"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
80
- "aria-valuenow"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
81
- "aria-valuetext"?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
82
- onCopy?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
83
- onCopyCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
84
- onCut?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
85
- onCutCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
86
- onPaste?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
87
- onPasteCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
88
- onCompositionEnd?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
89
- onCompositionEndCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
90
- onCompositionStart?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
91
- onCompositionStartCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
92
- onCompositionUpdate?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
93
- onCompositionUpdateCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
94
- onFocus?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
95
- onFocusCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
96
- onBlur?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
97
- onBlurCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
98
- onChange?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
99
- onChangeCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
100
- onBeforeInput?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
101
- onBeforeInputCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
102
- onInput?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
103
- onInputCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
104
- onReset?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
105
- onResetCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
106
- onSubmit?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
107
- onSubmitCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
108
- onInvalid?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
109
- onInvalidCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
110
- onLoad?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
111
- onLoadCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
112
- onError?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
113
- onErrorCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
114
- onKeyDown?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
115
- onKeyDownCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
116
- onKeyPress?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
117
- onKeyPressCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
118
- onKeyUp?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
119
- onKeyUpCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
120
- onAbort?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
121
- onAbortCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
122
- onCanPlay?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
123
- onCanPlayCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
124
- onCanPlayThrough?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
125
- onCanPlayThroughCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
126
- onDurationChange?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
127
- onDurationChangeCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
128
- onEmptied?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
129
- onEmptiedCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
130
- onEncrypted?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
131
- onEncryptedCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
132
- onEnded?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
133
- onEndedCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
134
- onLoadedData?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
135
- onLoadedDataCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
136
- onLoadedMetadata?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
137
- onLoadedMetadataCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
138
- onLoadStart?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
139
- onLoadStartCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
140
- onPause?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
141
- onPauseCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
142
- onPlay?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
143
- onPlayCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
144
- onPlaying?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
145
- onPlayingCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
146
- onProgress?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
147
- onProgressCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
148
- onRateChange?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
149
- onRateChangeCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
150
- onSeeked?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
151
- onSeekedCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
152
- onSeeking?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
153
- onSeekingCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
154
- onStalled?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
155
- onStalledCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
156
- onSuspend?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
157
- onSuspendCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
158
- onTimeUpdate?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
159
- onTimeUpdateCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
160
- onVolumeChange?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
161
- onVolumeChangeCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
162
- onWaiting?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
163
- onWaitingCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
164
- onAuxClick?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
165
- onAuxClickCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
166
- onClickCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
167
- onContextMenu?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
168
- onContextMenuCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
169
- onDoubleClick?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
170
- onDoubleClickCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
171
- onDrag?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
172
- onDragCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
173
- onDragEnd?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
174
- onDragEndCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
175
- onDragEnter?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
176
- onDragEnterCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
177
- onDragExit?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
178
- onDragExitCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
179
- onDragLeave?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
180
- onDragLeaveCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
181
- onDragOver?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
182
- onDragOverCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
183
- onDragStart?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
184
- onDragStartCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
185
- onDrop?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
186
- onDropCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
187
- onMouseDown?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
188
- onMouseDownCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
189
- onMouseEnter?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
190
- onMouseLeave?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
191
- onMouseMove?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
192
- onMouseMoveCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
193
- onMouseOut?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
194
- onMouseOutCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
195
- onMouseOver?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
196
- onMouseOverCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
197
- onMouseUp?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
198
- onMouseUpCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
199
- onSelect?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
200
- onSelectCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
201
- onTouchCancel?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
202
- onTouchCancelCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
203
- onTouchEnd?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
204
- onTouchEndCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
205
- onTouchMove?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
206
- onTouchMoveCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
207
- onTouchStart?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
208
- onTouchStartCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
209
- onPointerDown?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
210
- onPointerDownCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
211
- onPointerMove?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
212
- onPointerMoveCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
213
- onPointerUp?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
214
- onPointerUpCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
215
- onPointerCancel?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
216
- onPointerCancelCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
217
- onPointerEnter?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
218
- onPointerLeave?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
219
- onPointerOver?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
220
- onPointerOverCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
221
- onPointerOut?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
222
- onPointerOutCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
223
- onGotPointerCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
224
- onGotPointerCaptureCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
225
- onLostPointerCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
226
- onLostPointerCaptureCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
227
- onScroll?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
228
- onScrollCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
229
- onWheel?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
230
- onWheelCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
231
- onAnimationStart?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
232
- onAnimationStartCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
233
- onAnimationEnd?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
234
- onAnimationEndCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
235
- onAnimationIteration?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
236
- onAnimationIterationCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
237
- onTransitionEnd?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
238
- onTransitionEndCapture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
239
- defaultChecked?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
240
- defaultValue?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
241
- suppressContentEditableWarning?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
242
- suppressHydrationWarning?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
243
- accessKey?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
244
- autoCapitalize?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
245
- autoFocus?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
246
- className?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
247
- contentEditable?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
248
- contextMenu?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
249
- dir?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
250
- draggable?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
251
- enterKeyHint?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
252
- hidden?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
253
- id?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
254
- lang?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
255
- nonce?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
256
- slot?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
257
- spellCheck?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
258
- style?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
259
- tabIndex?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
260
- title?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
261
- translate?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
262
- radioGroup?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
263
- role?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
264
- about?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
265
- content?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
266
- datatype?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
267
- inlist?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
268
- prefix?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
269
- property?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
270
- rel?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
271
- resource?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
272
- rev?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
273
- typeof?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
274
- vocab?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
275
- autoCorrect?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
276
- autoSave?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
277
- color?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
278
- itemProp?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
279
- itemScope?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
280
- itemType?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
281
- itemID?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
282
- itemRef?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
283
- results?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
284
- security?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
285
- unselectable?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
286
- inputMode?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
287
- is?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
288
- exportparts?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
289
- part?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
290
- accept?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
291
- acceptCharset?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
292
- action?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
293
- allowFullScreen?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
294
- allowTransparency?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
295
- alt?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
296
- async?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
297
- autoComplete?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
298
- autoPlay?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
299
- capture?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
300
- cellPadding?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
301
- cellSpacing?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
302
- charSet?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
303
- challenge?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
304
- checked?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
305
- cite?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
306
- classID?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
307
- cols?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
308
- colSpan?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
309
- controls?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
310
- coords?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
311
- crossOrigin?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
312
- data?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
313
- dateTime?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
314
- defer?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
315
- disabled?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
316
- download?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
317
- encType?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
318
- formAction?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
319
- formEncType?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
320
- formMethod?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
321
- formNoValidate?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
322
- formTarget?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
323
- frameBorder?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
324
- headers?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
325
- height?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
326
- high?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
327
- href?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
328
- hrefLang?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
329
- htmlFor?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
330
- httpEquiv?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
331
- integrity?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
332
- keyParams?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
333
- keyType?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
334
- kind?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
335
- label?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
336
- loop?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
337
- low?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
338
- manifest?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
339
- marginHeight?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
340
- marginWidth?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
341
- max?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
342
- maxLength?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
343
- media?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
344
- mediaGroup?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
345
- method?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
346
- min?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
347
- minLength?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
348
- multiple?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
349
- muted?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
350
- name?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
351
- noValidate?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
352
- open?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
353
- optimum?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
354
- pattern?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
355
- placeholder?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
356
- playsInline?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
357
- poster?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
358
- preload?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
359
- readOnly?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
360
- required?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
361
- reversed?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
362
- rows?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
363
- rowSpan?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
364
- sandbox?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
365
- scope?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
366
- scoped?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
367
- scrolling?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
368
- seamless?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
369
- selected?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
370
- sizes?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
371
- span?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
372
- src?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
373
- srcDoc?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
374
- srcLang?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
375
- srcSet?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
376
- start?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
377
- step?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
378
- summary?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
379
- target?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
380
- useMap?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
381
- value?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
382
- width?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
383
- wmode?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
384
- wrap?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
385
- margin?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
386
- m?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
387
- marginTop?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
388
- mt?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
389
- marginRight?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
390
- mr?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
391
- marginBottom?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
392
- mb?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
393
- marginLeft?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
394
- ml?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
395
- mx?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
396
- my?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
397
- padding?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
398
- p?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
399
- paddingTop?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
400
- pt?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
401
- paddingRight?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
402
- pr?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
403
- paddingBottom?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
404
- pb?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
405
- paddingLeft?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
406
- pl?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
407
- px?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
408
- py?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
409
- spaceX?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
410
- spaceY?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
411
- spaceXReverse?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
412
- spaceYReverse?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
413
- w?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
414
- h?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
415
- maxWidth?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
416
- maxW?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
417
- maxHeight?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
418
- maxH?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
419
- minWidth?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
420
- minHeight?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
421
- minH?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
422
- maskSize?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
423
- display?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
424
- float?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
425
- boxSizing?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
426
- container?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
427
- overflow?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
428
- overflowX?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
429
- overflowY?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
430
- position?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
431
- zIndex?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
432
- top?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
433
- right?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
434
- bottom?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
435
- left?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
436
- visibility?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
437
- overscrollBehavior?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
438
- objectFit?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
439
- boxShadow?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
440
- border?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
441
- borderTop?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
442
- borderBottom?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
443
- borderRight?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
444
- borderLeft?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
445
- borderColor?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
446
- borderTopColor?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
447
- borderBottomColor?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
448
- borderRightColor?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
449
- borderLeftColor?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
450
- borderStyle?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
451
- borderTopStyle?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
452
- borderBottomStyle?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
453
- borderRightStyle?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
454
- borderLeftStyle?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
455
- borderWidth?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
456
- borderTopWidth?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
457
- borderBottomWidth?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
458
- borderRightWidth?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
459
- borderLeftWidth?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
460
- borderRadius?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
461
- backgroundColor?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
462
- bg?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
463
- fontWeight?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
464
- textAlign?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT | undefined;
465
- children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
466
- }>;
15
+ export declare const DSButtonV3PropTypes: DSPropTypesSchema<DSButtonV3T.Props>;
467
16
  export declare const DSButtonV3PropTypesSchema: ValidationMap<DSButtonV3T.Props>;
package/dist/types/parts/SharedButtonBaseline/react-desc-prop-types.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="prop-types" />
2
1
  import type { RefCallback } from 'react';
3
2
  import type React from 'react';
4
3
  import type { GlobalAttributesT, XstyledProps, ValidationMap } from '@elliemae/ds-props-helpers';
package/dist/types/parts/SharedButtonBaseline/styles.d.ts CHANGED
@@ -5,6 +5,7 @@ export interface StyledButtonPropsT {
5
5
  shape: DSButtonT.ButtonShapesT;
6
6
  isV3: DSButtonT.RequiredProps['isV3'];
7
7
  }
8
+ export declare const StyledPseudoBorder: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;
8
9
  export declare const RawButton: import("styled-components").StyledComponent<"button", import("@elliemae/ds-system").Theme, DSButtonT.Props & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"button">, never>;
9
10
  export declare const DefaultButton: import("styled-components").StyledComponent<import("styled-components").StyledComponent<"button", import("@elliemae/ds-system").Theme, DSButtonT.Props & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"button">, never>, import("@elliemae/ds-system").Theme, StyledButtonPropsT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("styled-components").StyledComponent<"button", import("@elliemae/ds-system").Theme, DSButtonT.Props & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"button">, never>>, never>;
10
11
  export declare const FilledButton: import("styled-components").StyledComponent<import("styled-components").StyledComponent<import("styled-components").StyledComponent<"button", import("@elliemae/ds-system").Theme, DSButtonT.Props & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"button">, never>, import("@elliemae/ds-system").Theme, StyledButtonPropsT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("styled-components").StyledComponent<"button", import("@elliemae/ds-system").Theme, DSButtonT.Props & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"button">, never>>, never>, import("@elliemae/ds-system").Theme, StyledButtonPropsT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("styled-components").StyledComponent<import("styled-components").StyledComponent<"button", import("@elliemae/ds-system").Theme, DSButtonT.Props & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"button">, never>, import("@elliemae/ds-system").Theme, StyledButtonPropsT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("styled-components").StyledComponent<"button", import("@elliemae/ds-system").Theme, DSButtonT.Props & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"button">, never>>, never>>, never>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-button-v2",
3
- "version": "3.53.1-rc.0",
3
+ "version": "3.54.0-next.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Button",
6
6
  "files": [
@@ -36,15 +36,16 @@
36
36
  "indent": 4
37
37
  },
38
38
  "dependencies": {
39
- "@elliemae/ds-props-helpers": "3.53.1-rc.0",
40
- "@elliemae/ds-system": "3.53.1-rc.0",
41
- "@elliemae/ds-typescript-helpers": "3.53.1-rc.0"
39
+ "@elliemae/ds-props-helpers": "3.54.0-next.2",
40
+ "@elliemae/ds-typescript-helpers": "3.54.0-next.2",
41
+ "@elliemae/ds-system": "3.54.0-next.2"
42
42
  },
43
43
  "devDependencies": {
44
- "@elliemae/pui-cli": "9.0.0-next.63",
44
+ "@elliemae/pui-cli": "9.0.0-next.65",
45
45
  "jest": "~29.7.0",
46
46
  "styled-components": "~5.3.9",
47
- "@elliemae/ds-monorepo-devops": "3.53.1-rc.0"
47
+ "@elliemae/ds-test-utils": "3.54.0-next.2",
48
+ "@elliemae/ds-monorepo-devops": "3.54.0-next.2"
48
49
  },
49
50
  "peerDependencies": {
50
51
  "react": "^18.3.1",