@elliemae/ds-chip 3.60.0-next.2 → 3.60.0-next.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/DSChip.js +39 -15
- package/dist/cjs/DSChip.js.map +2 -2
- package/dist/cjs/constants/index.js +8 -2
- package/dist/cjs/constants/index.js.map +2 -2
- package/dist/cjs/react-desc-prop-types.js +4 -2
- package/dist/cjs/react-desc-prop-types.js.map +2 -2
- package/dist/cjs/styles.js +78 -98
- package/dist/cjs/styles.js.map +2 -2
- package/dist/cjs/typescript-testing/typescript-chip-valid.js +8 -4
- package/dist/cjs/typescript-testing/typescript-chip-valid.js.map +2 -2
- package/dist/esm/DSChip.js +39 -15
- package/dist/esm/DSChip.js.map +2 -2
- package/dist/esm/constants/index.js +8 -2
- package/dist/esm/constants/index.js.map +2 -2
- package/dist/esm/react-desc-prop-types.js +4 -2
- package/dist/esm/react-desc-prop-types.js.map +2 -2
- package/dist/esm/styles.js +81 -99
- package/dist/esm/styles.js.map +2 -2
- package/dist/esm/typescript-testing/typescript-chip-valid.js +8 -4
- package/dist/esm/typescript-testing/typescript-chip-valid.js.map +2 -2
- package/dist/types/config/useConfig.d.ts +33 -30
- package/dist/types/constants/index.d.ts +4 -0
- package/dist/types/react-desc-prop-types.d.ts +4 -1
- package/dist/types/styles.d.ts +5 -2
- package/package.json +22 -25
|
@@ -376,6 +376,7 @@ export declare const useConfig: (props: DSChipT.Props) => {
|
|
|
376
376
|
size: import("../sharedTypes.js").ChipSizesT;
|
|
377
377
|
shape: import("../sharedTypes.js").ChipShapesT;
|
|
378
378
|
applyAriaDisabled: boolean;
|
|
379
|
+
wrapText: boolean;
|
|
379
380
|
selected?: boolean;
|
|
380
381
|
innerRef?: React.RefObject<HTMLButtonElement> | ((_ref: HTMLButtonElement) => void);
|
|
381
382
|
dsChipRoot?: object | import("@elliemae/ds-typescript-helpers").TypescriptHelpersT.GenericFunc<unknown, object> | undefined;
|
|
@@ -743,30 +744,30 @@ export declare const useConfig: (props: DSChipT.Props) => {
|
|
|
743
744
|
width?: number | string | undefined | undefined;
|
|
744
745
|
wmode?: string | undefined | undefined;
|
|
745
746
|
wrap?: string | undefined | undefined;
|
|
746
|
-
margin?: ((
|
|
747
|
-
m?: ((
|
|
748
|
-
marginTop?: ((
|
|
749
|
-
mt?: ((
|
|
750
|
-
marginRight?: ((
|
|
751
|
-
mr?: ((
|
|
752
|
-
marginBottom?: ((
|
|
753
|
-
mb?: ((
|
|
754
|
-
marginLeft?: ((
|
|
755
|
-
ml?: ((
|
|
756
|
-
mx?: (import("@xstyled/styled-components").SystemProp<
|
|
757
|
-
my?: (import("@xstyled/styled-components").SystemProp<
|
|
758
|
-
padding?: ((
|
|
759
|
-
p?: ((
|
|
760
|
-
paddingTop?: ((
|
|
761
|
-
pt?: ((
|
|
762
|
-
paddingRight?: ((
|
|
763
|
-
pr?: ((
|
|
764
|
-
paddingBottom?: ((
|
|
765
|
-
pb?: ((
|
|
766
|
-
paddingLeft?: ((
|
|
767
|
-
pl?: ((
|
|
768
|
-
px?: (import("@xstyled/styled-components").SystemProp<
|
|
769
|
-
py?: (import("@xstyled/styled-components").SystemProp<
|
|
747
|
+
margin?: (({} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto", import("@xstyled/styled-components").Theme>) & ({} | 0 | "s" | "l" | (string & {}) | "inherit" | "m" | "xxxs" | "xxs" | "xxs2" | "xs" | "xl" | "xxl" | `${number}%` | `${number}em` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto", import("@xstyled/styled-components").Theme>)) | undefined;
|
|
748
|
+
m?: (({} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto", import("@xstyled/styled-components").Theme>) & ({} | 0 | "s" | "l" | (string & {}) | "inherit" | "m" | "xxxs" | "xxs" | "xxs2" | "xs" | "xl" | "xxl" | `${number}%` | `${number}em` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto", import("@xstyled/styled-components").Theme>)) | undefined;
|
|
749
|
+
marginTop?: (({} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto", import("@xstyled/styled-components").Theme>) & ({} | 0 | "s" | "l" | (string & {}) | "inherit" | "m" | "xxxs" | "xxs" | "xxs2" | "xs" | "xl" | "xxl" | `${number}%` | `${number}em` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto", import("@xstyled/styled-components").Theme>)) | undefined;
|
|
750
|
+
mt?: (({} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto", import("@xstyled/styled-components").Theme>) & ({} | 0 | "s" | "l" | (string & {}) | "inherit" | "m" | "xxxs" | "xxs" | "xxs2" | "xs" | "xl" | "xxl" | `${number}%` | `${number}em` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto", import("@xstyled/styled-components").Theme>)) | undefined;
|
|
751
|
+
marginRight?: (({} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto", import("@xstyled/styled-components").Theme>) & ({} | 0 | "s" | "l" | (string & {}) | "inherit" | "m" | "xxxs" | "xxs" | "xxs2" | "xs" | "xl" | "xxl" | `${number}%` | `${number}em` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto", import("@xstyled/styled-components").Theme>)) | undefined;
|
|
752
|
+
mr?: (({} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto", import("@xstyled/styled-components").Theme>) & ({} | 0 | "s" | "l" | (string & {}) | "inherit" | "m" | "xxxs" | "xxs" | "xxs2" | "xs" | "xl" | "xxl" | `${number}%` | `${number}em` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto", import("@xstyled/styled-components").Theme>)) | undefined;
|
|
753
|
+
marginBottom?: (({} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto", import("@xstyled/styled-components").Theme>) & ({} | 0 | "s" | "l" | (string & {}) | "inherit" | "m" | "xxxs" | "xxs" | "xxs2" | "xs" | "xl" | "xxl" | `${number}%` | `${number}em` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto", import("@xstyled/styled-components").Theme>)) | undefined;
|
|
754
|
+
mb?: (({} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto", import("@xstyled/styled-components").Theme>) & ({} | 0 | "s" | "l" | (string & {}) | "inherit" | "m" | "xxxs" | "xxs" | "xxs2" | "xs" | "xl" | "xxl" | `${number}%` | `${number}em` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto", import("@xstyled/styled-components").Theme>)) | undefined;
|
|
755
|
+
marginLeft?: (({} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto", import("@xstyled/styled-components").Theme>) & ({} | 0 | "s" | "l" | (string & {}) | "inherit" | "m" | "xxxs" | "xxs" | "xxs2" | "xs" | "xl" | "xxl" | `${number}%` | `${number}em` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto", import("@xstyled/styled-components").Theme>)) | undefined;
|
|
756
|
+
ml?: (({} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto", import("@xstyled/styled-components").Theme>) & ({} | 0 | "s" | "l" | (string & {}) | "inherit" | "m" | "xxxs" | "xxs" | "xxs2" | "xs" | "xl" | "xxl" | `${number}%` | `${number}em` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "auto", import("@xstyled/styled-components").Theme>)) | undefined;
|
|
757
|
+
mx?: (import("@xstyled/styled-components").SystemProp<string | {} | 0 | (string & {}) | (number & {}), import("@xstyled/styled-components").Theme> & (string | {} | 0 | (string & {}) | (number & {}) | import("@xstyled/styled-components").ThemeProp<string | {} | 0 | (string & {}) | (number & {}), import("@xstyled/styled-components").Theme>)) | undefined;
|
|
758
|
+
my?: (import("@xstyled/styled-components").SystemProp<string | {} | 0 | (string & {}) | (number & {}), import("@xstyled/styled-components").Theme> & (string | {} | 0 | (string & {}) | (number & {}) | import("@xstyled/styled-components").ThemeProp<string | {} | 0 | (string & {}) | (number & {}), import("@xstyled/styled-components").Theme>)) | undefined;
|
|
759
|
+
padding?: (({} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset", import("@xstyled/styled-components").Theme>) & ({} | 0 | "s" | "l" | (string & {}) | "inherit" | "m" | "xxxs" | "xxs" | "xxs2" | "xs" | "xl" | "xxl" | `${number}%` | `${number}em` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset", import("@xstyled/styled-components").Theme>)) | undefined;
|
|
760
|
+
p?: (({} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset", import("@xstyled/styled-components").Theme>) & ({} | 0 | "s" | "l" | (string & {}) | "inherit" | "m" | "xxxs" | "xxs" | "xxs2" | "xs" | "xl" | "xxl" | `${number}%` | `${number}em` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset", import("@xstyled/styled-components").Theme>)) | undefined;
|
|
761
|
+
paddingTop?: (({} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset", import("@xstyled/styled-components").Theme>) & ({} | 0 | "s" | "l" | (string & {}) | "inherit" | "m" | "xxxs" | "xxs" | "xxs2" | "xs" | "xl" | "xxl" | `${number}%` | `${number}em` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset", import("@xstyled/styled-components").Theme>)) | undefined;
|
|
762
|
+
pt?: (({} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset", import("@xstyled/styled-components").Theme>) & ({} | 0 | "s" | "l" | (string & {}) | "inherit" | "m" | "xxxs" | "xxs" | "xxs2" | "xs" | "xl" | "xxl" | `${number}%` | `${number}em` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset", import("@xstyled/styled-components").Theme>)) | undefined;
|
|
763
|
+
paddingRight?: (({} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset", import("@xstyled/styled-components").Theme>) & ({} | 0 | "s" | "l" | (string & {}) | "inherit" | "m" | "xxxs" | "xxs" | "xxs2" | "xs" | "xl" | "xxl" | `${number}%` | `${number}em` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset", import("@xstyled/styled-components").Theme>)) | undefined;
|
|
764
|
+
pr?: (({} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset", import("@xstyled/styled-components").Theme>) & ({} | 0 | "s" | "l" | (string & {}) | "inherit" | "m" | "xxxs" | "xxs" | "xxs2" | "xs" | "xl" | "xxl" | `${number}%` | `${number}em` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset", import("@xstyled/styled-components").Theme>)) | undefined;
|
|
765
|
+
paddingBottom?: (({} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset", import("@xstyled/styled-components").Theme>) & ({} | 0 | "s" | "l" | (string & {}) | "inherit" | "m" | "xxxs" | "xxs" | "xxs2" | "xs" | "xl" | "xxl" | `${number}%` | `${number}em` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset", import("@xstyled/styled-components").Theme>)) | undefined;
|
|
766
|
+
pb?: (({} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset", import("@xstyled/styled-components").Theme>) & ({} | 0 | "s" | "l" | (string & {}) | "inherit" | "m" | "xxxs" | "xxs" | "xxs2" | "xs" | "xl" | "xxl" | `${number}%` | `${number}em` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset", import("@xstyled/styled-components").Theme>)) | undefined;
|
|
767
|
+
paddingLeft?: (({} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset", import("@xstyled/styled-components").Theme>) & ({} | 0 | "s" | "l" | (string & {}) | "inherit" | "m" | "xxxs" | "xxs" | "xxs2" | "xs" | "xl" | "xxl" | `${number}%` | `${number}em` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset", import("@xstyled/styled-components").Theme>)) | undefined;
|
|
768
|
+
pl?: (({} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset", import("@xstyled/styled-components").Theme>) & ({} | 0 | "s" | "l" | (string & {}) | "inherit" | "m" | "xxxs" | "xxs" | "xxs2" | "xs" | "xl" | "xxl" | `${number}%` | `${number}em` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | import("@xstyled/styled-components").ThemeProp<{} | 0 | (string & {}) | "inherit" | keyof import("@elliemae/pui-theme/dist/types/lib/theme-type.js").Space | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset", import("@xstyled/styled-components").Theme>)) | undefined;
|
|
769
|
+
px?: (import("@xstyled/styled-components").SystemProp<string | {} | 0 | (string & {}) | (number & {}), import("@xstyled/styled-components").Theme> & (string | {} | 0 | (string & {}) | (number & {}) | import("@xstyled/styled-components").ThemeProp<string | {} | 0 | (string & {}) | (number & {}), import("@xstyled/styled-components").Theme>)) | undefined;
|
|
770
|
+
py?: (import("@xstyled/styled-components").SystemProp<string | {} | 0 | (string & {}) | (number & {}), import("@xstyled/styled-components").Theme> & (string | {} | 0 | (string & {}) | (number & {}) | import("@xstyled/styled-components").ThemeProp<string | {} | 0 | (string & {}) | (number & {}), import("@xstyled/styled-components").Theme>)) | undefined;
|
|
770
771
|
spaceX?: import("@xstyled/styled-components").SystemProp<import("@xstyled/styled-components").Space<import("@xstyled/styled-components").Theme>, import("@xstyled/styled-components").Theme> | undefined;
|
|
771
772
|
spaceY?: import("@xstyled/styled-components").SystemProp<import("@xstyled/styled-components").Space<import("@xstyled/styled-components").Theme>, import("@xstyled/styled-components").Theme> | undefined;
|
|
772
773
|
spaceXReverse?: import("@xstyled/styled-components").SystemProp<true, import("@xstyled/styled-components").Theme> | undefined;
|
|
@@ -790,10 +791,10 @@ export declare const useConfig: (props: DSChipT.Props) => {
|
|
|
790
791
|
overflowY?: import("@xstyled/styled-components").SystemProp<import("csstype").Property.OverflowY, import("@xstyled/styled-components").Theme> | undefined;
|
|
791
792
|
position?: import("@xstyled/styled-components").SystemProp<import("csstype").Property.Position, import("@xstyled/styled-components").Theme> | undefined;
|
|
792
793
|
zIndex?: import("@xstyled/styled-components").SystemProp<string | number | true | symbol | {} | (string & {}) | (number & {}), import("@xstyled/styled-components").Theme> | undefined;
|
|
793
|
-
top?: import("@xstyled/styled-components").SystemProp<string | number | true | symbol | {} | (string & {}), import("@xstyled/styled-components").Theme> | undefined;
|
|
794
|
-
right?: import("@xstyled/styled-components").SystemProp<string | number | true | symbol | {} | (string & {}), import("@xstyled/styled-components").Theme> | undefined;
|
|
795
|
-
bottom?: import("@xstyled/styled-components").SystemProp<string | number | true | symbol | {} | (string & {}), import("@xstyled/styled-components").Theme> | undefined;
|
|
796
|
-
left?: import("@xstyled/styled-components").SystemProp<string | number | true | symbol | {} | (string & {}), import("@xstyled/styled-components").Theme> | undefined;
|
|
794
|
+
top?: import("@xstyled/styled-components").SystemProp<string | number | true | symbol | {} | (string & {}) | (number & {}), import("@xstyled/styled-components").Theme> | undefined;
|
|
795
|
+
right?: import("@xstyled/styled-components").SystemProp<string | number | true | symbol | {} | (string & {}) | (number & {}), import("@xstyled/styled-components").Theme> | undefined;
|
|
796
|
+
bottom?: import("@xstyled/styled-components").SystemProp<string | number | true | symbol | {} | (string & {}) | (number & {}), import("@xstyled/styled-components").Theme> | undefined;
|
|
797
|
+
left?: import("@xstyled/styled-components").SystemProp<string | number | true | symbol | {} | (string & {}) | (number & {}), import("@xstyled/styled-components").Theme> | undefined;
|
|
797
798
|
visibility?: import("@xstyled/styled-components").SystemProp<import("csstype").Property.Visibility, import("@xstyled/styled-components").Theme> | undefined;
|
|
798
799
|
overscrollBehavior?: import("@xstyled/styled-components").SystemProp<import("csstype").Property.OverscrollBehavior, import("@xstyled/styled-components").Theme> | undefined;
|
|
799
800
|
objectFit?: import("@xstyled/styled-components").SystemProp<import("csstype").Property.ObjectFit, import("@xstyled/styled-components").Theme> | undefined;
|
|
@@ -821,8 +822,10 @@ export declare const useConfig: (props: DSChipT.Props) => {
|
|
|
821
822
|
borderRadius?: string;
|
|
822
823
|
backgroundColor?: keyof import("@elliemae/ds-system").DummyColorTheme | `neutral-100-${string}` | `neutral-200-${string}` | `neutral-300-${string}` | `neutral-400-${string}` | `neutral-500-${string}` | `neutral-600-${string}` | `neutral-700-${string}` | `neutral-800-${string}` | `neutral-000-${string}` | `neutral-050-${string}` | `neutral-080-${string}` | `brand-100-${string}` | `brand-200-${string}` | `brand-300-${string}` | `brand-400-${string}` | `brand-500-${string}` | `brand-600-${string}` | `brand-700-${string}` | `brand-800-${string}` | `success-300-${string}` | `success-900-${string}` | `warning-400-${string}` | `warning-600-${string}` | `warning-900-${string}` | `danger-200-${string}` | `danger-900-${string}` | `#${string}` | `rgba(${string})` | `rgb(${string})`;
|
|
823
824
|
bg?: keyof import("@elliemae/ds-system").DummyColorTheme | `neutral-100-${string}` | `neutral-200-${string}` | `neutral-300-${string}` | `neutral-400-${string}` | `neutral-500-${string}` | `neutral-600-${string}` | `neutral-700-${string}` | `neutral-800-${string}` | `neutral-000-${string}` | `neutral-050-${string}` | `neutral-080-${string}` | `brand-100-${string}` | `brand-200-${string}` | `brand-300-${string}` | `brand-400-${string}` | `brand-500-${string}` | `brand-600-${string}` | `brand-700-${string}` | `brand-800-${string}` | `success-300-${string}` | `success-900-${string}` | `warning-400-${string}` | `warning-600-${string}` | `warning-900-${string}` | `danger-200-${string}` | `danger-900-${string}` | `#${string}` | `rgba(${string})` | `rgb(${string})`;
|
|
824
|
-
fontWeight?: import("@xstyled/styled-components").SystemProp<{} | (string & {}) | "inherit" | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" |
|
|
825
|
+
fontWeight?: import("@xstyled/styled-components").SystemProp<{} | (string & {}) | "inherit" | (number & {}) | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "bold" | "normal" | "bolder" | "lighter" | "thin" | "light" | "regular" | "semibold", import("@xstyled/styled-components").Theme> | undefined;
|
|
825
826
|
textAlign?: import("@xstyled/styled-components").SystemProp<import("csstype").Property.TextAlign, import("@xstyled/styled-components").Theme> | undefined;
|
|
826
827
|
label: string;
|
|
827
|
-
icon: React.ComponentType<
|
|
828
|
+
icon: React.ComponentType<{
|
|
829
|
+
size?: string;
|
|
830
|
+
}>;
|
|
828
831
|
};
|
|
@@ -37,14 +37,18 @@ export declare const CHIP_SIZES: {
|
|
|
37
37
|
};
|
|
38
38
|
export declare const roundShapeLarge = "4.308rem";
|
|
39
39
|
export declare const roundShapeSmall = "3.077rem";
|
|
40
|
+
export declare const roundShapeLargeMobile = "3.563rem";
|
|
41
|
+
export declare const roundShapeSmallMobile = "2.5rem";
|
|
40
42
|
export declare const basicSizes: {
|
|
41
43
|
s: {
|
|
42
44
|
readonly width: "5.538rem";
|
|
43
45
|
readonly height: "5.154rem";
|
|
46
|
+
readonly maxWidth: "72px";
|
|
44
47
|
};
|
|
45
48
|
l: {
|
|
46
49
|
readonly width: "7.077rem";
|
|
47
50
|
readonly height: "5.154rem";
|
|
51
|
+
readonly maxWidth: "92px";
|
|
48
52
|
};
|
|
49
53
|
};
|
|
50
54
|
export declare const shapeSizes: {
|
|
@@ -9,6 +9,7 @@ export declare namespace DSChipT {
|
|
|
9
9
|
size: ChipSizesT;
|
|
10
10
|
shape: ChipShapesT;
|
|
11
11
|
applyAriaDisabled: boolean;
|
|
12
|
+
wrapText: boolean;
|
|
12
13
|
}
|
|
13
14
|
interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSChipName, typeof CHIP_SLOTS> {
|
|
14
15
|
selected?: boolean;
|
|
@@ -16,7 +17,9 @@ export declare namespace DSChipT {
|
|
|
16
17
|
}
|
|
17
18
|
interface RequiredProps {
|
|
18
19
|
label: string;
|
|
19
|
-
icon: React.ComponentType<
|
|
20
|
+
icon: React.ComponentType<{
|
|
21
|
+
size?: string;
|
|
22
|
+
}>;
|
|
20
23
|
}
|
|
21
24
|
interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps | keyof RequiredProps | keyof OptionalProps>, XstyledProps, RequiredProps {
|
|
22
25
|
}
|
package/dist/types/styles.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ export interface StyledChipPropsT {
|
|
|
3
3
|
buttonSize: ChipSizesT;
|
|
4
4
|
buttonShape: ChipShapesT;
|
|
5
5
|
selected?: boolean;
|
|
6
|
+
wrapText?: boolean;
|
|
6
7
|
}
|
|
7
8
|
export interface StyledRoundShapePropsT {
|
|
8
9
|
size: ChipSizesT;
|
|
@@ -11,7 +12,9 @@ export interface StyledRoundShapePropsT {
|
|
|
11
12
|
export declare const StyledChipLabel: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
|
|
12
13
|
size: ChipSizesT;
|
|
13
14
|
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
|
|
14
|
-
export declare const StyledSpanWithEllipsis: import("styled-components").StyledComponent<
|
|
15
|
+
export declare const StyledSpanWithEllipsis: import("styled-components").StyledComponent<import("react").FC<import("@elliemae/ds-typography").DSTypographyT.Props>, import("@elliemae/ds-system").Theme, {
|
|
16
|
+
wrapText?: boolean;
|
|
17
|
+
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").FC<import("@elliemae/ds-typography").DSTypographyT.Props>>, never>;
|
|
15
18
|
export declare const StyledWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, StyledChipPropsT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
|
|
16
19
|
export declare const StyledRoundShape: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, StyledRoundShapePropsT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
|
|
17
|
-
export declare const StyledChip: import("styled-components").StyledComponent<"button", import("@elliemae/ds-system").Theme, Pick<StyledChipPropsT, "selected" | "buttonShape"> & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"button">, never>;
|
|
20
|
+
export declare const StyledChip: import("styled-components").StyledComponent<"button", import("@elliemae/ds-system").Theme, Pick<StyledChipPropsT, "selected" | "wrapText" | "buttonSize" | "buttonShape"> & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"button">, never>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-chip",
|
|
3
|
-
"version": "3.60.0-next.
|
|
3
|
+
"version": "3.60.0-next.21",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Chip",
|
|
6
6
|
"files": [
|
|
@@ -35,37 +35,34 @@
|
|
|
35
35
|
"reportFile": "tests.xml",
|
|
36
36
|
"indent": 4
|
|
37
37
|
},
|
|
38
|
-
"scripts": {
|
|
39
|
-
"dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
|
|
40
|
-
"test": "pui-cli test --passWithNoTests --coverage=\"false\"",
|
|
41
|
-
"lint": "node ../../../scripts/lint.mjs --fix",
|
|
42
|
-
"lint:strict": "node ../../../scripts/lint-strict.mjs",
|
|
43
|
-
"dts": "node ../../../scripts/dts.mjs",
|
|
44
|
-
"build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
|
|
45
|
-
"checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
46
|
-
},
|
|
47
38
|
"dependencies": {
|
|
48
|
-
"@elliemae/ds-
|
|
49
|
-
"@elliemae/ds-
|
|
50
|
-
"@elliemae/ds-
|
|
39
|
+
"@elliemae/ds-system": "3.60.0-next.21",
|
|
40
|
+
"@elliemae/ds-typescript-helpers": "3.60.0-next.21",
|
|
41
|
+
"@elliemae/ds-props-helpers": "3.60.0-next.21"
|
|
51
42
|
},
|
|
52
43
|
"devDependencies": {
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"@elliemae/ds-
|
|
56
|
-
"@elliemae/
|
|
57
|
-
"jest": "catalog:",
|
|
58
|
-
"styled-components": "catalog:"
|
|
44
|
+
"jest": "^30.0.0",
|
|
45
|
+
"styled-components": "~5.3.9",
|
|
46
|
+
"@elliemae/ds-monorepo-devops": "3.60.0-next.21",
|
|
47
|
+
"@elliemae/ds-test-utils": "3.60.0-next.21"
|
|
59
48
|
},
|
|
60
49
|
"peerDependencies": {
|
|
61
|
-
"lodash-es": "
|
|
62
|
-
"react": "
|
|
63
|
-
"react-dom": "
|
|
64
|
-
"styled-components": "
|
|
50
|
+
"lodash-es": "^4.17.21",
|
|
51
|
+
"react": "^18.3.1",
|
|
52
|
+
"react-dom": "^18.3.1",
|
|
53
|
+
"styled-components": "~5.3.9"
|
|
65
54
|
},
|
|
66
55
|
"publishConfig": {
|
|
67
56
|
"access": "public",
|
|
68
57
|
"typeSafety": true
|
|
69
58
|
},
|
|
70
|
-
"
|
|
71
|
-
|
|
59
|
+
"scripts": {
|
|
60
|
+
"dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
|
|
61
|
+
"test": "ds-monorepo-devops test --passWithNoTests --coverage=\"false\"",
|
|
62
|
+
"lint": "node ../../../scripts/lint.mjs --fix",
|
|
63
|
+
"lint:strict": "node ../../../scripts/lint-strict.mjs",
|
|
64
|
+
"dts": "node ../../../scripts/dts.mjs",
|
|
65
|
+
"build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
|
|
66
|
+
"checkDeps": "npx -yes ../../util/ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
67
|
+
}
|
|
68
|
+
}
|