@elliemae/ds-form-input-text 3.3.1-rc.1 → 3.3.2-rc.0

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 (5) hide show
  1. package/dist/cjs/styled/borders.js +5 -5
  2. package/dist/cjs/styled/borders.js.map +2 -2
  3. package/dist/esm/styled/borders.js +6 -6
  4. package/dist/esm/styled/borders.js.map +2 -2
  5. package/package.json +7 -7
package/dist/cjs/styled/borders.js CHANGED
@@ -28,22 +28,22 @@ module.exports = __toCommonJS(borders_exports);
28
28
  var React = __toESM(require("react"));
29
29
  var import_ds_system = require("@elliemae/ds-system");
30
30
  const commonBorderCss = import_ds_system.css`
31
- border: 1px solid neutral-400;
31
+ border: 1px solid ${import_ds_system.th.color("neutral-400")};
32
32
  `;
33
33
  const readOnlyBorderCss = import_ds_system.css`
34
34
  border: 1px solid transparent;
35
- border-top-color: neutral-400;
35
+ border-top-color: ${import_ds_system.th.color("neutral-400")};
36
36
  `;
37
37
  const disabledBorderCss = commonBorderCss;
38
38
  const hasErrorBorderCss = import_ds_system.css`
39
- border: 1px solid danger-900;
39
+ border: 1px solid ${import_ds_system.th.color("danger-900")};
40
40
  `;
41
41
  const hoverBorderCss = import_ds_system.css`
42
- border: 1px solid brand-700;
42
+ border: 1px solid ${import_ds_system.th.color("brand-700")};
43
43
  `;
44
44
  const focusBorderCss = import_ds_system.css`
45
45
  border: 1px solid transparent;
46
- outline: 2px solid brand-700;
46
+ outline: 2px solid ${import_ds_system.th.color("brand-700")};
47
47
  outline-offset: -2px;
48
48
  `;
