@guardian/stand 0.0.54 → 0.0.55

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 (26) hide show
  1. package/dist/styleD/build/css/base/colors.css +1 -1
  2. package/dist/styleD/build/css/component/avatar.css +1 -1
  3. package/dist/styleD/build/css/component/datePicker.css +2 -2
  4. package/dist/styleD/build/css/semantic/colors.css +6 -1
  5. package/dist/styleD/build/css/semantic/sizing.css +1 -0
  6. package/dist/styleD/build/typescript/base/colors.cjs +1 -1
  7. package/dist/styleD/build/typescript/base/colors.d.cts +1 -1
  8. package/dist/styleD/build/typescript/base/colors.d.ts +1 -1
  9. package/dist/styleD/build/typescript/base/colors.js +1 -1
  10. package/dist/styleD/build/typescript/component/avatar.cjs +1 -1
  11. package/dist/styleD/build/typescript/component/avatar.js +1 -1
  12. package/dist/styleD/build/typescript/component/datePicker.cjs +2 -2
  13. package/dist/styleD/build/typescript/component/datePicker.js +2 -2
  14. package/dist/styleD/build/typescript/component/intendedAudienceSignifier.cjs +1 -4
  15. package/dist/styleD/build/typescript/component/intendedAudienceSignifier.d.cts +0 -1
  16. package/dist/styleD/build/typescript/component/intendedAudienceSignifier.d.ts +0 -1
  17. package/dist/styleD/build/typescript/component/intendedAudienceSignifier.js +1 -4
  18. package/dist/styleD/build/typescript/semantic/colors.cjs +6 -1
  19. package/dist/styleD/build/typescript/semantic/colors.d.cts +5 -0
  20. package/dist/styleD/build/typescript/semantic/colors.d.ts +5 -0
  21. package/dist/styleD/build/typescript/semantic/colors.js +6 -1
  22. package/dist/styleD/build/typescript/semantic/sizing.cjs +2 -1
  23. package/dist/styleD/build/typescript/semantic/sizing.d.cts +3 -0
  24. package/dist/styleD/build/typescript/semantic/sizing.d.ts +3 -0
  25. package/dist/styleD/build/typescript/semantic/sizing.js +2 -1
  26. package/package.json +1 -1
package/dist/styleD/build/css/base/colors.css CHANGED
@@ -47,7 +47,7 @@
47
47
  --base-colors-cyan-500: #2e8bb8;
48
48
  --base-colors-cyan-600: #5ca5c8;
49
49
  --base-colors-cyan-700: #8abed7;
50
- --base-colors-cyan-800: #b8d8e7;
50
+ --base-colors-cyan-800: #c5dfec;
51
51
  --base-colors-cyan-900: #e6f1f6;
52
52
  --base-colors-teal-50: #050e0f;
53
53
  --base-colors-teal-100: #0e2729;
package/dist/styleD/build/css/component/avatar.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --component-avatar-shared-color-red-hover-background: #eea198;
20
20
  --component-avatar-shared-color-red-active-background: #e87c6f;
21
21
  --component-avatar-shared-color-cyan-text: #00344e;
22
- --component-avatar-shared-color-cyan-background: #b8d8e7;
22
+ --component-avatar-shared-color-cyan-background: #c5dfec;
23
23
  --component-avatar-shared-color-cyan-border: unset;
24
24
  --component-avatar-shared-color-cyan-hover-background: #8abed7;
25
25
  --component-avatar-shared-color-cyan-active-background: #5ca5c8;
package/dist/styleD/build/css/component/datePicker.css CHANGED
@@ -89,7 +89,7 @@
89
89
  --component-date-picker-calendar-header-shared-button-aspect-ratio: 1;
90
90
  --component-date-picker-calendar-header-shared-button-hovered-background-color: #f6f6f6;
91
91
  --component-date-picker-calendar-header-shared-button-pressed-background-color: #ededed;
