@vitality-ds/components 4.0.0-alpha.3.0 → 4.0.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 (15) hide show
  1. package/dist/Table/components/Cells/Header/styles/BaseHeaderCell.styles.js +2 -0
  2. package/dist/Table/styles/BaseHeader.styles.js +1 -1
  3. package/dist/components/src/Table/components/Cells/Header/styled.d.ts +2 -0
  4. package/dist/components/src/Table/components/Cells/Header/styled.d.ts.map +1 -1
  5. package/dist/components/src/Table/components/Cells/Header/styles/BaseHeaderCell.styles.d.ts +2 -0
  6. package/dist/components/src/Table/components/Cells/Header/styles/BaseHeaderCell.styles.d.ts.map +1 -1
  7. package/dist/components/src/Table/components/Cells/Header/styles/BaseHeaderCell.styles.js +2 -0
  8. package/dist/components/src/Table/components/Cells/Header/styles/BaseHeaderCell.styles.js.map +1 -1
  9. package/dist/components/src/Table/styles/BaseHeader.styles.d.ts.map +1 -1
  10. package/dist/components/src/Table/styles/BaseHeader.styles.js +1 -1
  11. package/dist/components/src/Table/styles/BaseHeader.styles.js.map +1 -1
  12. package/dist/esm/Table/components/Cells/Header/styles/BaseHeaderCell.styles.js +2 -0
  13. package/dist/esm/Table/styles/BaseHeader.styles.js +1 -1
  14. package/dist/tsconfig.tsbuildinfo +1 -1
  15. package/package.json +5 -5