49
49
  const getBorderCss = (props) => {
package/dist/cjs/styled/borders.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/styled/borders.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import { css, FlattenSimpleInterpolation } from '@elliemae/ds-system';\n\ninterface BorderNecessaryProps {\n isDisabled: boolean;\n hasError: boolean;\n isReadOnly: boolean;\n hasFocus: boolean;\n}\n\nconst commonBorderCss: FlattenSimpleInterpolation = css`\n border: 1px solid neutral-400;\n`;\n\nconst readOnlyBorderCss: FlattenSimpleInterpolation = css`\n border: 1px solid transparent;\n border-top-color: neutral-400;\n`;\n\nconst disabledBorderCss = commonBorderCss;\n\nconst hasErrorBorderCss: FlattenSimpleInterpolation = css`\n border: 1px solid danger-900;\n`;\n\nconst hoverBorderCss: FlattenSimpleInterpolation = css`\n border: 1px solid brand-700;\n`;\n\nconst focusBorderCss: FlattenSimpleInterpolation = css`\n border: 1px solid transparent;\n outline: 2px solid brand-700;\n outline-offset: -2px;\n`;\n\nexport const getBorderCss = (props: BorderNecessaryProps): FlattenSimpleInterpolation => {\n if (props.isDisabled) return disabledBorderCss;\n if (props.hasFocus) return focusBorderCss;\n if (props.hasError) return hasErrorBorderCss;\n if (props.isReadOnly) return readOnlyBorderCss;\n return commonBorderCss;\n};\n\nexport const getHoverBorderCss = (props: BorderNecessaryProps): FlattenSimpleInterpolation => {\n if (props.isDisabled) return disabledBorderCss;\n if (props.hasFocus) return focusBorderCss;\n return hoverBorderCss;\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAgD;AAShD,MAAM,kBAA8C;AAAA;AAAA;AAIpD,MAAM,oBAAgD;AAAA;AAAA;AAAA;AAKtD,MAAM,oBAAoB;AAE1B,MAAM,oBAAgD;AAAA;AAAA;AAItD,MAAM,iBAA6C;AAAA;AAAA;AAInD,MAAM,iBAA6C;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,eAAe,CAAC,UAA4D;AACvF,MAAI,MAAM;AAAY,WAAO;AAC7B,MAAI,MAAM;AAAU,WAAO;AAC3B,MAAI,MAAM;AAAU,WAAO;AAC3B,MAAI,MAAM;AAAY,WAAO;AAC7B,SAAO;AACT;AAEO,MAAM,oBAAoB,CAAC,UAA4D;AAC5F,MAAI,MAAM;AAAY,WAAO;AAC7B,MAAI,MAAM;AAAU,WAAO;AAC3B,SAAO;AACT;",
4
+ "sourcesContent": ["import { th, css, FlattenSimpleInterpolation } from '@elliemae/ds-system';\n\ninterface BorderNecessaryProps {\n isDisabled: boolean;\n hasError: boolean;\n isReadOnly: boolean;\n hasFocus: boolean;\n}\n\nconst commonBorderCss: FlattenSimpleInterpolation = css`\n border: 1px solid ${th.color('neutral-400')};\n`;\n\nconst readOnlyBorderCss: FlattenSimpleInterpolation = css`\n border: 1px solid transparent;\n border-top-color: ${th.color('neutral-400')};\n`;\n\nconst disabledBorderCss = commonBorderCss;\n\nconst hasErrorBorderCss: FlattenSimpleInterpolation = css`\n border: 1px solid ${th.color('danger-900')};\n`;\n\nconst hoverBorderCss: FlattenSimpleInterpolation = css`\n border: 1px solid ${th.color('brand-700')};\n`;\n\nconst focusBorderCss: FlattenSimpleInterpolation = css`\n border: 1px solid transparent;\n outline: 2px solid ${th.color('brand-700')};\n outline-offset: -2px;\n`;\n\nexport const getBorderCss = (props: BorderNecessaryProps): FlattenSimpleInterpolation => {\n if (props.isDisabled) return disabledBorderCss;\n if (props.hasFocus) return focusBorderCss;\n if (props.hasError) return hasErrorBorderCss;\n if (props.isReadOnly) return readOnlyBorderCss;\n return commonBorderCss;\n};\n\nexport const getHoverBorderCss = (props: BorderNecessaryProps): FlattenSimpleInterpolation => {\n if (props.isDisabled) return disabledBorderCss;\n if (props.hasFocus) return focusBorderCss;\n return hoverBorderCss;\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAoD;AASpD,MAAM,kBAA8C;AAAA,sBAC9B,oBAAG,MAAM,aAAa;AAAA;AAG5C,MAAM,oBAAgD;AAAA;AAAA,sBAEhC,oBAAG,MAAM,aAAa;AAAA;AAG5C,MAAM,oBAAoB;AAE1B,MAAM,oBAAgD;AAAA,sBAChC,oBAAG,MAAM,YAAY;AAAA;AAG3C,MAAM,iBAA6C;AAAA,sBAC7B,oBAAG,MAAM,WAAW;AAAA;AAG1C,MAAM,iBAA6C;AAAA;AAAA,uBAE5B,oBAAG,MAAM,WAAW;AAAA;AAAA;AAIpC,MAAM,eAAe,CAAC,UAA4D;AACvF,MAAI,MAAM;AAAY,WAAO;AAC7B,MAAI,MAAM;AAAU,WAAO;AAC3B,MAAI,MAAM;AAAU,WAAO;AAC3B,MAAI,MAAM;AAAY,WAAO;AAC7B,SAAO;AACT;AAEO,MAAM,oBAAoB,CAAC,UAA4D;AAC5F,MAAI,MAAM;AAAY,WAAO;AAC7B,MAAI,MAAM;AAAU,WAAO;AAC3B,SAAO;AACT;",
6
6
  "names": []
7
7
  }
package/dist/esm/styled/borders.js CHANGED
@@ -1,22 +1,22 @@
1
1
  import * as React from "react";
2
- import { css } from "@elliemae/ds-system";
2
+ import { th, css } from "@elliemae/ds-system";
3
3
  const commonBorderCss = css`
4
- border: 1px solid neutral-400;
4
+ border: 1px solid ${th.color("neutral-400")};
5
5
  `;
6
6
  const readOnlyBorderCss = css`
7
7
  border: 1px solid transparent;
8
- border-top-color: neutral-400;
8
+ border-top-color: ${th.color("neutral-400")};
9
9
  `;
10
10
  const disabledBorderCss = commonBorderCss;
11
11
  const hasErrorBorderCss = css`
12
- border: 1px solid danger-900;
12
+ border: 1px solid ${th.color("danger-900")};
13
13
  `;
14
14
  const hoverBorderCss = css`
15
- border: 1px solid brand-700;
15
+ border: 1px solid ${th.color("brand-700")};
16
16
  `;
17
17
  const focusBorderCss = css`
18
18
  border: 1px solid transparent;
19
- outline: 2px solid brand-700;
19
+ outline: 2px solid ${th.color("brand-700")};
20
20
  outline-offset: -2px;
21
21
  `;
22
22
  const getBorderCss = (props) => {
package/dist/esm/styled/borders.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/styled/borders.ts"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { css, FlattenSimpleInterpolation } from '@elliemae/ds-system';\n\ninterface BorderNecessaryProps {\n isDisabled: boolean;\n hasError: boolean;\n isReadOnly: boolean;\n hasFocus: boolean;\n}\n\nconst commonBorderCss: FlattenSimpleInterpolation = css`\n border: 1px solid neutral-400;\n`;\n\nconst readOnlyBorderCss: FlattenSimpleInterpolation = css`\n border: 1px solid transparent;\n border-top-color: neutral-400;\n`;\n\nconst disabledBorderCss = commonBorderCss;\n\nconst hasErrorBorderCss: FlattenSimpleInterpolation = css`\n border: 1px solid danger-900;\n`;\n\nconst hoverBorderCss: FlattenSimpleInterpolation = css`\n border: 1px solid brand-700;\n`;\n\nconst focusBorderCss: FlattenSimpleInterpolation = css`\n border: 1px solid transparent;\n outline: 2px solid brand-700;\n outline-offset: -2px;\n`;\n\nexport const getBorderCss = (props: BorderNecessaryProps): FlattenSimpleInterpolation => {\n if (props.isDisabled) return disabledBorderCss;\n if (props.hasFocus) return focusBorderCss;\n if (props.hasError) return hasErrorBorderCss;\n if (props.isReadOnly) return readOnlyBorderCss;\n return commonBorderCss;\n};\n\nexport const getHoverBorderCss = (props: BorderNecessaryProps): FlattenSimpleInterpolation => {\n if (props.isDisabled) return disabledBorderCss;\n if (props.hasFocus) return focusBorderCss;\n return hoverBorderCss;\n};\n"],
5
- "mappings": "AAAA;ACAA;AASA,MAAM,kBAA8C;AAAA;AAAA;AAIpD,MAAM,oBAAgD;AAAA;AAAA;AAAA;AAKtD,MAAM,oBAAoB;AAE1B,MAAM,oBAAgD;AAAA;AAAA;AAItD,MAAM,iBAA6C;AAAA;AAAA;AAInD,MAAM,iBAA6C;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,eAAe,CAAC,UAA4D;AACvF,MAAI,MAAM;AAAY,WAAO;AAC7B,MAAI,MAAM;AAAU,WAAO;AAC3B,MAAI,MAAM;AAAU,WAAO;AAC3B,MAAI,MAAM;AAAY,WAAO;AAC7B,SAAO;AACT;AAEO,MAAM,oBAAoB,CAAC,UAA4D;AAC5F,MAAI,MAAM;AAAY,WAAO;AAC7B,MAAI,MAAM;AAAU,WAAO;AAC3B,SAAO;AACT;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { th, css, FlattenSimpleInterpolation } from '@elliemae/ds-system';\n\ninterface BorderNecessaryProps {\n isDisabled: boolean;\n hasError: boolean;\n isReadOnly: boolean;\n hasFocus: boolean;\n}\n\nconst commonBorderCss: FlattenSimpleInterpolation = css`\n border: 1px solid ${th.color('neutral-400')};\n`;\n\nconst readOnlyBorderCss: FlattenSimpleInterpolation = css`\n border: 1px solid transparent;\n border-top-color: ${th.color('neutral-400')};\n`;\n\nconst disabledBorderCss = commonBorderCss;\n\nconst hasErrorBorderCss: FlattenSimpleInterpolation = css`\n border: 1px solid ${th.color('danger-900')};\n`;\n\nconst hoverBorderCss: FlattenSimpleInterpolation = css`\n border: 1px solid ${th.color('brand-700')};\n`;\n\nconst focusBorderCss: FlattenSimpleInterpolation = css`\n border: 1px solid transparent;\n outline: 2px solid ${th.color('brand-700')};\n outline-offset: -2px;\n`;\n\nexport const getBorderCss = (props: BorderNecessaryProps): FlattenSimpleInterpolation => {\n if (props.isDisabled) return disabledBorderCss;\n if (props.hasFocus) return focusBorderCss;\n if (props.hasError) return hasErrorBorderCss;\n if (props.isReadOnly) return readOnlyBorderCss;\n return commonBorderCss;\n};\n\nexport const getHoverBorderCss = (props: BorderNecessaryProps): FlattenSimpleInterpolation => {\n if (props.isDisabled) return disabledBorderCss;\n if (props.hasFocus) return focusBorderCss;\n return hoverBorderCss;\n};\n"],
5
+ "mappings": "AAAA;ACAA;AASA,MAAM,kBAA8C;AAAA,sBAC9B,GAAG,MAAM,aAAa;AAAA;AAG5C,MAAM,oBAAgD;AAAA;AAAA,sBAEhC,GAAG,MAAM,aAAa;AAAA;AAG5C,MAAM,oBAAoB;AAE1B,MAAM,oBAAgD;AAAA,sBAChC,GAAG,MAAM,YAAY;AAAA;AAG3C,MAAM,iBAA6C;AAAA,sBAC7B,GAAG,MAAM,WAAW;AAAA;AAG1C,MAAM,iBAA6C;AAAA;AAAA,uBAE5B,GAAG,MAAM,WAAW;AAAA;AAAA;AAIpC,MAAM,eAAe,CAAC,UAA4D;AACvF,MAAI,MAAM;AAAY,WAAO;AAC7B,MAAI,MAAM;AAAU,WAAO;AAC3B,MAAI,MAAM;AAAU,WAAO;AAC3B,MAAI,MAAM;AAAY,WAAO;AAC7B,SAAO;AACT;AAEO,MAAM,oBAAoB,CAAC,UAA4D;AAC5F,MAAI,MAAM;AAAY,WAAO;AAC7B,MAAI,MAAM;AAAU,WAAO;AAC3B,SAAO;AACT;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-form-input-text",
3
- "version": "3.3.1-rc.1",
3
+ "version": "3.3.2-rc.0",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Controlled Form Input Text",
6
6
  "files": [
@@ -35,12 +35,12 @@
35
35
  "indent": 4
36
36
  },
37
37
  "dependencies": {
38
- "@elliemae/ds-button": "3.3.1-rc.1",
39
- "@elliemae/ds-grid": "3.3.1-rc.1",
40
- "@elliemae/ds-icon": "3.3.1-rc.1",
41
- "@elliemae/ds-icons": "3.3.1-rc.1",
42
- "@elliemae/ds-system": "3.3.1-rc.1",
43
- "@elliemae/ds-utilities": "3.3.1-rc.1"
38
+ "@elliemae/ds-button": "3.3.2-rc.0",
39
+ "@elliemae/ds-grid": "3.3.2-rc.0",
40
+ "@elliemae/ds-icon": "3.3.2-rc.0",
41
+ "@elliemae/ds-icons": "3.3.2-rc.0",
42
+ "@elliemae/ds-system": "3.3.2-rc.0",
43
+ "@elliemae/ds-utilities": "3.3.2-rc.0"
44
44
  },
45
45
  "devDependencies": {
46
46
  "@elliemae/pui-theme": "~2.6.0",