@veracity/vui 2.13.6 → 2.14.0-beta.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 (17) hide show
  1. package/dist/cjs/footer/footer.js +1 -1
  2. package/dist/cjs/input/consts.js +1 -1
  3. package/dist/cjs/input/input.d.ts.map +1 -1
  4. package/dist/cjs/input/input.js +1 -5
  5. package/dist/cjs/input/inputInput.d.ts.map +1 -1
  6. package/dist/cjs/input/inputInput.js +0 -1
  7. package/dist/esm/footer/footer.js +1 -1
  8. package/dist/esm/input/consts.js +1 -1
  9. package/dist/esm/input/input.d.ts.map +1 -1
  10. package/dist/esm/input/input.js +1 -5
  11. package/dist/esm/input/inputInput.d.ts.map +1 -1
  12. package/dist/esm/input/inputInput.js +0 -1
  13. package/package.json +1 -1
  14. package/src/footer/footer.tsx +1 -1
  15. package/src/input/consts.ts +1 -1
  16. package/src/input/input.tsx +1 -5
  17. package/src/input/inputInput.tsx +0 -1
package/dist/cjs/footer/footer.js CHANGED
@@ -78,7 +78,7 @@ exports.Footer = (0, core_1.vui)((props, ref) => {
78
78
  link.items && (react_1.default.createElement(menu_1.default, Object.assign({ isLazy: false, offset: [-16, 9], placement: "top-start", size: "lg" }, rest),
79
79
  react_1.default.createElement(menu_1.default.Button, Object.assign({ as: link_1.Link, className: "vui-footerLink-trigger", pt: "3px", role: "button", text: link.text, title: link.text }, styles.link, rest)),
80
80
  react_1.default.createElement(menu_1.default.List, Object.assign({ maxH: 400, right: 0, w: 320 }, styles.list), link.items.map(({ text, url }, index) => (react_1.default.createElement(menu_1.default.Item, Object.assign({ isTruncated: true, key: index, linkProps: { href: url }, text: text, title: text }, styles.item))))))),
81
- !link.items && react_1.default.createElement(footerLink_1.default, Object.assign({}, link, { href: link.url })))))),
81
+ !link.items && react_1.default.createElement(footerLink_1.default, Object.assign({}, link)))))),
82
82
  downLg && react_1.default.createElement(divider_1.Divider, { borderColor: "sandstone.main", mb: 0.5, mt: 1, w: 1 }),
