@vitality-ds/components 4.2.1-alpha.0 → 4.3.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 (24) hide show
  1. package/dist/Dialog/components/DialogHeader/index.js +2 -4
  2. package/dist/Table/components/Toolbar/index.js +0 -1
  3. package/dist/Typography/styles/BaseTypography.styles.js +6 -89
  4. package/dist/components/src/Dialog/components/DialogHeader/index.d.ts.map +1 -1
  5. package/dist/components/src/Dialog/components/DialogHeader/index.js +2 -2
  6. package/dist/components/src/Dialog/components/DialogHeader/index.js.map +1 -1
  7. package/dist/components/src/Link/Link.d.ts +3 -23
  8. package/dist/components/src/Link/Link.d.ts.map +1 -1
  9. package/dist/components/src/Link/styled.d.ts +1 -21
  10. package/dist/components/src/Link/styled.d.ts.map +1 -1
  11. package/dist/components/src/Table/components/Toolbar/index.d.ts.map +1 -1
  12. package/dist/components/src/Table/components/Toolbar/index.js +1 -1
  13. package/dist/components/src/Table/components/Toolbar/index.js.map +1 -1
  14. package/dist/components/src/Typography/styled.d.ts +1 -21
  15. package/dist/components/src/Typography/styled.d.ts.map +1 -1
  16. package/dist/components/src/Typography/styles/BaseTypography.styles.d.ts +1 -33
  17. package/dist/components/src/Typography/styles/BaseTypography.styles.d.ts.map +1 -1
  18. package/dist/components/src/Typography/styles/BaseTypography.styles.js +6 -101
  19. package/dist/components/src/Typography/styles/BaseTypography.styles.js.map +1 -1
  20. package/dist/esm/Dialog/components/DialogHeader/index.js +2 -4
  21. package/dist/esm/Table/components/Toolbar/index.js +0 -1
  22. package/dist/esm/Typography/styles/BaseTypography.styles.js +6 -89
  23. package/dist/tsconfig.tsbuildinfo +1 -1
  24. package/package.json +5 -5
package/dist/components/src/Typography/styled.d.ts CHANGED
@@ -5,7 +5,6 @@ export declare const BaseTypography: import("@stitches/react/types/styled-compon
5
5
  textOverflow?: undefined;
6
6
  wrap?: undefined;
7
7
  color?: undefined;
8
- hideVerticalSpacing?: undefined;
9
8
  variant?: undefined;
10
9
  maxLines?: undefined;
11
10
  listStylePosition?: undefined;
@@ -90,12 +89,6 @@ export declare const BaseTypography: import("@stitches/react/types/styled-compon
90
89
  color: "$colors$blue2" | "$colors$cyan2" | "$colors$green2" | "$colors$grey2" | "$colors$greyA2" | "$colors$orange2" | "$colors$pink2" | "$colors$red2" | "$colors$yellow2" | "$colors$blue1" | "$colors$cyan1" | "$colors$green1" | "$colors$grey1" | "$colors$greyA1" | "$colors$orange1" | "$colors$pink1" | "$colors$red1" | "$colors$yellow1" | "$colors$blue7" | "$colors$cyan7" | "$colors$green7" | "$colors$grey7" | "$colors$greyA7" | "$colors$orange7" | "$colors$pink7" | "$colors$red7" | "$colors$yellow7" | "$colors$blue12" | "$colors$cyan12" | "$colors$green12" | "$colors$grey12" | "$colors$greyA12" | "$colors$orange12" | "$colors$pink12" | "$colors$red12" | "$colors$yellow12" | "$colors$blue3" | "$colors$cyan3" | "$colors$green3" | "$colors$grey3" | "$colors$greyA3" | "$colors$orange3" | "$colors$pink3" | "$colors$red3" | "$colors$yellow3" | "$colors$blue4" | "$colors$cyan4" | "$colors$green4" | "$colors$grey4" | "$colors$greyA4" | "$colors$orange4" | "$colors$pink4" | "$colors$red4" | "$colors$yellow4" | "$colors$blue5" | "$colors$cyan5" | "$colors$green5" | "$colors$grey5" | "$colors$greyA5" | "$colors$orange5" | "$colors$pink5" | "$colors$red5" | "$colors$yellow5" | "$colors$blue9" | "$colors$cyan9" | "$colors$green9" | "$colors$grey9" | "$colors$greyA9" | "$colors$orange9" | "$colors$pink9" | "$colors$red9" | "$colors$yellow9" | "$colors$blue10" | "$colors$cyan10" | "$colors$green10" | "$colors$grey10" | "$colors$greyA10" | "$colors$orange10" | "$colors$pink10" | "$colors$red10" | "$colors$yellow10" | "$colors$blue11" | "$colors$cyan11" | "$colors$green11" | "$colors$grey11" | "$colors$greyA11" | "$colors$orange11" | "$colors$pink11" | "$colors$red11" | "$colors$yellow11" | "$colors$blue6" | "$colors$cyan6" | "$colors$green6" | "$colors$grey6" | "$colors$greyA6" | "$colors$orange6" | "$colors$pink6" | "$colors$red6" | "$colors$yellow6" | "$colors$blue8" | "$colors$cyan8" | "$colors$green8" | "$colors$grey8" | "$colors$greyA8" | "$colors$orange8" | "$colors$pink8" | "$colors$red8" | "$colors$yellow8" | "$colors$blue13" | "$colors$cyan13" | "$colors$green13" | "$colors$grey13" | "$colors$greyA13" | "$colors$orange13" | "$colors$pink13" | "$colors$red13" | "$colors$yellow13" | "$colors$neutral2" | "$colors$neutralA2" | "$colors$primary2" | "$colors$accent2" | "$colors$success2" | "$colors$info2" | "$colors$warning2" | "$colors$critical2" | "$colors$neutral1" | "$colors$neutralA1" | "$colors$primary1" | "$colors$accent1" | "$colors$success1" | "$colors$info1" | "$colors$warning1" | "$colors$critical1" | "$colors$neutral7" | "$colors$neutralA7" | "$colors$primary7" | "$colors$accent7" | "$colors$success7" | "$colors$info7" | "$colors$warning7" | "$colors$critical7" | "$colors$neutral12" | "$colors$neutralA12" | "$colors$primary12" | "$colors$accent12" | "$colors$success12" | "$colors$info12" | "$colors$warning12" | "$colors$critical12" | "$colors$neutral3" | "$colors$neutralA3" | "$colors$primary3" | "$colors$accent3" | "$colors$success3" | "$colors$info3" | "$colors$warning3" | "$colors$critical3" | "$colors$neutral4" | "$colors$neutralA4" | "$colors$primary4" | "$colors$accent4" | "$colors$success4" | "$colors$info4" | "$colors$warning4" | "$colors$critical4" | "$colors$neutral5" | "$colors$neutralA5" | "$colors$primary5" | "$colors$accent5" | "$colors$success5" | "$colors$info5" | "$colors$warning5" | "$colors$critical5" | "$colors$neutral9" | "$colors$neutralA9" | "$colors$primary9" | "$colors$accent9" | "$colors$success9" | "$colors$info9" | "$colors$warning9" | "$colors$critical9" | "$colors$neutral10" | "$colors$neutralA10" | "$colors$primary10" | "$colors$accent10" | "$colors$success10" | "$colors$info10" | "$colors$warning10" | "$colors$critical10" | "$colors$neutral11" | "$colors$neutralA11" | "$colors$primary11" | "$colors$accent11" | "$colors$success11" | "$colors$info11" | "$colors$warning11" | "$colors$critical11" | "$colors$neutral6" | "$colors$neutralA6" | "$colors$primary6" | "$colors$accent6" | "$colors$success6" | "$colors$info6" | "$colors$warning6" | "$colors$critical6" | "$colors$neutral8" | "$colors$neutralA8" | "$colors$primary8" | "$colors$accent8" | "$colors$success8" | "$colors$info8" | "$colors$warning8" | "$colors$critical8" | "$colors$neutral13" | "$colors$neutralA13" | "$colors$primary13" | "$colors$accent13" | "$colors$success13" | "$colors$info13" | "$colors$warning13" | "$colors$critical13";
91
90
  };
92
91
  };
