@guardian/stand 0.0.63 → 0.0.65

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 (58) hide show
  1. package/dist/UserFeedbackSummary.cjs +5 -0
  2. package/dist/UserFeedbackSummary.d.cts +5 -0
  3. package/dist/UserFeedbackSummary.d.ts +5 -0
  4. package/dist/UserFeedbackSummary.js +3 -0
  5. package/dist/components/Select/Select.cjs +10 -5
  6. package/dist/components/Select/Select.d.cts +1 -1
  7. package/dist/components/Select/Select.d.ts +1 -1
  8. package/dist/components/Select/Select.js +11 -6
  9. package/dist/components/Select/styles.cjs +13 -5
  10. package/dist/components/Select/styles.d.cts +1 -0
  11. package/dist/components/Select/styles.d.ts +1 -0
  12. package/dist/components/Select/styles.js +13 -6
  13. package/dist/components/UserFeedbackSummary/UserFeedbackSummary.cjs +42 -0
  14. package/dist/components/UserFeedbackSummary/UserFeedbackSummary.d.cts +5 -0
  15. package/dist/components/UserFeedbackSummary/UserFeedbackSummary.d.ts +5 -0
  16. package/dist/components/UserFeedbackSummary/UserFeedbackSummary.js +42 -0
  17. package/dist/components/UserFeedbackSummary/styles.cjs +30 -0
  18. package/dist/components/UserFeedbackSummary/styles.d.cts +9 -0
  19. package/dist/components/UserFeedbackSummary/styles.d.ts +9 -0
  20. package/dist/components/UserFeedbackSummary/styles.js +28 -0
  21. package/dist/components/UserFeedbackSummary/types.d.cts +27 -0
  22. package/dist/components/UserFeedbackSummary/types.d.ts +27 -0
  23. package/dist/index.cjs +2 -0
  24. package/dist/index.d.cts +2 -1
  25. package/dist/index.d.ts +2 -1
  26. package/dist/index.js +2 -1
  27. package/dist/styleD/build/css/base/colors.css +1 -1
  28. package/dist/styleD/build/css/base/typography.css +1 -1
  29. package/dist/styleD/build/css/component/alertBanner.css +1 -1
  30. package/dist/styleD/build/css/component/avatar.css +1 -1
  31. package/dist/styleD/build/css/component/select.css +9 -10
  32. package/dist/styleD/build/css/component/userFeedbackSummary.css +23 -0
  33. package/dist/styleD/build/css/semantic/colors.css +8 -3
  34. package/dist/styleD/build/typescript/base/colors.cjs +1 -1
  35. package/dist/styleD/build/typescript/base/colors.d.cts +1 -1
  36. package/dist/styleD/build/typescript/base/colors.d.ts +1 -1
  37. package/dist/styleD/build/typescript/base/colors.js +1 -1
  38. package/dist/styleD/build/typescript/base/typography.cjs +1 -1
  39. package/dist/styleD/build/typescript/base/typography.d.cts +3 -3
  40. package/dist/styleD/build/typescript/base/typography.d.ts +3 -3
  41. package/dist/styleD/build/typescript/base/typography.js +1 -1
  42. package/dist/styleD/build/typescript/component/alertBanner.cjs +1 -1
  43. package/dist/styleD/build/typescript/component/alertBanner.js +1 -1
  44. package/dist/styleD/build/typescript/component/avatar.cjs +1 -1
  45. package/dist/styleD/build/typescript/component/avatar.js +1 -1
  46. package/dist/styleD/build/typescript/component/select.cjs +56 -49
  47. package/dist/styleD/build/typescript/component/select.d.cts +16 -11
  48. package/dist/styleD/build/typescript/component/select.d.ts +16 -11
  49. package/dist/styleD/build/typescript/component/select.js +56 -49
  50. package/dist/styleD/build/typescript/component/userFeedbackSummary.cjs +35 -0
  51. package/dist/styleD/build/typescript/component/userFeedbackSummary.d.cts +36 -0
  52. package/dist/styleD/build/typescript/component/userFeedbackSummary.d.ts +36 -0
  53. package/dist/styleD/build/typescript/component/userFeedbackSummary.js +35 -0
  54. package/dist/styleD/build/typescript/semantic/colors.cjs +8 -3
  55. package/dist/styleD/build/typescript/semantic/colors.d.cts +6 -1
  56. package/dist/styleD/build/typescript/semantic/colors.d.ts +6 -1
  57. package/dist/styleD/build/typescript/semantic/colors.js +8 -3
  58. package/package.json +16 -2