83
83
  react_1.default.createElement(box_1.Box, { centerV: true, columnGap: 3, flex: { xs: '0 0 100%', sm: '0 0 100%', md: '0 0 100%', lg: '0 0 50%' }, justifyContent: { sm: 'center', lg: 'flex-end' }, py: { xs: 1, sm: 1, md: 1.25, lg: 1.5 }, wrap: true }, applicationStaticItems === null || applicationStaticItems === void 0 ? void 0 :
84
84
  applicationStaticItems.map((text, index) => (react_1.default.createElement(box_1.Box, { key: index },
package/dist/cjs/input/consts.js CHANGED
@@ -11,7 +11,7 @@ exports.inputColors = {
11
11
  focus: 'seaBlue.main',
12
12
  error: 'energyRed.45',
13
13
  loading: 'seaBlue.80',
14
- success: 'landGreen.35'
14
+ success: 'landGreen.41'
15
15
  };
16
16
  exports.stateIcons = {
17
17
  error: 'falExclamationTriangle',
package/dist/cjs/input/input.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAOnE,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,eAAO,MAAM,SAAS,+HAmBrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK;UAoJV,gBAAgB;WACf,iBAAiB;cACd,eAAe;CAC1B,CAAA;AAOD,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAOnE,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,eAAO,MAAM,SAAS,+HAgBrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK;UAmJV,gBAAgB;WACf,iBAAiB;cACd,eAAe;CAC1B,CAAA;AAOD,eAAe,KAAK,CAAA"}
package/dist/cjs/input/input.js CHANGED
@@ -51,7 +51,6 @@ const inputIcon_1 = __importDefault(require("./inputIcon"));
51
51
  const inputInput_1 = __importDefault(require("./inputInput"));
52
52
  exports.InputBase = core_1.styled.divBox `
53
53
  align-items: center;
54
- color: sandsone.10;
55
54
  background-color: white;
56
55
  border-radius: none;
57
56
  border-width: 1px;
@@ -65,8 +64,6 @@ exports.InputBase = core_1.styled.divBox `
65
64
  &[aria-disabled='true'] {
66
65
  opacity: 0.5;
67
66
  cursor: not-allowed;
68
- background-color: sandstone.79;
69
- border-color: sandstone.79;
70
67
  }
71
68
  `;
72
69
  /**
@@ -93,8 +90,7 @@ exports.Input = (0, core_1.vui)((props, ref) => {
93
90
  }
94
91
  const aliasedProps = (0, utils_1.filterUndefined)({
95
92
  'aria-disabled': disabled,
96
- bg: readOnly ? 'sandstone.97' : undefined,
97
- borderColor: readOnly ? 'sandstone.55' : undefined,
93
+ bg: readOnly ? consts_1.inputColors.disabled : undefined,
98
94
  focusWithinBorderColor: !readOnly ? 'transparent' : undefined,
99
95
  focusWithinRingColor: readOnly ? 'transparent' : undefined
100
96
  });
package/dist/cjs/input/inputInput.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"inputInput.d.ts","sourceRoot":"","sources":["../../../src/input/inputInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,eAAO,MAAM,cAAc,2GAgB1B,CAAA;AAED,4DAA4D;AAC5D,eAAO,MAAM,UAAU,0DAqBrB,CAAA;AAIF,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"inputInput.d.ts","sourceRoot":"","sources":["../../../src/input/inputInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,eAAO,MAAM,cAAc,2GAe1B,CAAA;AAED,4DAA4D;AAC5D,eAAO,MAAM,UAAU,0DAqBrB,CAAA;AAIF,eAAe,UAAU,CAAA"}
package/dist/cjs/input/inputInput.js CHANGED
@@ -21,7 +21,6 @@ const utils_1 = require("../utils");
21
21
  const context_1 = require("./context");
22
22
  exports.InputInputBase = core_1.styled.input `
23
23
  align-self: stretch;
24
- color: sandstone.10;
25
24
  background-color: transparent;
26
25
  border: none;
27
26
  border-radius: none;
package/dist/esm/footer/footer.js CHANGED
@@ -60,7 +60,7 @@ export const Footer = vui((props, ref) => {
60
60
  link.items && (React.createElement(Menu, { isLazy: false, offset: [-16, 9], placement: "top-start", size: "lg", ...rest },
61
61
  React.createElement(Menu.Button, { as: Link, className: "vui-footerLink-trigger", pt: "3px", role: "button", text: link.text, title: link.text, ...styles.link, ...rest }),
62
62
  React.createElement(Menu.List, { maxH: 400, right: 0, w: 320, ...styles.list }, link.items.map(({ text, url }, index) => (React.createElement(Menu.Item, { isTruncated: true, key: index, linkProps: { href: url }, text: text, title: text, ...styles.item })))))),
63
- !link.items && React.createElement(FooterLink, { ...link, href: link.url }))))),
63
+ !link.items && React.createElement(FooterLink, { ...link }))))),
64
64
  downLg && React.createElement(Divider, { borderColor: "sandstone.main", mb: 0.5, mt: 1, w: 1 }),