93
- hideVerticalSpacing: {
94
- true: {
95
- marginTop: number;
96
- marginBottom: number;
97
- };
98
- };
99
92
  variant: {
100
93
  inherit: {
101
94
  fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
@@ -136,7 +129,6 @@ export declare const BaseTypography: import("@stitches/react/types/styled-compon
136
129
  fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
137
130
  };
138
131
  sectionSubtitle: {
139
- marginBottom: string;
140
132
  fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
141
133
  fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
142
134
  lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
@@ -144,7 +136,6 @@ export declare const BaseTypography: import("@stitches/react/types/styled-compon
144
136
  fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
145
137
  };
146
138
  sectionTitle: {
147
- marginBottom: string;
148
139
  fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
149
140
  fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
150
141
  lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
@@ -152,7 +143,6 @@ export declare const BaseTypography: import("@stitches/react/types/styled-compon
152
143
  fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
153
144
  };
154
145
  pageTitle: {
155
- marginBottom: string;
156
146
  fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
157
147
  fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
158
148
  lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
@@ -265,13 +255,12 @@ export declare const BaseTypography: import("@stitches/react/types/styled-compon
265
255
  textOverflow?: undefined;
266
256
  wrap?: undefined;
267
257
  color?: undefined;
268
- hideVerticalSpacing?: undefined;
269
258
  variant?: undefined;
270
259
  maxLines?: undefined;
271
260
  };
272
261
  fontFamily: string;
273
262
  fontSize: string;
274
- marginTop: number;
263
+ marginBlock: number;
275
264
  variants: {
276
265
  textAlign: {
277
266
  start: {
@@ -351,12 +340,6 @@ export declare const BaseTypography: import("@stitches/react/types/styled-compon
351
340
  color: "$colors$blue2" | "$colors$cyan2" | "$colors$green2" | "$colors$grey2" | "$colors$greyA2" | "$colors$orange2" | "$colors$pink2" | "$colors$red2" | "$colors$yellow2" | "$colors$blue1" | "$colors$cyan1" | "$colors$green1" | "$colors$grey1" | "$colors$greyA1" | "$colors$orange1" | "$colors$pink1" | "$colors$red1" | "$colors$yellow1" | "$colors$blue7" | "$colors$cyan7" | "$colors$green7" | "$colors$grey7" | "$colors$greyA7" | "$colors$orange7" | "$colors$pink7" | "$colors$red7" | "$colors$yellow7" | "$colors$blue12" | "$colors$cyan12" | "$colors$green12" | "$colors$grey12" | "$colors$greyA12" | "$colors$orange12" | "$colors$pink12" | "$colors$red12" | "$colors$yellow12" | "$colors$blue3" | "$colors$cyan3" | "$colors$green3" | "$colors$grey3" | "$colors$greyA3" | "$colors$orange3" | "$colors$pink3" | "$colors$red3" | "$colors$yellow3" | "$colors$blue4" | "$colors$cyan4" | "$colors$green4" | "$colors$grey4" | "$colors$greyA4" | "$colors$orange4" | "$colors$pink4" | "$colors$red4" | "$colors$yellow4" | "$colors$blue5" | "$colors$cyan5" | "$colors$green5" | "$colors$grey5" | "$colors$greyA5" | "$colors$orange5" | "$colors$pink5" | "$colors$red5" | "$colors$yellow5" | "$colors$blue9" | "$colors$cyan9" | "$colors$green9" | "$colors$grey9" | "$colors$greyA9" | "$colors$orange9" | "$colors$pink9" | "$colors$red9" | "$colors$yellow9" | "$colors$blue10" | "$colors$cyan10" | "$colors$green10" | "$colors$grey10" | "$colors$greyA10" | "$colors$orange10" | "$colors$pink10" | "$colors$red10" | "$colors$yellow10" | "$colors$blue11" | "$colors$cyan11" | "$colors$green11" | "$colors$grey11" | "$colors$greyA11" | "$colors$orange11" | "$colors$pink11" | "$colors$red11" | "$colors$yellow11" | "$colors$blue6" | "$colors$cyan6" | "$colors$green6" | "$colors$grey6" | "$colors$greyA6" | "$colors$orange6" | "$colors$pink6" | "$colors$red6" | "$colors$yellow6" | "$colors$blue8" | "$colors$cyan8" | "$colors$green8" | "$colors$grey8" | "$colors$greyA8" | "$colors$orange8" | "$colors$pink8" | "$colors$red8" | "$colors$yellow8" | "$colors$blue13" | "$colors$cyan13" | "$colors$green13" | "$colors$grey13" | "$colors$greyA13" | "$colors$orange13" | "$colors$pink13" | "$colors$red13" | "$colors$yellow13" | "$colors$neutral2" | "$colors$neutralA2" | "$colors$primary2" | "$colors$accent2" | "$colors$success2" | "$colors$info2" | "$colors$warning2" | "$colors$critical2" | "$colors$neutral1" | "$colors$neutralA1" | "$colors$primary1" | "$colors$accent1" | "$colors$success1" | "$colors$info1" | "$colors$warning1" | "$colors$critical1" | "$colors$neutral7" | "$colors$neutralA7" | "$colors$primary7" | "$colors$accent7" | "$colors$success7" | "$colors$info7" | "$colors$warning7" | "$colors$critical7" | "$colors$neutral12" | "$colors$neutralA12" | "$colors$primary12" | "$colors$accent12" | "$colors$success12" | "$colors$info12" | "$colors$warning12" | "$colors$critical12" | "$colors$neutral3" | "$colors$neutralA3" | "$colors$primary3" | "$colors$accent3" | "$colors$success3" | "$colors$info3" | "$colors$warning3" | "$colors$critical3" | "$colors$neutral4" | "$colors$neutralA4" | "$colors$primary4" | "$colors$accent4" | "$colors$success4" | "$colors$info4" | "$colors$warning4" | "$colors$critical4" | "$colors$neutral5" | "$colors$neutralA5" | "$colors$primary5" | "$colors$accent5" | "$colors$success5" | "$colors$info5" | "$colors$warning5" | "$colors$critical5" | "$colors$neutral9" | "$colors$neutralA9" | "$colors$primary9" | "$colors$accent9" | "$colors$success9" | "$colors$info9" | "$colors$warning9" | "$colors$critical9" | "$colors$neutral10" | "$colors$neutralA10" | "$colors$primary10" | "$colors$accent10" | "$colors$success10" | "$colors$info10" | "$colors$warning10" | "$colors$critical10" | "$colors$neutral11" | "$colors$neutralA11" | "$colors$primary11" | "$colors$accent11" | "$colors$success11" | "$colors$info11" | "$colors$warning11" | "$colors$critical11" | "$colors$neutral6" | "$colors$neutralA6" | "$colors$primary6" | "$colors$accent6" | "$colors$success6" | "$colors$info6" | "$colors$warning6" | "$colors$critical6" | "$colors$neutral8" | "$colors$neutralA8" | "$colors$primary8" | "$colors$accent8" | "$colors$success8" | "$colors$info8" | "$colors$warning8" | "$colors$critical8" | "$colors$neutral13" | "$colors$neutralA13" | "$colors$primary13" | "$colors$accent13" | "$colors$success13" | "$colors$info13" | "$colors$warning13" | "$colors$critical13";
352
341
  };
353
342
  };
354
- hideVerticalSpacing: {
355
- true: {
356
- marginTop: number;
357
- marginBottom: number;
358
- };
359
- };
360
343
  variant: {
361
344
  inherit: {
362
345
  fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
@@ -397,7 +380,6 @@ export declare const BaseTypography: import("@stitches/react/types/styled-compon
397
380
  fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
398
381
  };
399
382
  sectionSubtitle: {
400
- marginBottom: string;
401
383
  fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
402
384
  fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
403
385
  lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
@@ -405,7 +387,6 @@ export declare const BaseTypography: import("@stitches/react/types/styled-compon
405
387
  fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
406
388
  };
407
389
  sectionTitle: {
408
- marginBottom: string;
409
390
  fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
410
391
  fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
411
392
  lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
@@ -413,7 +394,6 @@ export declare const BaseTypography: import("@stitches/react/types/styled-compon
413
394
  fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
414
395
  };
415
396
  pageTitle: {
416
- marginBottom: string;
417
397
  fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
418
398
  fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
419
399
  lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
package/dist/components/src/Typography/styled.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/Typography/styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAuC,CAAC"}
1
+ {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/Typography/styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAuC,CAAC"}
package/dist/components/src/Typography/styles/BaseTypography.styles.d.ts CHANGED
@@ -17,10 +17,6 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
17
17
  * Sets the color of the text.
18
18
  */
19
19
  color?: undefined;
20
- /**
21
- * If `true`, the component will have no top or bottom margins
22
- */
23
- hideVerticalSpacing?: undefined;
24
20
  /**
25
21
  * Customises the font size and weight to a pre-set option.
26
22
  */
@@ -123,15 +119,6 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
123
119
  color: "$colors$blue2" | "$colors$cyan2" | "$colors$green2" | "$colors$grey2" | "$colors$greyA2" | "$colors$orange2" | "$colors$pink2" | "$colors$red2" | "$colors$yellow2" | "$colors$blue1" | "$colors$cyan1" | "$colors$green1" | "$colors$grey1" | "$colors$greyA1" | "$colors$orange1" | "$colors$pink1" | "$colors$red1" | "$colors$yellow1" | "$colors$blue7" | "$colors$cyan7" | "$colors$green7" | "$colors$grey7" | "$colors$greyA7" | "$colors$orange7" | "$colors$pink7" | "$colors$red7" | "$colors$yellow7" | "$colors$blue12" | "$colors$cyan12" | "$colors$green12" | "$colors$grey12" | "$colors$greyA12" | "$colors$orange12" | "$colors$pink12" | "$colors$red12" | "$colors$yellow12" | "$colors$blue3" | "$colors$cyan3" | "$colors$green3" | "$colors$grey3" | "$colors$greyA3" | "$colors$orange3" | "$colors$pink3" | "$colors$red3" | "$colors$yellow3" | "$colors$blue4" | "$colors$cyan4" | "$colors$green4" | "$colors$grey4" | "$colors$greyA4" | "$colors$orange4" | "$colors$pink4" | "$colors$red4" | "$colors$yellow4" | "$colors$blue5" | "$colors$cyan5" | "$colors$green5" | "$colors$grey5" | "$colors$greyA5" | "$colors$orange5" | "$colors$pink5" | "$colors$red5" | "$colors$yellow5" | "$colors$blue9" | "$colors$cyan9" | "$colors$green9" | "$colors$grey9" | "$colors$greyA9" | "$colors$orange9" | "$colors$pink9" | "$colors$red9" | "$colors$yellow9" | "$colors$blue10" | "$colors$cyan10" | "$colors$green10" | "$colors$grey10" | "$colors$greyA10" | "$colors$orange10" | "$colors$pink10" | "$colors$red10" | "$colors$yellow10" | "$colors$blue11" | "$colors$cyan11" | "$colors$green11" | "$colors$grey11" | "$colors$greyA11" | "$colors$orange11" | "$colors$pink11" | "$colors$red11" | "$colors$yellow11" | "$colors$blue6" | "$colors$cyan6" | "$colors$green6" | "$colors$grey6" | "$colors$greyA6" | "$colors$orange6" | "$colors$pink6" | "$colors$red6" | "$colors$yellow6" | "$colors$blue8" | "$colors$cyan8" | "$colors$green8" | "$colors$grey8" | "$colors$greyA8" | "$colors$orange8" | "$colors$pink8" | "$colors$red8" | "$colors$yellow8" | "$colors$blue13" | "$colors$cyan13" | "$colors$green13" | "$colors$grey13" | "$colors$greyA13" | "$colors$orange13" | "$colors$pink13" | "$colors$red13" | "$colors$yellow13" | "$colors$neutral2" | "$colors$neutralA2" | "$colors$primary2" | "$colors$accent2" | "$colors$success2" | "$colors$info2" | "$colors$warning2" | "$colors$critical2" | "$colors$neutral1" | "$colors$neutralA1" | "$colors$primary1" | "$colors$accent1" | "$colors$success1" | "$colors$info1" | "$colors$warning1" | "$colors$critical1" | "$colors$neutral7" | "$colors$neutralA7" | "$colors$primary7" | "$colors$accent7" | "$colors$success7" | "$colors$info7" | "$colors$warning7" | "$colors$critical7" | "$colors$neutral12" | "$colors$neutralA12" | "$colors$primary12" | "$colors$accent12" | "$colors$success12" | "$colors$info12" | "$colors$warning12" | "$colors$critical12" | "$colors$neutral3" | "$colors$neutralA3" | "$colors$primary3" | "$colors$accent3" | "$colors$success3" | "$colors$info3" | "$colors$warning3" | "$colors$critical3" | "$colors$neutral4" | "$colors$neutralA4" | "$colors$primary4" | "$colors$accent4" | "$colors$success4" | "$colors$info4" | "$colors$warning4" | "$colors$critical4" | "$colors$neutral5" | "$colors$neutralA5" | "$colors$primary5" | "$colors$accent5" | "$colors$success5" | "$colors$info5" | "$colors$warning5" | "$colors$critical5" | "$colors$neutral9" | "$colors$neutralA9" | "$colors$primary9" | "$colors$accent9" | "$colors$success9" | "$colors$info9" | "$colors$warning9" | "$colors$critical9" | "$colors$neutral10" | "$colors$neutralA10" | "$colors$primary10" | "$colors$accent10" | "$colors$success10" | "$colors$info10" | "$colors$warning10" | "$colors$critical10" | "$colors$neutral11" | "$colors$neutralA11" | "$colors$primary11" | "$colors$accent11" | "$colors$success11" | "$colors$info11" | "$colors$warning11" | "$colors$critical11" | "$colors$neutral6" | "$colors$neutralA6" | "$colors$primary6" | "$colors$accent6" | "$colors$success6" | "$colors$info6" | "$colors$warning6" | "$colors$critical6" | "$colors$neutral8" | "$colors$neutralA8" | "$colors$primary8" | "$colors$accent8" | "$colors$success8" | "$colors$info8" | "$colors$warning8" | "$colors$critical8" | "$colors$neutral13" | "$colors$neutralA13" | "$colors$primary13" | "$colors$accent13" | "$colors$success13" | "$colors$info13" | "$colors$warning13" | "$colors$critical13";
124
120
  };
125
121
  };
126
- /**
127
- * If `true`, the component will have no top or bottom margins
128
- */
129
- hideVerticalSpacing: {
130
- true: {
131
- marginTop: number;
132
- marginBottom: number;
133
- };
134
- };
135
122
  /**
136
123
  * Customises the font size and weight to a pre-set option.
137
124
  */
@@ -175,7 +162,6 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
175
162
  fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
176
163
  };
177
164
  sectionSubtitle: {
178
- marginBottom: string;
179
165
  fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
180
166
  fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
181
167
  lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
@@ -183,7 +169,6 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
183
169
  fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
184
170
  };
185
171
  sectionTitle: {
186
- marginBottom: string;
187
172
  fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
188
173
  fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
189
174
  lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
@@ -191,7 +176,6 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
191
176
  fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
192
177
  };
193
178
  pageTitle: {
194
- marginBottom: string;
195
179
  fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
196
180
  fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
197
181
  lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
@@ -319,10 +303,6 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
319
303
  * Sets the color of the text.
320
304
  */
321
305
  color?: undefined;
322
- /**
323
- * If `true`, the component will have no top or bottom margins
324
- */
325
- hideVerticalSpacing?: undefined;
326
306
  /**
327
307
  * Customises the font size and weight to a pre-set option.
328
308
  */
@@ -334,7 +314,7 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
334
314
  };
335
315
  fontFamily: string;
336
316
  fontSize: string;
337
- marginTop: number;
317
+ marginBlock: number;
338
318
  variants: {
339
319
  /**
340
320
  * Set the text element's text alignment
@@ -426,15 +406,6 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
426
406
  color: "$colors$blue2" | "$colors$cyan2" | "$colors$green2" | "$colors$grey2" | "$colors$greyA2" | "$colors$orange2" | "$colors$pink2" | "$colors$red2" | "$colors$yellow2" | "$colors$blue1" | "$colors$cyan1" | "$colors$green1" | "$colors$grey1" | "$colors$greyA1" | "$colors$orange1" | "$colors$pink1" | "$colors$red1" | "$colors$yellow1" | "$colors$blue7" | "$colors$cyan7" | "$colors$green7" | "$colors$grey7" | "$colors$greyA7" | "$colors$orange7" | "$colors$pink7" | "$colors$red7" | "$colors$yellow7" | "$colors$blue12" | "$colors$cyan12" | "$colors$green12" | "$colors$grey12" | "$colors$greyA12" | "$colors$orange12" | "$colors$pink12" | "$colors$red12" | "$colors$yellow12" | "$colors$blue3" | "$colors$cyan3" | "$colors$green3" | "$colors$grey3" | "$colors$greyA3" | "$colors$orange3" | "$colors$pink3" | "$colors$red3" | "$colors$yellow3" | "$colors$blue4" | "$colors$cyan4" | "$colors$green4" | "$colors$grey4" | "$colors$greyA4" | "$colors$orange4" | "$colors$pink4" | "$colors$red4" | "$colors$yellow4" | "$colors$blue5" | "$colors$cyan5" | "$colors$green5" | "$colors$grey5" | "$colors$greyA5" | "$colors$orange5" | "$colors$pink5" | "$colors$red5" | "$colors$yellow5" | "$colors$blue9" | "$colors$cyan9" | "$colors$green9" | "$colors$grey9" | "$colors$greyA9" | "$colors$orange9" | "$colors$pink9" | "$colors$red9" | "$colors$yellow9" | "$colors$blue10" | "$colors$cyan10" | "$colors$green10" | "$colors$grey10" | "$colors$greyA10" | "$colors$orange10" | "$colors$pink10" | "$colors$red10" | "$colors$yellow10" | "$colors$blue11" | "$colors$cyan11" | "$colors$green11" | "$colors$grey11" | "$colors$greyA11" | "$colors$orange11" | "$colors$pink11" | "$colors$red11" | "$colors$yellow11" | "$colors$blue6" | "$colors$cyan6" | "$colors$green6" | "$colors$grey6" | "$colors$greyA6" | "$colors$orange6" | "$colors$pink6" | "$colors$red6" | "$colors$yellow6" | "$colors$blue8" | "$colors$cyan8" | "$colors$green8" | "$colors$grey8" | "$colors$greyA8" | "$colors$orange8" | "$colors$pink8" | "$colors$red8" | "$colors$yellow8" | "$colors$blue13" | "$colors$cyan13" | "$colors$green13" | "$colors$grey13" | "$colors$greyA13" | "$colors$orange13" | "$colors$pink13" | "$colors$red13" | "$colors$yellow13" | "$colors$neutral2" | "$colors$neutralA2" | "$colors$primary2" | "$colors$accent2" | "$colors$success2" | "$colors$info2" | "$colors$warning2" | "$colors$critical2" | "$colors$neutral1" | "$colors$neutralA1" | "$colors$primary1" | "$colors$accent1" | "$colors$success1" | "$colors$info1" | "$colors$warning1" | "$colors$critical1" | "$colors$neutral7" | "$colors$neutralA7" | "$colors$primary7" | "$colors$accent7" | "$colors$success7" | "$colors$info7" | "$colors$warning7" | "$colors$critical7" | "$colors$neutral12" | "$colors$neutralA12" | "$colors$primary12" | "$colors$accent12" | "$colors$success12" | "$colors$info12" | "$colors$warning12" | "$colors$critical12" | "$colors$neutral3" | "$colors$neutralA3" | "$colors$primary3" | "$colors$accent3" | "$colors$success3" | "$colors$info3" | "$colors$warning3" | "$colors$critical3" | "$colors$neutral4" | "$colors$neutralA4" | "$colors$primary4" | "$colors$accent4" | "$colors$success4" | "$colors$info4" | "$colors$warning4" | "$colors$critical4" | "$colors$neutral5" | "$colors$neutralA5" | "$colors$primary5" | "$colors$accent5" | "$colors$success5" | "$colors$info5" | "$colors$warning5" | "$colors$critical5" | "$colors$neutral9" | "$colors$neutralA9" | "$colors$primary9" | "$colors$accent9" | "$colors$success9" | "$colors$info9" | "$colors$warning9" | "$colors$critical9" | "$colors$neutral10" | "$colors$neutralA10" | "$colors$primary10" | "$colors$accent10" | "$colors$success10" | "$colors$info10" | "$colors$warning10" | "$colors$critical10" | "$colors$neutral11" | "$colors$neutralA11" | "$colors$primary11" | "$colors$accent11" | "$colors$success11" | "$colors$info11" | "$colors$warning11" | "$colors$critical11" | "$colors$neutral6" | "$colors$neutralA6" | "$colors$primary6" | "$colors$accent6" | "$colors$success6" | "$colors$info6" | "$colors$warning6" | "$colors$critical6" | "$colors$neutral8" | "$colors$neutralA8" | "$colors$primary8" | "$colors$accent8" | "$colors$success8" | "$colors$info8" | "$colors$warning8" | "$colors$critical8" | "$colors$neutral13" | "$colors$neutralA13" | "$colors$primary13" | "$colors$accent13" | "$colors$success13" | "$colors$info13" | "$colors$warning13" | "$colors$critical13";
427
407
  };
428
408
  };
429
- /**
430
- * If `true`, the component will have no top or bottom margins
431
- */
432
- hideVerticalSpacing: {
433
- true: {
434
- marginTop: number;
435
- marginBottom: number;
436
- };
437
- };
438
409
  /**
439
410
  * Customises the font size and weight to a pre-set option.
440
411
  */
@@ -478,7 +449,6 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
478
449
  fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
479
450
  };
480
451
  sectionSubtitle: {
481
- marginBottom: string;
482
452
  fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
483
453
  fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
484
454
  lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
@@ -486,7 +456,6 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
486
456
  fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
487
457
  };
488
458
  sectionTitle: {
489
- marginBottom: string;
490
459
  fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
491
460
  fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
492
461
  lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
@@ -494,7 +463,6 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
494
463
  fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
495
464
  };
496
465
  pageTitle: {
497
- marginBottom: string;
498
466
  fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
499
467
  fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
500
468
  lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
package/dist/components/src/Typography/styles/BaseTypography.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseTypography.styles.d.ts","sourceRoot":"","sources":["../../../../../src/Typography/styles/BaseTypography.styles.ts"],"names":[],"mappings":";;;QA4BI;;WAEG;;QAUH;;WAEG;;QAWH;;WAEG;;QAKH;;WAEG;;QAoCH;;WAEG;;QAIH;;WAEG;;QAgCH;;WAEG;;;;;;QAhHH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;QAUH;;WAEG;;;;;;;;;;;QAWH;;WAEG;;;;;;;;;;;QAKH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoCH;;WAEG;;;;;;;QAIH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAgCH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAhHH;;WAEG;;QAUH;;WAEG;;QAWH;;WAEG;;QAKH;;WAEG;;QAoCH;;WAEG;;QAIH;;WAEG;;QAgCH;;WAEG;;;;;;;QAhHH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;QAUH;;WAEG;;;;;;;;;;;QAWH;;WAEG;;;;;;;;;;;QAKH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoCH;;WAEG;;;;;;;QAIH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAgCH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAzHP,wBA8NG"}
1
+ {"version":3,"file":"BaseTypography.styles.d.ts","sourceRoot":"","sources":["../../../../../src/Typography/styles/BaseTypography.styles.ts"],"names":[],"mappings":";;;QAwBI;;WAEG;;QAUH;;WAEG;;QAWH;;WAEG;;QAKH;;WAEG;;QAoCH;;WAEG;;QAuBH;;WAEG;;;;;;QAjGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;QAUH;;WAEG;;;;;;;;;;;QAWH;;WAEG;;;;;;;;;;;QAKH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoCH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAuBH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAjGH;;WAEG;;QAUH;;WAEG;;QAWH;;WAEG;;QAKH;;WAEG;;QAoCH;;WAEG;;QAuBH;;WAEG;;;;;;;QAjGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;QAUH;;WAEG;;;;;;;;;;;QAWH;;WAEG;;;;;;;;;;;QAKH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoCH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAuBH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3GP,wBA0HG"}
package/dist/components/src/Typography/styles/BaseTypography.styles.js CHANGED
@@ -27,14 +27,11 @@ var constants_1 = require("../constants");
27
27
  var helpers_1 = require("./helpers");
28
28
  var text = system_1.colorUseCases.text;
29
29
  var overflowSharedStyles = { overflow: "hidden" };
30
- var hideVerticalSpacingSharedStyles = {
31
- marginTop: 0,
32
- marginBottom: 0,
33
- };
34
30
  exports.default = (0, system_1.css)((_a = {
35
31
  fontFamily: "$default",
36
32
  fontSize: "inherit",
37
- marginTop: 0
33
+ // Reset browser default margins added to certain semantic HTML elements
34
+ marginBlock: 0
38
35
  },
39
36
  _a["& > " + icons_1.BaseIcon] = {
40
37
  // Aligning Icons to text baseline = most Icons have 2px inner bottom spacing -> 2/24 * 2 = 0.2 rounded up
@@ -105,12 +102,6 @@ exports.default = (0, system_1.css)((_a = {
105
102
  color: (0, system_1.getColorScaleValueByUseCase)("success", text.hiSaturation),
106
103
  },
107
104
  },
108
- /**
109
- * If `true`, the component will have no top or bottom margins
110
- */
111
- hideVerticalSpacing: {
112
- true: hideVerticalSpacingSharedStyles,
113
- },
114
105
  /**
115
106
  * Customises the font size and weight to a pre-set option.
116
107
  */
@@ -120,9 +111,9 @@ exports.default = (0, system_1.css)((_a = {
120
111
  button: (0, helpers_1.getVariantStyles)("$button"),
121
112
  body: (0, helpers_1.getVariantStyles)("$body"),
122
113
  paragraph: __assign(__assign({}, (0, helpers_1.getVariantStyles)("$body")), { "& + &": { marginTop: "$md" } }),
123
- sectionSubtitle: __assign(__assign({}, (0, helpers_1.getVariantStyles)("$sectionSubtitle")), { marginBottom: "$md" }),
124
- sectionTitle: __assign(__assign({}, (0, helpers_1.getVariantStyles)("$sectionTitle")), { marginBottom: "$lg" }),
125
- pageTitle: __assign(__assign({}, (0, helpers_1.getVariantStyles)("$pageTitle")), { marginBottom: "$xl" }),
114
+ sectionSubtitle: (0, helpers_1.getVariantStyles)("$sectionSubtitle"),
115
+ sectionTitle: (0, helpers_1.getVariantStyles)("$sectionTitle"),
116
+ pageTitle: (0, helpers_1.getVariantStyles)("$pageTitle"),
126
117
  display100: (0, helpers_1.getVariantStyles)("$display100"),
127
118
  display200: (0, helpers_1.getVariantStyles)("$display200"),
128
119
  display300: (0, helpers_1.getVariantStyles)("$display300"),
@@ -142,93 +133,7 @@ exports.default = (0, system_1.css)((_a = {
142
133
  3: (0, helpers_1.getMaxLines)(3, "$body"),
143
134
  },
144
135
  },
145
- _a.compoundVariants = __spreadArray(__spreadArray([], (0, helpers_1.getMaxLinesVariants)(constants_1.AVAILABLE_MAX_LINES, constants_1.AVAILABLE_VARIANTS), true), [
146
- {
147
- variant: "inherit",
148
- hideVerticalSpacing: true,
149
- css: hideVerticalSpacingSharedStyles,
150
- },
151
- {
152
- variant: "caption",
153
- hideVerticalSpacing: true,
154
- css: hideVerticalSpacingSharedStyles,
155
- },
156
- {
157
- variant: "button",
158
- hideVerticalSpacing: true,
159
- css: hideVerticalSpacingSharedStyles,
160
- },
161
- {
162
- variant: "body",
163
- hideVerticalSpacing: true,
164
- css: hideVerticalSpacingSharedStyles,
165
- },
166
- {
167
- variant: "paragraph",
168
- hideVerticalSpacing: true,
169
- css: hideVerticalSpacingSharedStyles,
170
- },
171
- {
172
- variant: "sectionSubtitle",
173
- hideVerticalSpacing: true,
174
- css: hideVerticalSpacingSharedStyles,
175
- },
176
- {
177
- variant: "sectionTitle",
178
- hideVerticalSpacing: true,
179
- css: hideVerticalSpacingSharedStyles,
180
- },
181
- {
182
- variant: "pageTitle",
183
- hideVerticalSpacing: true,
184
- css: hideVerticalSpacingSharedStyles,
185
- },
186
- {
187
- variant: "display100",
188
- hideVerticalSpacing: true,
189
- css: hideVerticalSpacingSharedStyles,
190
- },
191
- {
192
- variant: "display200",
193
- hideVerticalSpacing: true,
194
- css: hideVerticalSpacingSharedStyles,
195
- },
196
- {
197
- variant: "display300",
198
- hideVerticalSpacing: true,
199
- css: hideVerticalSpacingSharedStyles,
200
- },
201
- {
202
- variant: "display400",
203
- hideVerticalSpacing: true,
204
- css: hideVerticalSpacingSharedStyles,
205
- },
206
- {
207
- variant: "display500",
208
- hideVerticalSpacing: true,
209
- css: hideVerticalSpacingSharedStyles,
210
- },
211
- {
212
- variant: "display600",
213
- hideVerticalSpacing: true,
214
- css: hideVerticalSpacingSharedStyles,
215
- },
216
- {
217
- variant: "display700",
218
- hideVerticalSpacing: true,
219
- css: hideVerticalSpacingSharedStyles,
220
- },
221
- {
222
- variant: "display800",
223
- hideVerticalSpacing: true,
224
- css: hideVerticalSpacingSharedStyles,
225
- },
226
- {
227
- variant: "display900",
228
- hideVerticalSpacing: true,
229
- css: hideVerticalSpacingSharedStyles,
230
- },
231
- ], false),
136
+ _a.compoundVariants = __spreadArray([], (0, helpers_1.getMaxLinesVariants)(constants_1.AVAILABLE_MAX_LINES, constants_1.AVAILABLE_VARIANTS), true),
232
137
  _a["ul, ol"] = {
233
138
  listStylePosition: "inside",
234
139
  paddingInlineStart: 0,
package/dist/components/src/Typography/styles/BaseTypography.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseTypography.styles.js","sourceRoot":"","sources":["../../../../../src/Typography/styles/BaseTypography.styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"BaseTypography.styles.js","sourceRoot":"","sources":["../../../../../src/Typography/styles/BaseTypography.styles.ts"],"names":[],"mappings":"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"}
package/dist/esm/Dialog/components/DialogHeader/index.js CHANGED
@@ -20,12 +20,10 @@ function DialogHeader(_ref) {
20
20
  spacing: "none"
21
21
  }, /*#__PURE__*/React.createElement(Typography, {
22
22
  color: "inherit",
23
- variant: "sectionTitle",
24
- hideVerticalSpacing: true
23
+ variant: "sectionTitle"
25
24
  }, title), subtitle && /*#__PURE__*/React.createElement(Typography, {
26
25
  color: "lowContrast",
27
- variant: "sectionSubtitle",
28
- hideVerticalSpacing: true
26
+ variant: "sectionSubtitle"
29
27
  }, subtitle))), VARIANT_OPTIONS[variant].headerCloseAllowed && closeButtonOnClick && /*#__PURE__*/React.createElement(UtilityIconContainer, null, /*#__PURE__*/React.createElement(IconButton, {
30
28
  size: "compact",
31
29
  onClick: closeButtonOnClick,
package/dist/esm/Table/components/Toolbar/index.js CHANGED
@@ -35,7 +35,6 @@ function Toolbar(_ref) {
35
35
  floating: shouldFloat,
36
36
  totalNumOfTableRows: totalNumOfTableRows
37
37
  }, batchActions)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LeftSideContainer, null, title && /*#__PURE__*/React.createElement(TitleContainer, null, /*#__PURE__*/React.createElement(Typography, {
38
- hideVerticalSpacing: true,
39
38
  variant: titleVariant
40
39
  }, title)), leftContent && /*#__PURE__*/React.createElement(LeftActionsContainer, null, leftContent)), rightActions.length > 0 && /*#__PURE__*/React.createElement(RightActionsContainer, null, ActionsComponents)));
41
40
  }
package/dist/esm/Typography/styles/BaseTypography.styles.js CHANGED
@@ -10,14 +10,11 @@ var text = colorUseCases.text;
10
10
  var overflowSharedStyles = {
11
11
  overflow: "hidden"
12
12
  };
13
- var hideVerticalSpacingSharedStyles = {
14
- marginTop: 0,
15
- marginBottom: 0
16
- };
17
13
  export default css((_css = {
18
14
  fontFamily: "$default",
19
15
  fontSize: "inherit",
20
- marginTop: 0
16
+ // Reset browser default margins added to certain semantic HTML elements
17
+ marginBlock: 0
21
18
  }, _defineProperty(_css, "& > ".concat(BaseIcon), {
22
19
  // Aligning Icons to text baseline = most Icons have 2px inner bottom spacing -> 2/24 * 2 = 0.2 rounded up
23
20
  marginTop: "-.2em"
@@ -108,12 +105,6 @@ export default css((_css = {
108
105
  color: getColorScaleValueByUseCase("success", text.hiSaturation)
109
106
  }
110
107
  },
111
- /**
112
- * If `true`, the component will have no top or bottom margins
113
- */
114
- hideVerticalSpacing: {
115
- "true": hideVerticalSpacingSharedStyles
116
- },
117
108
  /**
118
109
  * Customises the font size and weight to a pre-set option.
119
110
  */
@@ -127,15 +118,9 @@ export default css((_css = {
127
118
  marginTop: "$md"
128
119
  }
129
120
  }),
130
- sectionSubtitle: _extends({}, getVariantStyles("$sectionSubtitle"), {
131
- marginBottom: "$md"
132
- }),
133
- sectionTitle: _extends({}, getVariantStyles("$sectionTitle"), {
134
- marginBottom: "$lg"
135
- }),
136
- pageTitle: _extends({}, getVariantStyles("$pageTitle"), {
137
- marginBottom: "$xl"
138
- }),
121
+ sectionSubtitle: getVariantStyles("$sectionSubtitle"),
122
+ sectionTitle: getVariantStyles("$sectionTitle"),
123
+ pageTitle: getVariantStyles("$pageTitle"),
139
124
  display100: getVariantStyles("$display100"),
140
125
  display200: getVariantStyles("$display200"),
141
126
  display300: getVariantStyles("$display300"),
@@ -154,75 +139,7 @@ export default css((_css = {
154
139
  2: getMaxLines(2, "$body"),
155
140
  3: getMaxLines(3, "$body")
156
141
  }
157
- }), _defineProperty(_css, "compoundVariants", [].concat(_toConsumableArray(getMaxLinesVariants(AVAILABLE_MAX_LINES, AVAILABLE_VARIANTS)), [{
158
- variant: "inherit",
159
- hideVerticalSpacing: true,
160
- css: hideVerticalSpacingSharedStyles
161
- }, {
162
- variant: "caption",
163
- hideVerticalSpacing: true,
164
- css: hideVerticalSpacingSharedStyles
165
- }, {
166
- variant: "button",
167
- hideVerticalSpacing: true,
168
- css: hideVerticalSpacingSharedStyles
169
- }, {
170
- variant: "body",
171
- hideVerticalSpacing: true,
172
- css: hideVerticalSpacingSharedStyles
173
- }, {
174
- variant: "paragraph",
175
- hideVerticalSpacing: true,
176
- css: hideVerticalSpacingSharedStyles
177
- }, {
178
- variant: "sectionSubtitle",
179
- hideVerticalSpacing: true,
180
- css: hideVerticalSpacingSharedStyles
181
- }, {
182
- variant: "sectionTitle",
183
- hideVerticalSpacing: true,
184
- css: hideVerticalSpacingSharedStyles
185
- }, {
186
- variant: "pageTitle",
187
- hideVerticalSpacing: true,
188
- css: hideVerticalSpacingSharedStyles
189
- }, {
190
- variant: "display100",
191
- hideVerticalSpacing: true,
192
- css: hideVerticalSpacingSharedStyles
193
- }, {
194
- variant: "display200",
195
- hideVerticalSpacing: true,
196
- css: hideVerticalSpacingSharedStyles
197
- }, {
198
- variant: "display300",
199
- hideVerticalSpacing: true,
200
- css: hideVerticalSpacingSharedStyles
201
- }, {
202
- variant: "display400",
203
- hideVerticalSpacing: true,
204
- css: hideVerticalSpacingSharedStyles
205
- }, {
206
- variant: "display500",
207
- hideVerticalSpacing: true,
208
- css: hideVerticalSpacingSharedStyles
209
- }, {
210
- variant: "display600",
211
- hideVerticalSpacing: true,
212
- css: hideVerticalSpacingSharedStyles
213
- }, {
214
- variant: "display700",
215
- hideVerticalSpacing: true,
216
- css: hideVerticalSpacingSharedStyles
217
- }, {
218
- variant: "display800",
219
- hideVerticalSpacing: true,
220
- css: hideVerticalSpacingSharedStyles
221
- }, {
222
- variant: "display900",
223
- hideVerticalSpacing: true,
224
- css: hideVerticalSpacingSharedStyles
225
- }])), _defineProperty(_css, "ul, ol", {
142
+ }), _defineProperty(_css, "compoundVariants", _toConsumableArray(getMaxLinesVariants(AVAILABLE_MAX_LINES, AVAILABLE_VARIANTS))), _defineProperty(_css, "ul, ol", {
226
143
  listStylePosition: "inside",
227
144
  paddingInlineStart: 0,
228
145
  marginBlock: "inherit"