@@ -0,0 +1,36 @@
1
+ //#region src/styleD/build/typescript/component/userFeedbackSummary.d.ts
2
+ /**
3
+ * Do not edit directly, this file was auto-generated.
4
+ */
5
+ declare const componentUserFeedbackSummary: {
6
+ shared: {
7
+ color: string;
8
+ gap: string;
9
+ paddingTop: string;
10
+ paddingRight: string;
11
+ paddingBottom: string;
12
+ paddingLeft: string;
13
+ maxWidth: string;
14
+ borderWidth: string;
15
+ borderStyle: string;
16
+ };
17
+ error: {
18
+ color: string;
19
+ borderColor: string;
20
+ };
21
+ warning: {
22
+ color: string;
23
+ borderColor: string;
24
+ };
25
+ success: {
26
+ color: string;
27
+ borderColor: string;
28
+ };
29
+ information: {
30
+ color: string;
31
+ borderColor: string;
32
+ };
33
+ };
34
+ type ComponentUserFeedbackSummary = typeof componentUserFeedbackSummary;
35
+ //#endregion
36
+ export { ComponentUserFeedbackSummary, componentUserFeedbackSummary };
@@ -0,0 +1,35 @@
1
+ //#region src/styleD/build/typescript/component/userFeedbackSummary.ts
2
+ /**
3
+ * Do not edit directly, this file was auto-generated.
4
+ */
5
+ const componentUserFeedbackSummary = {
6
+ shared: {
7
+ color: "#000000",
8
+ gap: "0.25rem",
9
+ paddingTop: "0.75rem",
10
+ paddingRight: "1rem",
11
+ paddingBottom: "0.75rem",
12
+ paddingLeft: "0.5rem",
13
+ maxWidth: "46ch",
14
+ borderWidth: "0.0625rem",
15
+ borderStyle: "solid"
16
+ },
17
+ error: {
18
+ color: "#8c2113",
19
+ borderColor: "#b42a19"
20
+ },
21
+ warning: {
22
+ color: "#693c16",
23
+ borderColor: "#9a7c11"
24
+ },
25
+ success: {
26
+ color: "#326528",
27
+ borderColor: "#408233"
28
+ },
29
+ information: {
30
+ color: "#092f62",
31
+ borderColor: "#1054af"
32
+ }
33
+ };
34
+ //#endregion
35
+ export { componentUserFeedbackSummary };
@@ -46,6 +46,9 @@ const semanticColors = {
46
46
  disabled: "#dcdcdc",
47
47
  accent: "#0d4289",
48
48
  error: "#b42a19",
49
+ success: "#408233",
50
+ warning: "#9a7c11",
51
+ information: "#1054af",
49
52
  focused: "#0072a9",
50
53
  selected: "#0072a9",
51
54
  selectedInverse: "#8abed7"
@@ -74,7 +77,8 @@ const semanticColors = {
74
77
  warmPurpleWeak: "#dac3e8",
75
78
  magentaWeak: "#edc6d7",
76
79
  orangeWeak: "#fcddc6",
77
- yellowWeak: "#fbeebf",
80
+ orangeMedium: "#fac7a1",
81
+ yellowWeak: "#ffedac",
78
82
  selected: "#005d8b",
79
83
  selectedWeaker: "#e6f1f6",
80
84
  selectedWeak: "#c5dfec",
@@ -84,10 +88,11 @@ const semanticColors = {
84
88
  selectedPressedWeak: "#5ca5c8",
85
89
  draftStrong: "#f1c21b",
86
90
  liveWeak: "#aed2a6",
87
- warningWeak: "#fbeebf",
91
+ warningWeak: "#ffedac",
88
92
  informationWeak: "#e8f0fb",
89
- errorWeak: "#f5c6c0",
90
93
  errorWeaker: "#fbebe9",
94
+ errorWeak: "#f5c6c0",
95
+ errorMedium: "#eea198",
91
96
  errorStrong: "#b42a19",
92
97
  successWeak: "#cde4c9",
93
98
  successStrong: "#326528",
@@ -46,6 +46,9 @@ declare const semanticColors: {
46
46
  disabled: string;
47
47
  accent: string;
48
48
  error: string;
49
+ success: string;
50
+ warning: string;
51
+ information: string;
49
52
  focused: string;
50
53
  selected: string;
51
54
  selectedInverse: string;
@@ -74,6 +77,7 @@ declare const semanticColors: {
74
77
  warmPurpleWeak: string;
75
78
  magentaWeak: string;
76
79
  orangeWeak: string;
80
+ orangeMedium: string;
77
81
  yellowWeak: string;
78
82
  selected: string;
79
83
  selectedWeaker: string;
@@ -86,8 +90,9 @@ declare const semanticColors: {
86
90
  liveWeak: string;
87
91
  warningWeak: string;
88
92
  informationWeak: string;
89
- errorWeak: string;
90
93
  errorWeaker: string;
94
+ errorWeak: string;
95
+ errorMedium: string;
91
96
  errorStrong: string;
92
97
  successWeak: string;
93
98
  successStrong: string;
@@ -46,6 +46,9 @@ declare const semanticColors: {
46
46
  disabled: string;
47
47
  accent: string;
48
48
  error: string;
49
+ success: string;
50
+ warning: string;
51
+ information: string;
49
52
  focused: string;
50
53
  selected: string;
51
54
  selectedInverse: string;
@@ -74,6 +77,7 @@ declare const semanticColors: {
74
77
  warmPurpleWeak: string;
75
78
  magentaWeak: string;
76
79
  orangeWeak: string;
80
+ orangeMedium: string;
77
81
  yellowWeak: string;
78
82
  selected: string;
79
83
  selectedWeaker: string;
@@ -86,8 +90,9 @@ declare const semanticColors: {
86
90
  liveWeak: string;
87
91
  warningWeak: string;
88
92
  informationWeak: string;
89
- errorWeak: string;
90
93
  errorWeaker: string;
94
+ errorWeak: string;
95
+ errorMedium: string;
91
96
  errorStrong: string;
92
97
  successWeak: string;
93
98
  successStrong: string;
@@ -46,6 +46,9 @@ const semanticColors = {
46
46
  disabled: "#dcdcdc",
47
47
  accent: "#0d4289",
48
48
  error: "#b42a19",
49
+ success: "#408233",
50
+ warning: "#9a7c11",
51
+ information: "#1054af",
49
52
  focused: "#0072a9",
50
53
  selected: "#0072a9",
51
54
  selectedInverse: "#8abed7"
@@ -74,7 +77,8 @@ const semanticColors = {
74
77
  warmPurpleWeak: "#dac3e8",
75
78
  magentaWeak: "#edc6d7",
76
79
  orangeWeak: "#fcddc6",
77
- yellowWeak: "#fbeebf",
80
+ orangeMedium: "#fac7a1",
81
+ yellowWeak: "#ffedac",
78
82
  selected: "#005d8b",
79
83
  selectedWeaker: "#e6f1f6",
80
84
  selectedWeak: "#c5dfec",
@@ -84,10 +88,11 @@ const semanticColors = {
84
88
  selectedPressedWeak: "#5ca5c8",
85
89
  draftStrong: "#f1c21b",
86
90
  liveWeak: "#aed2a6",
87
- warningWeak: "#fbeebf",
91
+ warningWeak: "#ffedac",
88
92
  informationWeak: "#e8f0fb",
89
- errorWeak: "#f5c6c0",
90
93
  errorWeaker: "#fbebe9",
94
+ errorWeak: "#f5c6c0",
95
+ errorMedium: "#eea198",
91
96
  errorStrong: "#b42a19",
92
97
  successWeak: "#cde4c9",
93
98
  successStrong: "#326528",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@guardian/stand",
3
- "version": "0.0.63",
3
+ "version": "0.0.65",
4
4
  "repository": {
5
5
  "url": "https://github.com/guardian/stand"
6
6
  },
@@ -347,6 +347,16 @@
347
347
  "default": "./dist/Tooltip.cjs"
348
348
  }
349
349
  },
350
+ "./UserFeedbackSummary": {
351
+ "import": {
352
+ "types": "./dist/UserFeedbackSummary.d.ts",
353
+ "default": "./dist/UserFeedbackSummary.js"
354
+ },
355
+ "require": {
356
+ "types": "./dist/UserFeedbackSummary.d.cts",
357
+ "default": "./dist/UserFeedbackSummary.cjs"
358
+ }
359
+ },
350
360
  "./utils": {
351
361
  "import": {
352
362
  "types": "./dist/utils.d.ts",
@@ -402,7 +412,8 @@
402
412
  "./component/layout.css": "./dist/styleD/build/css/component/layout.css",
403
413
  "./component/modal.css": "./dist/styleD/build/css/component/modal.css",
404
414
  "./component/tabs.css": "./dist/styleD/build/css/component/tabs.css",
405
- "./component/tooltip.css": "./dist/styleD/build/css/component/tooltip.css"
415
+ "./component/tooltip.css": "./dist/styleD/build/css/component/tooltip.css",
416
+ "./component/userFeedbackSummary.css": "./dist/styleD/build/css/component/userFeedbackSummary.css"
406
417
  },
407
418
  "main": "./dist/index.cjs",
408
419
  "module": "./dist/index.js",
@@ -510,6 +521,9 @@
510
521
  ],
511
522
  "Tooltip": [
512
523
  "./dist/Tooltip.d.ts"
524
+ ],
525
+ "UserFeedbackSummary": [
526
+ "./dist/UserFeedbackSummary.d.ts"
513
527
  ]
514
528
  }
515
529
  },