package/dist/Table/components/Cells/Header/styles/BaseHeaderCell.styles.js CHANGED
@@ -8,6 +8,8 @@ var _system = require("@vitality-ds/system");
8
8
  var _default = exports["default"] = (0, _system.css)({
9
9
  width: "100%",
10
10
  display: "flex",
11
+ whiteSpace: "break-spaces",
12
+ lineHeight: "$display400",
11
13
  variants: {
12
14
  alignContent: {
13
15
  end: {
package/dist/Table/styles/BaseHeader.styles.js CHANGED
@@ -8,6 +8,6 @@ var _system = require("@vitality-ds/system");
8
8
  var text = _system.colorUseCases.text,
9
9
  borders = _system.colorUseCases.borders;
10
10
  var getHeaderStyles = function getHeaderStyles(size) {
11
- return "\n background: none;\n .th {\n ".concat(size === "compact" ? "font-family: ".concat(_system.theme.fonts.display100.value, ";\n font-size: ").concat(_system.theme.fontSizes.display100.value, ";\n font-weight: ").concat(_system.theme.fontWeights.display100.value, ";\n padding: ").concat(_system.theme.space.sm.value, " ").concat(_system.theme.space.md.value, ";\n ") : "\n font-family: ".concat(_system.theme.fonts.display200.value, ";\n font-size: ").concat(_system.theme.fontSizes.display200.value, ";\n font-weight: ").concat(_system.theme.fontWeights.display200.value, ";\n padding: ").concat(_system.theme.space.md.value, ";\n "), " \n color: ").concat((0, _system.getColorScaleFromThemeObject)("neutral", text.lowContrast, _system.theme), ";\n overflow: hidden;\n border-bottom: 2px solid ").concat((0, _system.getColorScaleFromThemeObject)("neutral", borders.uiElement, _system.theme), ";\n }\n ");
11
+ return "\n background: none;\n .th {\n ".concat(size === "compact" ? "font-family: ".concat(_system.theme.fonts.display100.value, ";\n font-size: ").concat(_system.theme.fontSizes.display100.value, ";\n font-weight: ").concat(_system.theme.fontWeights.display100.value, ";\n padding: ").concat(_system.theme.space.sm.value, " ").concat(_system.theme.space.md.value, ";\n ") : "\n font-family: ".concat(_system.theme.fonts.display200.value, ";\n font-size: ").concat(_system.theme.fontSizes.display200.value, ";\n font-weight: ").concat(_system.theme.fontWeights.display200.value, ";\n padding: ").concat(_system.theme.space.md.value, ";\n "), " \n color: ").concat((0, _system.getColorScaleFromThemeObject)("neutral", text.lowContrast, _system.theme), ";\n overflow: hidden;\n border-bottom: 2px solid ").concat((0, _system.getColorScaleFromThemeObject)("neutral", borders.uiElement, _system.theme), ";\n align-items: center;\n }\n ");
12
12
  };
13
13
  var _default = exports["default"] = getHeaderStyles;
package/dist/components/src/Table/components/Cells/Header/styled.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  export declare const BaseHeaderCell: import("@stitches/react/types/styled-component").StyledComponent<"div", import("@stitches/react/types/styled-component").StyledComponentProps<[import("@stitches/react/types/styled-component").CssComponent<never, import("@stitches/react/types/styled-component").StyledComponentProps<[{
2
2
  width: string;
3
3
  display: string;
4
+ whiteSpace: string;
5
+ lineHeight: string;
4
6
  variants: {
5
7
  alignContent: {
6
8
  end: {
package/dist/components/src/Table/components/Cells/Header/styled.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../../../src/Table/components/Cells/Header/styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAsC,CAAC"}
1
+ {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../../../src/Table/components/Cells/Header/styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAsC,CAAC"}
package/dist/components/src/Table/components/Cells/Header/styles/BaseHeaderCell.styles.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  declare const _default: import("@stitches/react/types/styled-component").CssComponent<never, import("@stitches/react/types/styled-component").StyledComponentProps<[{
2
2
  width: string;
3
3
  display: string;
4
+ whiteSpace: string;
5
+ lineHeight: string;
4
6
  variants: {
5
7
  alignContent: {
6
8
  end: {
package/dist/components/src/Table/components/Cells/Header/styles/BaseHeaderCell.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseHeaderCell.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../src/Table/components/Cells/Header/styles/BaseHeaderCell.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAWG"}
1
+ {"version":3,"file":"BaseHeaderCell.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../src/Table/components/Cells/Header/styles/BaseHeaderCell.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAaG"}
package/dist/components/src/Table/components/Cells/Header/styles/BaseHeaderCell.styles.js CHANGED
@@ -4,6 +4,8 @@ var system_1 = require("@vitality-ds/system");
4
4
  exports.default = (0, system_1.css)({
5
5
  width: "100%",
6
6
  display: "flex",
7
+ whiteSpace: "break-spaces",
8
+ lineHeight: "$display400",
7
9
  variants: {
8
10
  alignContent: {
9
11
  end: {
package/dist/components/src/Table/components/Cells/Header/styles/BaseHeaderCell.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseHeaderCell.styles.js","sourceRoot":"","sources":["../../../../../../../../src/Table/components/Cells/Header/styles/BaseHeaderCell.styles.ts"],"names":[],"mappings":";;AAAA,8CAA0C;AAE1C,kBAAe,IAAA,YAAG,EAAC;IACjB,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,GAAG,EAAE;gBACH,cAAc,EAAE,UAAU;gBAC1B,SAAS,EAAE,OAAO;aACnB;SACF;KACF;CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"BaseHeaderCell.styles.js","sourceRoot":"","sources":["../../../../../../../../src/Table/components/Cells/Header/styles/BaseHeaderCell.styles.ts"],"names":[],"mappings":";;AAAA,8CAA0C;AAE1C,kBAAe,IAAA,YAAG,EAAC;IACjB,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,cAAc;IAC1B,UAAU,EAAE,aAAa;IACzB,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,GAAG,EAAE;gBACH,cAAc,EAAE,UAAU;gBAC1B,SAAS,EAAE,OAAO;aACnB;SACF;KACF;CACF,CAAC,CAAC"}
package/dist/components/src/Table/styles/BaseHeader.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseHeader.styles.d.ts","sourceRoot":"","sources":["../../../../../src/Table/styles/BaseHeader.styles.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAIrC,QAAA,MAAM,eAAe,SAAU,SAAS,WA+BvC,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"BaseHeader.styles.d.ts","sourceRoot":"","sources":["../../../../../src/Table/styles/BaseHeader.styles.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAIrC,QAAA,MAAM,eAAe,SAAU,SAAS,WAgCvC,CAAC;AAEF,eAAe,eAAe,CAAC"}
package/dist/components/src/Table/styles/BaseHeader.styles.js CHANGED
@@ -5,7 +5,7 @@ var text = system_1.colorUseCases.text, borders = system_1.colorUseCases.borders
5
5
  var getHeaderStyles = function (size) {
6
6
  return "\n background: none;\n .th {\n " + (size === "compact"
7
7
  ? "font-family: " + system_1.theme.fonts.display100.value + ";\n font-size: " + system_1.theme.fontSizes.display100.value + ";\n font-weight: " + system_1.theme.fontWeights.display100.value + ";\n padding: " + system_1.theme.space.sm.value + " " + system_1.theme.space.md.value + ";\n "
8
- : "\n font-family: " + system_1.theme.fonts.display200.value + ";\n font-size: " + system_1.theme.fontSizes.display200.value + ";\n font-weight: " + system_1.theme.fontWeights.display200.value + ";\n padding: " + system_1.theme.space.md.value + ";\n ") + " \n color: " + (0, system_1.getColorScaleFromThemeObject)("neutral", text.lowContrast, system_1.theme) + ";\n overflow: hidden;\n border-bottom: 2px solid " + (0, system_1.getColorScaleFromThemeObject)("neutral", borders.uiElement, system_1.theme) + ";\n }\n ";
8
+ : "\n font-family: " + system_1.theme.fonts.display200.value + ";\n font-size: " + system_1.theme.fontSizes.display200.value + ";\n font-weight: " + system_1.theme.fontWeights.display200.value + ";\n padding: " + system_1.theme.space.md.value + ";\n ") + " \n color: " + (0, system_1.getColorScaleFromThemeObject)("neutral", text.lowContrast, system_1.theme) + ";\n overflow: hidden;\n border-bottom: 2px solid " + (0, system_1.getColorScaleFromThemeObject)("neutral", borders.uiElement, system_1.theme) + ";\n align-items: center;\n }\n ";
9
9
  };
10
10
  exports.default = getHeaderStyles;
11
11
  //# sourceMappingURL=BaseHeader.styles.js.map
package/dist/components/src/Table/styles/BaseHeader.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseHeader.styles.js","sourceRoot":"","sources":["../../../../../src/Table/styles/BaseHeader.styles.ts"],"names":[],"mappings":";;AAAA,8CAI6B;AAIrB,IAAA,IAAI,GAAc,sBAAa,KAA3B,EAAE,OAAO,GAAK,sBAAa,QAAlB,CAAmB;AAExC,IAAM,eAAe,GAAG,UAAC,IAAe;IACtC,OAAO,sDAIC,IAAI,KAAK,SAAS;QAChB,CAAC,CAAC,kBAAgB,cAAK,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,8BACrC,cAAK,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,gCAC9B,cAAK,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,4BACtC,cAAK,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,SAAI,cAAK,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,gBACtD;QACG,CAAC,CAAC,4BACS,cAAK,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,8BAC9B,cAAK,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,gCAC9B,cAAK,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,4BACtC,cAAK,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,gBAC9B,4BAEQ,IAAA,qCAA4B,EACnC,SAAS,EACT,IAAI,CAAC,WAAW,EAChB,cAAK,CACN,uEAE0B,IAAA,qCAA4B,EACrD,SAAS,EACT,OAAO,CAAC,SAAS,EACjB,cAAK,CACN,2BAEA,CAAC;AACV,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"BaseHeader.styles.js","sourceRoot":"","sources":["../../../../../src/Table/styles/BaseHeader.styles.ts"],"names":[],"mappings":";;AAAA,8CAI6B;AAIrB,IAAA,IAAI,GAAc,sBAAa,KAA3B,EAAE,OAAO,GAAK,sBAAa,QAAlB,CAAmB;AAExC,IAAM,eAAe,GAAG,UAAC,IAAe;IACtC,OAAO,sDAIC,IAAI,KAAK,SAAS;QAChB,CAAC,CAAC,kBAAgB,cAAK,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,8BACrC,cAAK,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,gCAC9B,cAAK,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,4BACtC,cAAK,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,SAAI,cAAK,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,gBACtD;QACG,CAAC,CAAC,4BACS,cAAK,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,8BAC9B,cAAK,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,gCAC9B,cAAK,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,4BACtC,cAAK,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,gBAC9B,4BAEQ,IAAA,qCAA4B,EACnC,SAAS,EACT,IAAI,CAAC,WAAW,EAChB,cAAK,CACN,uEAE0B,IAAA,qCAA4B,EACrD,SAAS,EACT,OAAO,CAAC,SAAS,EACjB,cAAK,CACN,yDAGA,CAAC;AACV,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
package/dist/esm/Table/components/Cells/Header/styles/BaseHeaderCell.styles.js CHANGED
@@ -2,6 +2,8 @@ import { css } from "@vitality-ds/system";
2
2
  export default css({
3
3
  width: "100%",
4
4
  display: "flex",
5
+ whiteSpace: "break-spaces",
6
+ lineHeight: "$display400",
5
7
  variants: {
6
8
  alignContent: {
7
9
  end: {
package/dist/esm/Table/styles/BaseHeader.styles.js CHANGED
@@ -2,6 +2,6 @@ import { colorUseCases, getColorScaleFromThemeObject, theme } from "@vitality-ds
2
2
  var text = colorUseCases.text,
3
3
  borders = colorUseCases.borders;
4
4
  var getHeaderStyles = function getHeaderStyles(size) {
5
- return "\n background: none;\n .th {\n ".concat(size === "compact" ? "font-family: ".concat(theme.fonts.display100.value, ";\n font-size: ").concat(theme.fontSizes.display100.value, ";\n font-weight: ").concat(theme.fontWeights.display100.value, ";\n padding: ").concat(theme.space.sm.value, " ").concat(theme.space.md.value, ";\n ") : "\n font-family: ".concat(theme.fonts.display200.value, ";\n font-size: ").concat(theme.fontSizes.display200.value, ";\n font-weight: ").concat(theme.fontWeights.display200.value, ";\n padding: ").concat(theme.space.md.value, ";\n "), " \n color: ").concat(getColorScaleFromThemeObject("neutral", text.lowContrast, theme), ";\n overflow: hidden;\n border-bottom: 2px solid ").concat(getColorScaleFromThemeObject("neutral", borders.uiElement, theme), ";\n }\n ");
5
+ return "\n background: none;\n .th {\n ".concat(size === "compact" ? "font-family: ".concat(theme.fonts.display100.value, ";\n font-size: ").concat(theme.fontSizes.display100.value, ";\n font-weight: ").concat(theme.fontWeights.display100.value, ";\n padding: ").concat(theme.space.sm.value, " ").concat(theme.space.md.value, ";\n ") : "\n font-family: ".concat(theme.fonts.display200.value, ";\n font-size: ").concat(theme.fontSizes.display200.value, ";\n font-weight: ").concat(theme.fontWeights.display200.value, ";\n padding: ").concat(theme.space.md.value, ";\n "), " \n color: ").concat(getColorScaleFromThemeObject("neutral", text.lowContrast, theme), ";\n overflow: hidden;\n border-bottom: 2px solid ").concat(getColorScaleFromThemeObject("neutral", borders.uiElement, theme), ";\n align-items: center;\n }\n ");
6
6
  };
7
7
  export default getHeaderStyles;