92
- --component-date-picker-calendar-header-shared-button-selected-background-color: #b8d8e7;
92
+ --component-date-picker-calendar-header-shared-button-selected-background-color: #c5dfec;
93
93
  --component-date-picker-calendar-header-shared-button-focus-visible-outline: 0.125rem
94
94
  solid #0072a9;
95
95
  --component-date-picker-calendar-header-shared-button-disabled-cursor: not-allowed;
@@ -112,7 +112,7 @@
112
112
  --component-date-picker-calendar-cell-shared-outside-month-display: none;
113
113
  --component-date-picker-calendar-cell-shared-hovered-background-color: #f6f6f6;
114
114
  --component-date-picker-calendar-cell-shared-pressed-background-color: #ededed;
115
- --component-date-picker-calendar-cell-shared-selected-background-color: #b8d8e7;
115
+ --component-date-picker-calendar-cell-shared-selected-background-color: #c5dfec;
116
116
  --component-date-picker-calendar-cell-shared-focus-visible-outline: 0.125rem
117
117
  solid #0072a9;
118
118
  --component-date-picker-calendar-cell-shared-disabled-cursor: not-allowed;
package/dist/styleD/build/css/semantic/colors.css CHANGED
@@ -60,7 +60,7 @@
60
60
  --semantic-colors-fill-green-weak: #cde4c9;
61
61
  --semantic-colors-fill-blue-weak: #c5d9f4;
62
62
  --semantic-colors-fill-red-weak: #f5c6c0;
63
- --semantic-colors-fill-cyan-weak: #b8d8e7;
63
+ --semantic-colors-fill-cyan-weak: #c5dfec;
64
64
  --semantic-colors-fill-teal-weak: #c5dfe1;
65
65
  --semantic-colors-fill-cool-purple-weak: #dbdff7;
66
66
  --semantic-colors-fill-warm-purple-weak: #dac3e8;
@@ -68,6 +68,11 @@
68
68
  --semantic-colors-fill-orange-weak: #fcddc6;
69
69
  --semantic-colors-fill-yellow-weak: #fbeebf;
70
70
  --semantic-colors-fill-selected: #005d8b;
71
+ --semantic-colors-fill-selected-weak: #c5dfec;
72
+ --semantic-colors-fill-selected-hover-weak: #c5dfec;
73
+ --semantic-colors-fill-selected-pressed-weak: #8abed7;
74
+ --semantic-colors-fill-selected-hover-strong: #8abed7;
75
+ --semantic-colors-fill-selected-pressed-strong: #5ca5c8;
71
76
  --semantic-colors-fill-draft-strong: #f1c21b;
72
77
  --semantic-colors-fill-live-weak: #aed2a6;
73
78
  --semantic-colors-fill-warning-weak: #fbeebf;
package/dist/styleD/build/css/semantic/sizing.css CHANGED
@@ -19,4 +19,5 @@
19
19
  --semantic-sizing-sidebar-lg-px: 280px;
20
20
  --semantic-sizing-layout-max-width-px: 1584px;
21
21
  --semantic-sizing-input-max-width-px: 450px;
22
+ --semantic-sizing-floating-ui-max-width-px: 200px;
22
23
  }
package/dist/styleD/build/typescript/base/colors.cjs CHANGED
@@ -54,7 +54,7 @@ const baseColors = {
54
54
  "500": "#2e8bb8",
55
55
  "600": "#5ca5c8",
56
56
  "700": "#8abed7",
57
- "800": "#b8d8e7",
57
+ "800": "#c5dfec",
58
58
  "900": "#e6f1f6"
59
59
  },