65
65
  React.createElement(Box, { centerV: true, columnGap: 3, flex: { xs: '0 0 100%', sm: '0 0 100%', md: '0 0 100%', lg: '0 0 50%' }, justifyContent: { sm: 'center', lg: 'flex-end' }, py: { xs: 1, sm: 1, md: 1.25, lg: 1.5 }, wrap: true },
66
66
  applicationStaticItems?.map((text, index) => (React.createElement(Box, { key: index },
package/dist/esm/input/consts.js CHANGED
@@ -8,7 +8,7 @@ export const inputColors = {
8
8
  focus: 'seaBlue.main',
9
9
  error: 'energyRed.45',
10
10
  loading: 'seaBlue.80',
11
- success: 'landGreen.35'
11
+ success: 'landGreen.41'
12
12
  };
13
13
  export const stateIcons = {
14
14
  error: 'falExclamationTriangle',
package/dist/esm/input/input.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAOnE,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,eAAO,MAAM,SAAS,+HAmBrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK;UAoJV,gBAAgB;WACf,iBAAiB;cACd,eAAe;CAC1B,CAAA;AAOD,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAOnE,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,eAAO,MAAM,SAAS,+HAgBrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK;UAmJV,gBAAgB;WACf,iBAAiB;cACd,eAAe;CAC1B,CAAA;AAOD,eAAe,KAAK,CAAA"}
package/dist/esm/input/input.js CHANGED
@@ -11,7 +11,6 @@ import InputIcon from './inputIcon';
11
11
  import InputInput from './inputInput';
12
12
  export const InputBase = styled.divBox `
13
13
  align-items: center;
14
- color: sandsone.10;
15
14
  background-color: white;
16
15
  border-radius: none;
17
16
  border-width: 1px;
@@ -25,8 +24,6 @@ export const InputBase = styled.divBox `
25
24
  &[aria-disabled='true'] {
26
25
  opacity: 0.5;
27
26
  cursor: not-allowed;
28
- background-color: sandstone.79;
29
- border-color: sandstone.79;
30
27
  }
31
28
  `;
32
29
  /**
@@ -52,8 +49,7 @@ export const Input = vui((props, ref) => {
52
49
  }
53
50
  const aliasedProps = filterUndefined({
54
51
  'aria-disabled': disabled,
55
- bg: readOnly ? 'sandstone.97' : undefined,
56
- borderColor: readOnly ? 'sandstone.55' : undefined,
52
+ bg: readOnly ? inputColors.disabled : undefined,
57
53
  focusWithinBorderColor: !readOnly ? 'transparent' : undefined,
58
54
  focusWithinRingColor: readOnly ? 'transparent' : undefined
59
55
  });
package/dist/esm/input/inputInput.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"inputInput.d.ts","sourceRoot":"","sources":["../../../src/input/inputInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,eAAO,MAAM,cAAc,2GAgB1B,CAAA;AAED,4DAA4D;AAC5D,eAAO,MAAM,UAAU,0DAqBrB,CAAA;AAIF,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"inputInput.d.ts","sourceRoot":"","sources":["../../../src/input/inputInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,eAAO,MAAM,cAAc,2GAe1B,CAAA;AAED,4DAA4D;AAC5D,eAAO,MAAM,UAAU,0DAqBrB,CAAA;AAIF,eAAe,UAAU,CAAA"}
package/dist/esm/input/inputInput.js CHANGED
@@ -4,7 +4,6 @@ import { cs, filterUndefined } from '../utils';
4
4
  import { useInputContext } from './context';
5
5
  export const InputInputBase = styled.input `
6
6
  align-self: stretch;
7
- color: sandstone.10;
8
7
  background-color: transparent;
9
8
  border: none;
10
9
  border-radius: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veracity/vui",
3
- "version": "2.13.6",
3
+ "version": "2.14.0-beta.0",
4
4
  "description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
5
5
  "module": "./dist/esm/index.js",
6
6
  "main": "./dist/cjs/index.js",
package/src/footer/footer.tsx CHANGED
@@ -128,7 +128,7 @@ export const Footer = vui<'div', FooterProps>((props, ref) => {
128
128
  </Menu>
129
129
  )}
130
130
 
131
- {!link.items && <FooterLink {...link} href={link.url} />}
131
+ {!link.items && <FooterLink {...link} />}
132
132
  </Box>
133
133
  ))}
134
134
  </Box>
package/src/input/consts.ts CHANGED
@@ -10,7 +10,7 @@ export const inputColors = {
10
10
  focus: 'seaBlue.main',
11
11
  error: 'energyRed.45',
12
12
  loading: 'seaBlue.80',
13
- success: 'landGreen.35'
13
+ success: 'landGreen.41'
14
14
  }
15
15
 
16
16
  export const stateIcons = {
package/src/input/input.tsx CHANGED
@@ -14,7 +14,6 @@ import InputInput from './inputInput'
14
14
 
15
15
  export const InputBase = styled.divBox`
16
16
  align-items: center;
17
- color: sandsone.10;
18
17
  background-color: white;
19
18
  border-radius: none;
20
19
  border-width: 1px;
@@ -28,8 +27,6 @@ export const InputBase = styled.divBox`
28
27
  &[aria-disabled='true'] {
29
28
  opacity: 0.5;
30
29
  cursor: not-allowed;
31
- background-color: sandstone.79;
32
- border-color: sandstone.79;
33
30
  }
34
31
  `
35
32
 
@@ -102,8 +99,7 @@ export const Input = vui<'div', InputProps>((props, ref) => {
102
99
 
103
100
  const aliasedProps = filterUndefined({
104
101
  'aria-disabled': disabled,
105
- bg: readOnly ? 'sandstone.97' : undefined,
106
- borderColor: readOnly ? 'sandstone.55' : undefined,
102
+ bg: readOnly ? inputColors.disabled : undefined,
107
103
  focusWithinBorderColor: !readOnly ? 'transparent' : undefined,
108
104
  focusWithinRingColor: readOnly ? 'transparent' : undefined
109
105
  })
package/src/input/inputInput.tsx CHANGED
@@ -7,7 +7,6 @@ import { InputInputProps } from './input.types'
7
7
 
8
8
  export const InputInputBase = styled.input`
9
9
  align-self: stretch;
10
- color: sandstone.10;
11
10
  background-color: transparent;
12
11
  border: none;
13
12
  border-radius: none;