60
60
  teal: {
package/dist/styleD/build/typescript/base/colors.d.cts CHANGED
@@ -54,7 +54,7 @@ declare const baseColors: {
54
54
  readonly '500': "#2e8bb8";
55
55
  readonly '600': "#5ca5c8";
56
56
  readonly '700': "#8abed7";
57
- readonly '800': "#b8d8e7";
57
+ readonly '800': "#c5dfec";
58
58
  readonly '900': "#e6f1f6";
59
59
  };
60
60
  readonly teal: {
package/dist/styleD/build/typescript/base/colors.d.ts CHANGED
@@ -54,7 +54,7 @@ declare const baseColors: {
54
54
  readonly '500': "#2e8bb8";
55
55
  readonly '600': "#5ca5c8";
56
56
  readonly '700': "#8abed7";
57
- readonly '800': "#b8d8e7";
57
+ readonly '800': "#c5dfec";
58
58
  readonly '900': "#e6f1f6";
59
59
  };
60
60
  readonly teal: {
package/dist/styleD/build/typescript/base/colors.js CHANGED
@@ -54,7 +54,7 @@ const baseColors = {
54
54
  "500": "#2e8bb8",
55
55
  "600": "#5ca5c8",
56
56
  "700": "#8abed7",
57
- "800": "#b8d8e7",
57
+ "800": "#c5dfec",
58
58
  "900": "#e6f1f6"
59
59
  },
60
60
  teal: {
package/dist/styleD/build/typescript/component/avatar.cjs CHANGED
@@ -28,7 +28,7 @@ const componentAvatar = {
28
28
  },
29
29
  cyan: {
30
30
  text: "#00344e",
31
- background: "#b8d8e7",
31
+ background: "#c5dfec",
32
32
  border: "unset",
33
33
  hover: { background: "#8abed7" },
34
34
  active: { background: "#5ca5c8" }
package/dist/styleD/build/typescript/component/avatar.js CHANGED
@@ -28,7 +28,7 @@ const componentAvatar = {
28
28
  },
29
29
  cyan: {
30
30
  text: "#00344e",
31
- background: "#b8d8e7",
31
+ background: "#c5dfec",
32
32
  border: "unset",
33
33
  hover: { background: "#8abed7" },
34
34
  active: { background: "#5ca5c8" }
package/dist/styleD/build/typescript/component/datePicker.cjs CHANGED
@@ -104,7 +104,7 @@ const componentDatePicker = {
104
104
  aspectRatio: "1",
105
105
  hovered: { backgroundColor: "#f6f6f6" },
106
106
  pressed: { backgroundColor: "#ededed" },
107
- selected: { backgroundColor: "#b8d8e7" },
107
+ selected: { backgroundColor: "#c5dfec" },
108
108
  focusVisible: { outline: "0.125rem solid #0072a9" },
109
109
  disabled: {
110
110
  cursor: "not-allowed",
@@ -136,7 +136,7 @@ const componentDatePicker = {
136
136
  outsideMonth: { display: "none" },
137
137
  hovered: { backgroundColor: "#f6f6f6" },
138
138
  pressed: { backgroundColor: "#ededed" },
139
- selected: { backgroundColor: "#b8d8e7" },
139
+ selected: { backgroundColor: "#c5dfec" },
140
140
  focusVisible: { outline: "0.125rem solid #0072a9" },
141
141
  disabled: {
142
142
  cursor: "not-allowed",
package/dist/styleD/build/typescript/component/datePicker.js CHANGED
@@ -104,7 +104,7 @@ const componentDatePicker = {
104
104
  aspectRatio: "1",
105
105
  hovered: { backgroundColor: "#f6f6f6" },
106
106
  pressed: { backgroundColor: "#ededed" },
107
- selected: { backgroundColor: "#b8d8e7" },
107
+ selected: { backgroundColor: "#c5dfec" },
108
108
  focusVisible: { outline: "0.125rem solid #0072a9" },
109
109
  disabled: {
110
110
  cursor: "not-allowed",
@@ -136,7 +136,7 @@ const componentDatePicker = {
136
136
  outsideMonth: { display: "none" },
137
137
  hovered: { backgroundColor: "#f6f6f6" },
138
138
  pressed: { backgroundColor: "#ededed" },
139
- selected: { backgroundColor: "#b8d8e7" },
139
+ selected: { backgroundColor: "#c5dfec" },
140
140
  focusVisible: { outline: "0.125rem solid #0072a9" },
141
141
  disabled: {
142
142
  cursor: "not-allowed",
package/dist/styleD/build/typescript/component/intendedAudienceSignifier.cjs CHANGED
@@ -25,10 +25,7 @@ const componentIntendedAudienceSignifier = {
25
25
  size: "10px"
26
26
  },
27
27
  color: "#545454",
28
- typography: {
29
- font: "normal 460 0.75rem/1.3 Open Sans",
30
- lineHeight: "1"
31
- }
28
+ typography: { lineHeight: "1" }
32
29
  };
33
30
  //#endregion
34
31
  exports.componentIntendedAudienceSignifier = componentIntendedAudienceSignifier;
package/dist/styleD/build/typescript/component/intendedAudienceSignifier.d.cts CHANGED
@@ -26,7 +26,6 @@ declare const componentIntendedAudienceSignifier: {
26
26
  };
27
27
  color: string;
28
28
  typography: {
29
- font: string;
30
29
  lineHeight: string;
31
30
  };
32
31
  };
package/dist/styleD/build/typescript/component/intendedAudienceSignifier.d.ts CHANGED
@@ -26,7 +26,6 @@ declare const componentIntendedAudienceSignifier: {
26
26
  };
27
27
  color: string;
28
28
  typography: {
29
- font: string;
30
29
  lineHeight: string;
31
30
  };
32
31
  };
package/dist/styleD/build/typescript/component/intendedAudienceSignifier.js CHANGED
@@ -25,10 +25,7 @@ const componentIntendedAudienceSignifier = {
25
25
  size: "10px"
26
26
  },
27
27
  color: "#545454",
28
- typography: {
29
- font: "normal 460 0.75rem/1.3 Open Sans",
30
- lineHeight: "1"
31
- }
28
+ typography: { lineHeight: "1" }
32
29
  };
33
30
  //#endregion
34
31
  export { componentIntendedAudienceSignifier };
package/dist/styleD/build/typescript/semantic/colors.cjs CHANGED
@@ -67,7 +67,7 @@ const semanticColors = {
67
67
  greenWeak: "#cde4c9",
68
68
  blueWeak: "#c5d9f4",
69
69
  redWeak: "#f5c6c0",
70
- cyanWeak: "#b8d8e7",
70
+ cyanWeak: "#c5dfec",
71
71
  tealWeak: "#c5dfe1",
72
72
  coolPurpleWeak: "#dbdff7",
73
73
  warmPurpleWeak: "#dac3e8",
@@ -75,6 +75,11 @@ const semanticColors = {
75
75
  orangeWeak: "#fcddc6",
76
76
  yellowWeak: "#fbeebf",
77
77
  selected: "#005d8b",
78
+ selectedWeak: "#c5dfec",
79
+ selectedHoverWeak: "#c5dfec",
80
+ selectedPressedWeak: "#8abed7",
81
+ selectedHoverStrong: "#8abed7",
82
+ selectedPressedStrong: "#5ca5c8",
78
83
  draftStrong: "#f1c21b",
79
84
  liveWeak: "#aed2a6",
80
85
  warningWeak: "#fbeebf",
package/dist/styleD/build/typescript/semantic/colors.d.cts CHANGED
@@ -75,6 +75,11 @@ declare const semanticColors: {
75
75
  orangeWeak: string;
76
76
  yellowWeak: string;
77
77
  selected: string;
78
+ selectedWeak: string;
79
+ selectedHoverWeak: string;
80
+ selectedPressedWeak: string;
81
+ selectedHoverStrong: string;
82
+ selectedPressedStrong: string;
78
83
  draftStrong: string;
79
84
  liveWeak: string;
80
85
  warningWeak: string;
package/dist/styleD/build/typescript/semantic/colors.d.ts CHANGED
@@ -75,6 +75,11 @@ declare const semanticColors: {
75
75
  orangeWeak: string;
76
76
  yellowWeak: string;
77
77
  selected: string;
78
+ selectedWeak: string;
79
+ selectedHoverWeak: string;
80
+ selectedPressedWeak: string;
81
+ selectedHoverStrong: string;
82
+ selectedPressedStrong: string;
78
83
  draftStrong: string;
79
84
  liveWeak: string;
80
85
  warningWeak: string;
package/dist/styleD/build/typescript/semantic/colors.js CHANGED
@@ -67,7 +67,7 @@ const semanticColors = {
67
67
  greenWeak: "#cde4c9",
68
68
  blueWeak: "#c5d9f4",
69
69
  redWeak: "#f5c6c0",
70
- cyanWeak: "#b8d8e7",
70
+ cyanWeak: "#c5dfec",
71
71
  tealWeak: "#c5dfe1",
72
72
  coolPurpleWeak: "#dbdff7",
73
73
  warmPurpleWeak: "#dac3e8",
@@ -75,6 +75,11 @@ const semanticColors = {
75
75
  orangeWeak: "#fcddc6",
76
76
  yellowWeak: "#fbeebf",
77
77
  selected: "#005d8b",
78
+ selectedWeak: "#c5dfec",
79
+ selectedHoverWeak: "#c5dfec",
80
+ selectedPressedWeak: "#8abed7",
81
+ selectedHoverStrong: "#8abed7",
82
+ selectedPressedStrong: "#5ca5c8",
78
83
  draftStrong: "#f1c21b",
79
84
  liveWeak: "#aed2a6",
80
85
  warningWeak: "#fbeebf",
package/dist/styleD/build/typescript/semantic/sizing.cjs CHANGED
@@ -26,7 +26,8 @@ const semanticSizing = {
26
26
  lgPx: "280px"
27
27
  },
28
28
  layout: { maxWidthPx: "1584px" },
29
- input: { maxWidthPx: "450px" }
29
+ input: { maxWidthPx: "450px" },
30
+ floatingUi: { maxWidthPx: "200px" }
30
31
  };
31
32
  //#endregion
32
33
  exports.semanticSizing = semanticSizing;
package/dist/styleD/build/typescript/semantic/sizing.d.cts CHANGED
@@ -31,6 +31,9 @@ declare const semanticSizing: {
31
31
  input: {
32
32
  maxWidthPx: string;
33
33
  };
34
+ floatingUi: {
35
+ maxWidthPx: string;
36
+ };
34
37
  };
35
38
  type SemanticSizing = typeof semanticSizing;
36
39
  //#endregion
package/dist/styleD/build/typescript/semantic/sizing.d.ts CHANGED
@@ -31,6 +31,9 @@ declare const semanticSizing: {
31
31
  input: {
32
32
  maxWidthPx: string;
33
33
  };
34
+ floatingUi: {
35
+ maxWidthPx: string;
36
+ };
34
37
  };
35
38
  type SemanticSizing = typeof semanticSizing;
36
39
  //#endregion
package/dist/styleD/build/typescript/semantic/sizing.js CHANGED
@@ -26,7 +26,8 @@ const semanticSizing = {
26
26
  lgPx: "280px"
27
27
  },
28
28
  layout: { maxWidthPx: "1584px" },
29
- input: { maxWidthPx: "450px" }
29
+ input: { maxWidthPx: "450px" },
30
+ floatingUi: { maxWidthPx: "200px" }
30
31
  };
31
32
  //#endregion
32
33
  export { semanticSizing };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@guardian/stand",
3
- "version": "0.0.54",
3
+ "version": "0.0.55",
4
4
  "repository": {
5
5
  "url": "https://github.com/guardian/stand"
6
6
  },