@guardian/stand 0.0.32 → 0.0.34

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 (56) hide show
  1. package/dist/components/intended-audience-signifier/FlagIcons.cjs +128 -0
  2. package/dist/components/intended-audience-signifier/FlagIcons.js +9 -0
  3. package/dist/components/intended-audience-signifier/IntendedAudienceSignifier.cjs +67 -0
  4. package/dist/components/intended-audience-signifier/IntendedAudienceSignifier.js +35 -0
  5. package/dist/components/intended-audience-signifier/styles.cjs +31 -0
  6. package/dist/components/intended-audience-signifier/styles.js +28 -0
  7. package/dist/components/link/Link.cjs +37 -0
  8. package/dist/components/link/Link.js +17 -0
  9. package/dist/components/link/styles.cjs +31 -0
  10. package/dist/components/link/styles.js +28 -0
  11. package/dist/index.cjs +6 -2
  12. package/dist/index.js +3 -1
  13. package/dist/intended-audience-signifier.cjs +9 -0
  14. package/dist/intended-audience-signifier.js +2 -0
  15. package/dist/link.cjs +9 -0
  16. package/dist/link.js +2 -0
  17. package/dist/styleD/build/css/base/typography.css +2 -2
  18. package/dist/styleD/build/css/component/TopBar.css +2 -2
  19. package/dist/styleD/build/css/component/alertBanner.css +1 -1
  20. package/dist/styleD/build/css/component/autocomplete.css +1 -1
  21. package/dist/styleD/build/css/component/avatar.css +1 -1
  22. package/dist/styleD/build/css/component/button.css +3 -3
  23. package/dist/styleD/build/css/component/checkbox.css +2 -2
  24. package/dist/styleD/build/css/component/favicon.css +1 -1
  25. package/dist/styleD/build/css/component/form.css +1 -1
  26. package/dist/styleD/build/css/component/inlineMessage.css +1 -1
  27. package/dist/styleD/build/css/component/intendedAudienceSignifier.css +25 -0
  28. package/dist/styleD/build/css/component/link.css +12 -0
  29. package/dist/styleD/build/css/component/menu.css +3 -3
  30. package/dist/styleD/build/css/component/radioGroup.css +3 -3
  31. package/dist/styleD/build/css/component/select.css +2 -2
  32. package/dist/styleD/build/css/component/tagTable.css +1 -1
  33. package/dist/styleD/build/css/component/textArea.css +2 -2
  34. package/dist/styleD/build/css/component/textInput.css +2 -2
  35. package/dist/styleD/build/css/component/userMenu.css +6 -6
  36. package/dist/styleD/build/css/semantic/typography.css +61 -61
  37. package/dist/styleD/build/typescript/component/intendedAudienceSignifier.cjs +29 -0
  38. package/dist/styleD/build/typescript/component/intendedAudienceSignifier.js +27 -0
  39. package/dist/styleD/build/typescript/component/link.cjs +24 -0
  40. package/dist/styleD/build/typescript/component/link.js +22 -0
  41. package/dist/types/components/intended-audience-signifier/FlagIcons.d.ts +5 -0
  42. package/dist/types/components/intended-audience-signifier/IntendedAudienceSignifier.d.ts +2 -0
  43. package/dist/types/components/intended-audience-signifier/sandbox.d.ts +5 -0
  44. package/dist/types/components/intended-audience-signifier/styles.d.ts +6 -0
  45. package/dist/types/components/intended-audience-signifier/types.d.ts +8 -0
  46. package/dist/types/components/link/Link.d.ts +2 -0
  47. package/dist/types/components/link/sandbox.d.ts +5 -0
  48. package/dist/types/components/link/styles.d.ts +7 -0
  49. package/dist/types/components/link/types.d.ts +11 -0
  50. package/dist/types/components/typography/types.d.ts +3 -2
  51. package/dist/types/index.d.ts +6 -2
  52. package/dist/types/intended-audience-signifier.d.ts +19 -0
  53. package/dist/types/link.d.ts +19 -0
  54. package/dist/types/styleD/build/typescript/component/intendedAudienceSignifier.d.ts +29 -0
  55. package/dist/types/styleD/build/typescript/component/link.d.ts +24 -0
  56. package/package.json +40 -19
@@ -0,0 +1,25 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --component-intended-audience-signifier-display: flex;
7
+ --component-intended-audience-signifier-flex-direction: row;
8
+ --component-intended-audience-signifier-justify-content: center;
9
+ --component-intended-audience-signifier-align-items: center;
10
+ --component-intended-audience-signifier-border-color: #000000;
11
+ --component-intended-audience-signifier-border-width: 1px;
12
+ --component-intended-audience-signifier-border-style: solid;
13
+ --component-intended-audience-signifier-border-radius: 0.125rem;
14
+ --component-intended-audience-signifier-padding-y: 2px;
15
+ --component-intended-audience-signifier-padding-x: 4px;
16
+ --component-intended-audience-signifier-box-sizing: border-box;
17
+ --component-intended-audience-signifier-width: fit-content;
18
+ --component-intended-audience-signifier-gap: 8px;
19
+ --component-intended-audience-signifier-svg-height: unset;
20
+ --component-intended-audience-signifier-svg-width: unset;
21
+ --component-intended-audience-signifier-color: #545454;
22
+ --component-intended-audience-signifier-typography-font-weight: 400;
23
+ --component-intended-audience-signifier-typography-font-size: 0.75rem;
24
+ --component-intended-audience-signifier-typography-line-height: 1;
25
+ }
@@ -0,0 +1,12 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --component-link-shared-focus-outline: 1px solid #0072a9;
7
+ --component-link-shared-hover-color: #00344e;
8
+ --component-link-shared-hover-cursor: pointer;
9
+ --component-link-shared-enabled-color: #00496c;
10
+ --component-link-shared-disabled-color: #999999;
11
+ --component-link-shared-pressed-color: #00202f;
12
+ }
@@ -45,13 +45,13 @@
45
45
  --component-menu-menu-item-shared-label-color: #000000;
46
46
  --component-menu-menu-item-shared-label-typography-font: normal 460 1rem/1.3
47
47
  'Open Sans';
48
- --component-menu-menu-item-shared-label-typography-letter-spacing: 0;
48
+ --component-menu-menu-item-shared-label-typography-letter-spacing: 0rem;
49
49
  --component-menu-menu-item-shared-label-typography-font-width: 95;
50
50
  --component-menu-menu-item-shared-description-grid-area: description;
51
51
  --component-menu-menu-item-shared-description-color: #545454;
52
52
  --component-menu-menu-item-shared-description-typography-font: normal 460
53
53
  0.875rem/1.3 'Open Sans';
54
- --component-menu-menu-item-shared-description-typography-letter-spacing: 0;
54
+ --component-menu-menu-item-shared-description-typography-letter-spacing: 0rem;
55
55
  --component-menu-menu-item-shared-description-typography-font-width: 95;
56
56
  --component-menu-menu-item-shared-aside-grid-area: aside;
57
57
  --component-menu-menu-item-shared-aside-justify-self: end;
@@ -59,7 +59,7 @@
59
59
  --component-menu-menu-item-shared-aside-color: #000000;
60
60
  --component-menu-menu-item-shared-aside-typography-font: normal 460 1rem/1.3
61
61
  'Open Sans';
62
- --component-menu-menu-item-shared-aside-typography-letter-spacing: 0;
62
+ --component-menu-menu-item-shared-aside-typography-letter-spacing: 0rem;
63
63
  --component-menu-menu-item-shared-aside-typography-font-width: 95;
64
64
  --component-menu-menu-item-shared-last-child-border-bottom: none;
65
65
  --component-menu-menu-item-shared-hover-background-color: #f6f6f6;
@@ -15,7 +15,7 @@
15
15
  --component-radio-group-shared-indicator-position: relative;
16
16
  --component-radio-group-shared-indicator-after-position: absolute;
17
17
  --component-radio-group-shared-indicator-after-border-radius: inherit;
18
- --component-radio-group-shared-indicator-after-inset: 0;
18
+ --component-radio-group-shared-indicator-after-inset: 0px;
19
19
  --component-radio-group-shared-indicator-after-scale: 0;
20
20
  --component-radio-group-shared-indicator-border-radius: 50%;
21
21
  --component-radio-group-shared-indicator-border: 0.0625rem solid #545454;
@@ -39,13 +39,13 @@
39
39
  --component-radio-group-sm-gap: 1rem;
40
40
  --component-radio-group-sm-typography-font: normal 460 0.875rem/1.3
41
41
  'Open Sans';
42
- --component-radio-group-sm-typography-letter-spacing: 0;
42
+ --component-radio-group-sm-typography-letter-spacing: 0rem;
43
43
  --component-radio-group-sm-typography-font-width: 95;
44
44
  --component-radio-group-sm-indicator-width: 1.25rem;
45
45
  --component-radio-group-sm-indicator-height: 1.25rem;
46
46
  --component-radio-group-md-gap: 1.25rem;
47
47
  --component-radio-group-md-typography-font: normal 460 1rem/1.3 'Open Sans';
48
- --component-radio-group-md-typography-letter-spacing: 0;
48
+ --component-radio-group-md-typography-letter-spacing: 0rem;
49
49
  --component-radio-group-md-typography-font-width: 95;
50
50
  --component-radio-group-md-indicator-width: 1.5rem;
51
51
  --component-radio-group-md-indicator-height: 1.5rem;
@@ -20,7 +20,7 @@
20
20
  --component-select-shared-button-color: #545454;
21
21
  --component-select-shared-button-typography-font: normal 460 1rem/1.3
22
22
  'Open Sans';
23
- --component-select-shared-button-typography-letter-spacing: 0;
23
+ --component-select-shared-button-typography-letter-spacing: 0rem;
24
24
  --component-select-shared-button-typography-font-width: 95;
25
25
  --component-select-shared-button-focused-outline: 0.125rem solid #0072a9;
26
26
  --component-select-shared-button-focused-outline-offset: 0.125rem;
@@ -38,7 +38,7 @@
38
38
  --component-select-shared-option-focused-background-color: inherit;
39
39
  --component-select-shared-list-box-typography-font: normal 460 1rem/1.3
40
40
  'Open Sans';
41
- --component-select-shared-list-box-typography-letter-spacing: 0;
41
+ --component-select-shared-list-box-typography-letter-spacing: 0rem;
42
42
  --component-select-shared-list-box-typography-font-width: 95;
43
43
  --component-select-shared-list-box-border: 0.0625rem solid #cccccc;
44
44
  --component-select-shared-list-box-background-color: #ffffff;
@@ -25,7 +25,7 @@
25
25
  --component-tag-table-row-first-row-background-hover-color: #8ec183;
26
26
  --component-tag-table-add-button-color: #ffffff;
27
27
  --component-tag-table-add-button-padding-x: 10px;
28
- --component-tag-table-add-button-padding-y: 0;
28
+ --component-tag-table-add-button-padding-y: 0px;
29
29
  --component-tag-table-add-button-background-color: #8d8d8d;
30
30
  --component-tag-table-add-button-background-hover-color: #545454;
31
31
  --component-tag-table-add-button-font-weight: 400;
@@ -22,9 +22,9 @@
22
22
  --component-text-area-shared-focused-outline: 0.125rem auto #0072a9;
23
23
  --component-text-area-shared-error-border: 0.0625rem solid #b42a19;
24
24
  --component-text-area-sm-typography-font: normal 460 0.875rem/1.3 'Open Sans';
25
- --component-text-area-sm-typography-letter-spacing: 0;
25
+ --component-text-area-sm-typography-letter-spacing: 0rem;
26
26
  --component-text-area-sm-typography-font-width: 95;
27
27
  --component-text-area-md-typography-font: normal 460 1rem/1.3 'Open Sans';
28
- --component-text-area-md-typography-letter-spacing: 0;
28
+ --component-text-area-md-typography-letter-spacing: 0rem;
29
29
  --component-text-area-md-typography-font-width: 95;
30
30
  }
@@ -22,10 +22,10 @@
22
22
  --component-text-input-shared-error-border: 0.0625rem solid #b42a19;
23
23
  --component-text-input-sm-height: 2rem;
24
24
  --component-text-input-sm-typography-font: normal 460 0.875rem/1.3 'Open Sans';
25
- --component-text-input-sm-typography-letter-spacing: 0;
25
+ --component-text-input-sm-typography-letter-spacing: 0rem;
26
26
  --component-text-input-sm-typography-font-width: 95;
27
27
  --component-text-input-md-height: 2.5rem;
28
28
  --component-text-input-md-typography-font: normal 460 1rem/1.3 'Open Sans';
29
- --component-text-input-md-typography-letter-spacing: 0;
29
+ --component-text-input-md-typography-letter-spacing: 0rem;
30
30
  --component-text-input-md-typography-font-width: 95;
31
31
  }
@@ -9,17 +9,17 @@
9
9
  --component-user-menu-container-padding-x: 0.25rem;
10
10
  --component-user-menu-heading-font-weight: 700;
11
11
  --component-user-menu-heading-font-size: 1.125rem;
12
- --component-user-menu-heading-padding-top: 0;
13
- --component-user-menu-heading-padding-right: 0;
14
- --component-user-menu-heading-padding-bottom: 0;
15
- --component-user-menu-heading-padding-left: 0;
12
+ --component-user-menu-heading-padding-top: 0px;
13
+ --component-user-menu-heading-padding-right: 0px;
14
+ --component-user-menu-heading-padding-bottom: 0px;
15
+ --component-user-menu-heading-padding-left: 0px;
16
16
  --component-user-menu-heading-text-align: left;
17
17
  --component-user-menu-label-font-weight: 700;
18
18
  --component-user-menu-label-font-size: 0.875rem;
19
19
  --component-user-menu-label-padding-top: 15px;
20
- --component-user-menu-label-padding-right: 0;
20
+ --component-user-menu-label-padding-right: 0px;
21
21
  --component-user-menu-label-padding-bottom: 0.375rem;
22
- --component-user-menu-label-padding-left: 0;
22
+ --component-user-menu-label-padding-left: 0px;
23
23
  --component-user-menu-label-text-align: left;
24
24
  --component-user-menu-toggle-button-base-background-color: #ededed;
25
25
  --component-user-menu-toggle-button-disabled-background-color: #dcdcdc;
@@ -5,22 +5,22 @@
5
5
  :root {
6
6
  --semantic-typography-title-sm-font: normal 700 1.125rem/1.15
7
7
  'GH Guardian Headline';
8
- --semantic-typography-title-sm-letter-spacing: 0;
8
+ --semantic-typography-title-sm-letter-spacing: 0rem;
9
9
  --semantic-typography-title-sm-font-width: 100;
10
10
  --semantic-typography-title-md-font: normal 700 1.25rem/1.15
11
11
  'GH Guardian Headline';
12
- --semantic-typography-title-md-letter-spacing: 0;
12
+ --semantic-typography-title-md-letter-spacing: 0rem;
13
13
  --semantic-typography-title-md-font-width: 100;
14
14
  --semantic-typography-title-lg-font: normal 700 1.5rem/1.15
15
15
  'GH Guardian Headline';
16
- --semantic-typography-title-lg-letter-spacing: 0;
16
+ --semantic-typography-title-lg-letter-spacing: 0rem;
17
17
  --semantic-typography-title-lg-font-width: 100;
18
18
  --semantic-typography-title-xl-font: normal 700 2rem/1.15
19
19
  'GH Guardian Headline';
20
- --semantic-typography-title-xl-letter-spacing: 0;
20
+ --semantic-typography-title-xl-letter-spacing: 0rem;
21
21
  --semantic-typography-title-xl-font-width: 100;
22
22
  --semantic-typography-heading-xs-font: normal 700 0.75rem/1.15 'Open Sans';
23
- --semantic-typography-heading-xs-letter-spacing: 0;
23
+ --semantic-typography-heading-xs-letter-spacing: 0rem;
24
24
  --semantic-typography-heading-xs-font-width: 95;
25
25
  --semantic-typography-heading-sm-font: normal 700 0.875rem/1.15 'Open Sans';
26
26
  --semantic-typography-heading-sm-letter-spacing: -0.0125rem;
@@ -39,11 +39,11 @@
39
39
  --semantic-typography-heading-2xl-font-width: 95;
40
40
  --semantic-typography-heading-compact-xs-font: normal 700 0.75rem/1.15
41
41
  'Open Sans';
42
- --semantic-typography-heading-compact-xs-letter-spacing: 0;
42
+ --semantic-typography-heading-compact-xs-letter-spacing: 0rem;
43
43
  --semantic-typography-heading-compact-xs-font-width: 88;
44
44
  --semantic-typography-heading-compact-sm-font: normal 700 0.875rem/1.15
45
45
  'Open Sans';
46
- --semantic-typography-heading-compact-sm-letter-spacing: 0;
46
+ --semantic-typography-heading-compact-sm-letter-spacing: 0rem;
47
47
  --semantic-typography-heading-compact-sm-font-width: 88;
48
48
  --semantic-typography-heading-compact-md-font: normal 700 1rem/1.15
49
49
  'Open Sans';
@@ -62,171 +62,171 @@
62
62
  --semantic-typography-heading-compact-2xl-letter-spacing: -0.03125rem;
63
63
  --semantic-typography-heading-compact-2xl-font-width: 88;
64
64
  --semantic-typography-body-xs-font: normal 460 0.75rem/1.3 'Open Sans';
65
- --semantic-typography-body-xs-letter-spacing: 0;
65
+ --semantic-typography-body-xs-letter-spacing: 0rem;
66
66
  --semantic-typography-body-xs-font-width: 95;
67
67
  --semantic-typography-body-sm-font: normal 460 0.875rem/1.3 'Open Sans';
68
- --semantic-typography-body-sm-letter-spacing: 0;
68
+ --semantic-typography-body-sm-letter-spacing: 0rem;
69
69
  --semantic-typography-body-sm-font-width: 95;
70
70
  --semantic-typography-body-md-font: normal 460 1rem/1.3 'Open Sans';
71
- --semantic-typography-body-md-letter-spacing: 0;
71
+ --semantic-typography-body-md-letter-spacing: 0rem;
72
72
  --semantic-typography-body-md-font-width: 95;
73
73
  --semantic-typography-body-lg-font: normal 460 1.125rem/1.3 'Open Sans';
74
- --semantic-typography-body-lg-letter-spacing: 0;
74
+ --semantic-typography-body-lg-letter-spacing: 0rem;
75
75
  --semantic-typography-body-lg-font-width: 95;
76
76
  --semantic-typography-body-xl-font: normal 460 1.25rem/1.3 'Open Sans';
77
- --semantic-typography-body-xl-letter-spacing: 0;
77
+ --semantic-typography-body-xl-letter-spacing: 0rem;
78
78
  --semantic-typography-body-xl-font-width: 95;
79
79
  --semantic-typography-body-bold-xs-font: normal 700 0.75rem/1.3 'Open Sans';
80
- --semantic-typography-body-bold-xs-letter-spacing: 0;
80
+ --semantic-typography-body-bold-xs-letter-spacing: 0rem;
81
81
  --semantic-typography-body-bold-xs-font-width: 95;
82
82
  --semantic-typography-body-bold-sm-font: normal 700 0.875rem/1.3 'Open Sans';
83
- --semantic-typography-body-bold-sm-letter-spacing: 0;
83
+ --semantic-typography-body-bold-sm-letter-spacing: 0rem;
84
84
  --semantic-typography-body-bold-sm-font-width: 95;
85
85
  --semantic-typography-body-bold-md-font: normal 700 1rem/1.3 'Open Sans';
86
- --semantic-typography-body-bold-md-letter-spacing: 0;
86
+ --semantic-typography-body-bold-md-letter-spacing: 0rem;
87
87
  --semantic-typography-body-bold-md-font-width: 95;
88
88
  --semantic-typography-body-bold-lg-font: normal 700 1.125rem/1.3 'Open Sans';
89
- --semantic-typography-body-bold-lg-letter-spacing: 0;
89
+ --semantic-typography-body-bold-lg-letter-spacing: 0rem;
90
90
  --semantic-typography-body-bold-lg-font-width: 95;
91
91
  --semantic-typography-body-bold-xl-font: normal 700 1.25rem/1.3 'Open Sans';
92
- --semantic-typography-body-bold-xl-letter-spacing: 0;
92
+ --semantic-typography-body-bold-xl-letter-spacing: 0rem;
93
93
  --semantic-typography-body-bold-xl-font-width: 95;
94
94
  --semantic-typography-body-italic-xs-font: italic 460 0.75rem/1.3 'Open Sans';
95
- --semantic-typography-body-italic-xs-letter-spacing: 0;
95
+ --semantic-typography-body-italic-xs-letter-spacing: 0rem;
96
96
  --semantic-typography-body-italic-xs-font-width: 95;
97
97
  --semantic-typography-body-italic-sm-font: italic 460 0.875rem/1.3 'Open Sans';
98
- --semantic-typography-body-italic-sm-letter-spacing: 0;
98
+ --semantic-typography-body-italic-sm-letter-spacing: 0rem;
99
99
  --semantic-typography-body-italic-sm-font-width: 95;
100
100
  --semantic-typography-body-italic-md-font: italic 460 1rem/1.3 'Open Sans';
101
- --semantic-typography-body-italic-md-letter-spacing: 0;
101
+ --semantic-typography-body-italic-md-letter-spacing: 0rem;
102
102
  --semantic-typography-body-italic-md-font-width: 95;
103
103
  --semantic-typography-body-italic-lg-font: italic 460 1.125rem/1.3 'Open Sans';
104
- --semantic-typography-body-italic-lg-letter-spacing: 0;
104
+ --semantic-typography-body-italic-lg-letter-spacing: 0rem;
105
105
  --semantic-typography-body-italic-lg-font-width: 95;
106
106
  --semantic-typography-body-italic-xl-font: italic 460 1.25rem/1.3 'Open Sans';
107
- --semantic-typography-body-italic-xl-letter-spacing: 0;
107
+ --semantic-typography-body-italic-xl-letter-spacing: 0rem;
108
108
  --semantic-typography-body-italic-xl-font-width: 95;
109
109
  --semantic-typography-body-italic-bold-xs-font: italic 700 0.75rem/1.3
110
110
  'Open Sans';
111
- --semantic-typography-body-italic-bold-xs-letter-spacing: 0;
111
+ --semantic-typography-body-italic-bold-xs-letter-spacing: 0rem;
112
112
  --semantic-typography-body-italic-bold-xs-font-width: 95;
113
113
  --semantic-typography-body-italic-bold-sm-font: italic 700 0.875rem/1.3
114
114
  'Open Sans';
115
- --semantic-typography-body-italic-bold-sm-letter-spacing: 0;
115
+ --semantic-typography-body-italic-bold-sm-letter-spacing: 0rem;
116
116
  --semantic-typography-body-italic-bold-sm-font-width: 95;
117
117
  --semantic-typography-body-italic-bold-md-font: italic 700 1rem/1.3
118
118
  'Open Sans';
119
- --semantic-typography-body-italic-bold-md-letter-spacing: 0;
119
+ --semantic-typography-body-italic-bold-md-letter-spacing: 0rem;
120
120
  --semantic-typography-body-italic-bold-md-font-width: 95;
121
121
  --semantic-typography-body-italic-bold-lg-font: italic 700 1.125rem/1.3
122
122
  'Open Sans';
123
- --semantic-typography-body-italic-bold-lg-letter-spacing: 0;
123
+ --semantic-typography-body-italic-bold-lg-letter-spacing: 0rem;
124
124
  --semantic-typography-body-italic-bold-lg-font-width: 95;
125
125
  --semantic-typography-body-italic-bold-xl-font: italic 700 1.25rem/1.3
126
126
  'Open Sans';
127
- --semantic-typography-body-italic-bold-xl-letter-spacing: 0;
127
+ --semantic-typography-body-italic-bold-xl-letter-spacing: 0rem;
128
128
  --semantic-typography-body-italic-bold-xl-font-width: 95;
129
129
  --semantic-typography-body-compact-xs-font: normal 460 0.75rem/1.3 'Open Sans';
130
- --semantic-typography-body-compact-xs-letter-spacing: 0;
130
+ --semantic-typography-body-compact-xs-letter-spacing: 0rem;
131
131
  --semantic-typography-body-compact-xs-font-width: 88;
132
132
  --semantic-typography-body-compact-sm-font: normal 460 0.875rem/1.3
133
133
  'Open Sans';
134
- --semantic-typography-body-compact-sm-letter-spacing: 0;
134
+ --semantic-typography-body-compact-sm-letter-spacing: 0rem;
135
135
  --semantic-typography-body-compact-sm-font-width: 88;
136
136
  --semantic-typography-body-compact-md-font: normal 460 1rem/1.3 'Open Sans';
137
- --semantic-typography-body-compact-md-letter-spacing: 0;
137
+ --semantic-typography-body-compact-md-letter-spacing: 0rem;
138
138
  --semantic-typography-body-compact-md-font-width: 88;
139
139
  --semantic-typography-body-compact-lg-font: normal 460 1.125rem/1.3
140
140
  'Open Sans';
141
- --semantic-typography-body-compact-lg-letter-spacing: 0;
141
+ --semantic-typography-body-compact-lg-letter-spacing: 0rem;
142
142
  --semantic-typography-body-compact-lg-font-width: 88;
143
143
  --semantic-typography-body-compact-xl-font: normal 460 1.25rem/1.3 'Open Sans';
144
- --semantic-typography-body-compact-xl-letter-spacing: 0;
144
+ --semantic-typography-body-compact-xl-letter-spacing: 0rem;
145
145
  --semantic-typography-body-compact-xl-font-width: 88;
146
146
  --semantic-typography-body-compact-bold-xs-font: normal 700 0.75rem/1.3
147
147
  'Open Sans';
148
- --semantic-typography-body-compact-bold-xs-letter-spacing: 0;
148
+ --semantic-typography-body-compact-bold-xs-letter-spacing: 0rem;
149
149
  --semantic-typography-body-compact-bold-xs-font-width: 88;
150
150
  --semantic-typography-body-compact-bold-sm-font: normal 700 0.875rem/1.3
151
151
  'Open Sans';
152
- --semantic-typography-body-compact-bold-sm-letter-spacing: 0;
152
+ --semantic-typography-body-compact-bold-sm-letter-spacing: 0rem;
153
153
  --semantic-typography-body-compact-bold-sm-font-width: 88;
154
154
  --semantic-typography-body-compact-bold-md-font: normal 700 1rem/1.3
155
155
  'Open Sans';
156
- --semantic-typography-body-compact-bold-md-letter-spacing: 0;
156
+ --semantic-typography-body-compact-bold-md-letter-spacing: 0rem;
157
157
  --semantic-typography-body-compact-bold-md-font-width: 88;
158
158
  --semantic-typography-body-compact-bold-lg-font: normal 700 1.125rem/1.3
159
159
  'Open Sans';
160
- --semantic-typography-body-compact-bold-lg-letter-spacing: 0;
160
+ --semantic-typography-body-compact-bold-lg-letter-spacing: 0rem;
161
161
  --semantic-typography-body-compact-bold-lg-font-width: 88;
162
162
  --semantic-typography-body-compact-bold-xl-font: normal 700 1.25rem/1.3
163
163
  'Open Sans';
164
- --semantic-typography-body-compact-bold-xl-letter-spacing: 0;
164
+ --semantic-typography-body-compact-bold-xl-letter-spacing: 0rem;
165
165
  --semantic-typography-body-compact-bold-xl-font-width: 88;
166
166
  --semantic-typography-body-compact-italic-xs-font: italic 460 0.75rem/1.3
167
167
  'Open Sans';
168
- --semantic-typography-body-compact-italic-xs-letter-spacing: 0;
168
+ --semantic-typography-body-compact-italic-xs-letter-spacing: 0rem;
169
169
  --semantic-typography-body-compact-italic-xs-font-width: 88;
170
170
  --semantic-typography-body-compact-italic-sm-font: italic 460 0.875rem/1.3
171
171
  'Open Sans';
172
- --semantic-typography-body-compact-italic-sm-letter-spacing: 0;
172
+ --semantic-typography-body-compact-italic-sm-letter-spacing: 0rem;
173
173
  --semantic-typography-body-compact-italic-sm-font-width: 88;
174
174
  --semantic-typography-body-compact-italic-md-font: italic 460 1rem/1.3
175
175
  'Open Sans';
176
- --semantic-typography-body-compact-italic-md-letter-spacing: 0;
176
+ --semantic-typography-body-compact-italic-md-letter-spacing: 0rem;
177
177
  --semantic-typography-body-compact-italic-md-font-width: 88;
178
178
  --semantic-typography-body-compact-italic-lg-font: italic 460 1.125rem/1.3
179
179
  'Open Sans';
180
- --semantic-typography-body-compact-italic-lg-letter-spacing: 0;
180
+ --semantic-typography-body-compact-italic-lg-letter-spacing: 0rem;
181
181
  --semantic-typography-body-compact-italic-lg-font-width: 88;
182
182
  --semantic-typography-body-compact-italic-xl-font: italic 460 1.25rem/1.3
183
183
  'Open Sans';
184
- --semantic-typography-body-compact-italic-xl-letter-spacing: 0;
184
+ --semantic-typography-body-compact-italic-xl-letter-spacing: 0rem;
185
185
  --semantic-typography-body-compact-italic-xl-font-width: 88;
186
186
  --semantic-typography-body-compact-italic-bold-xs-font: italic 700 0.75rem/1.3
187
187
  'Open Sans';
188
- --semantic-typography-body-compact-italic-bold-xs-letter-spacing: 0;
188
+ --semantic-typography-body-compact-italic-bold-xs-letter-spacing: 0rem;
189
189
  --semantic-typography-body-compact-italic-bold-xs-font-width: 88;
190
190
  --semantic-typography-body-compact-italic-bold-sm-font: italic 700
191
191
  0.875rem/1.3 'Open Sans';
192
- --semantic-typography-body-compact-italic-bold-sm-letter-spacing: 0;
192
+ --semantic-typography-body-compact-italic-bold-sm-letter-spacing: 0rem;
193
193
  --semantic-typography-body-compact-italic-bold-sm-font-width: 88;
194
194
  --semantic-typography-body-compact-italic-bold-md-font: italic 700 1rem/1.3
195
195
  'Open Sans';
196
- --semantic-typography-body-compact-italic-bold-md-letter-spacing: 0;
196
+ --semantic-typography-body-compact-italic-bold-md-letter-spacing: 0rem;
197
197
  --semantic-typography-body-compact-italic-bold-md-font-width: 88;
198
198
  --semantic-typography-body-compact-italic-bold-lg-font: italic 700
199
199
  1.125rem/1.3 'Open Sans';
200
- --semantic-typography-body-compact-italic-bold-lg-letter-spacing: 0;
200
+ --semantic-typography-body-compact-italic-bold-lg-letter-spacing: 0rem;
201
201
  --semantic-typography-body-compact-italic-bold-lg-font-width: 88;
202
202
  --semantic-typography-body-compact-italic-bold-xl-font: italic 700 1.25rem/1.3
203
203
  'Open Sans';
204
- --semantic-typography-body-compact-italic-bold-xl-letter-spacing: 0;
204
+ --semantic-typography-body-compact-italic-bold-xl-letter-spacing: 0rem;
205
205
  --semantic-typography-body-compact-italic-bold-xl-font-width: 88;
206
206
  --semantic-typography-meta-md-font: normal 460 0.75rem/1.3 'Open Sans';
207
- --semantic-typography-meta-md-letter-spacing: 0;
207
+ --semantic-typography-meta-md-letter-spacing: 0rem;
208
208
  --semantic-typography-meta-md-font-width: 95;
209
209
  --semantic-typography-meta-compact-md-font: normal 460 0.75rem/1.3 'Open Sans';
210
- --semantic-typography-meta-compact-md-letter-spacing: 0;
210
+ --semantic-typography-meta-compact-md-letter-spacing: 0rem;
211
211
  --semantic-typography-meta-compact-md-font-width: 88;
212
212
  --semantic-typography-article-body-md-font: normal 400 1rem/1.4
213
213
  GuardianTextEgyptian;
214
- --semantic-typography-article-body-md-letter-spacing: 0;
214
+ --semantic-typography-article-body-md-letter-spacing: 0rem;
215
215
  --semantic-typography-article-body-md-font-width: 100;
216
216
  --semantic-typography-article-body-bold-md-font: normal 700 1rem/1.4
217
217
  GuardianTextEgyptian;
218
- --semantic-typography-article-body-bold-md-letter-spacing: 0;
218
+ --semantic-typography-article-body-bold-md-letter-spacing: 0rem;
219
219
  --semantic-typography-article-body-bold-md-font-width: 100;
220
220
  --semantic-typography-article-body-italic-md-font: italic 400 1rem/1.4
221
221
  GuardianTextEgyptian;
222
- --semantic-typography-article-body-italic-md-letter-spacing: 0;
222
+ --semantic-typography-article-body-italic-md-letter-spacing: 0rem;
223
223
  --semantic-typography-article-body-italic-md-font-width: 100;
224
224
  --semantic-typography-article-body-bold-italic-md-font: italic 700 1rem/1.4
225
225
  GuardianTextEgyptian;
226
- --semantic-typography-article-body-bold-italic-md-letter-spacing: 0;
226
+ --semantic-typography-article-body-bold-italic-md-letter-spacing: 0rem;
227
227
  --semantic-typography-article-body-bold-italic-md-font-width: 100;
228
228
  --semantic-typography-interactive-xs-font: normal 700 0.75rem/1 'Open Sans';
229
- --semantic-typography-interactive-xs-letter-spacing: 0;
229
+ --semantic-typography-interactive-xs-letter-spacing: 0rem;
230
230
  --semantic-typography-interactive-xs-font-width: 95;
231
231
  --semantic-typography-interactive-sm-font: normal 700 0.875rem/1 'Open Sans';
232
232
  --semantic-typography-interactive-sm-letter-spacing: -0.0125rem;
@@ -242,15 +242,15 @@
242
242
  --semantic-typography-label-form-md-font-width: 95;
243
243
  --semantic-typography-label-form-inline-sm-font: normal 460 0.875rem/1.3
244
244
  'Open Sans';
245
- --semantic-typography-label-form-inline-sm-letter-spacing: 0;
245
+ --semantic-typography-label-form-inline-sm-letter-spacing: 0rem;
246
246
  --semantic-typography-label-form-inline-sm-font-width: 95;
247
247
  --semantic-typography-label-form-inline-md-font: normal 460 1rem/1.3
248
248
  'Open Sans';
249
- --semantic-typography-label-form-inline-md-letter-spacing: 0;
249
+ --semantic-typography-label-form-inline-md-letter-spacing: 0rem;
250
250
  --semantic-typography-label-form-inline-md-font-width: 95;
251
251
  --semantic-typography-label-form-compact-sm-font: normal 700 0.875rem/1.15
252
252
  'Open Sans';
253
- --semantic-typography-label-form-compact-sm-letter-spacing: 0;
253
+ --semantic-typography-label-form-compact-sm-letter-spacing: 0rem;
254
254
  --semantic-typography-label-form-compact-sm-font-width: 88;
255
255
  --semantic-typography-label-form-compact-md-font: normal 700 1rem/1.15
256
256
  'Open Sans';
@@ -258,18 +258,18 @@
258
258
  --semantic-typography-label-form-compact-md-font-width: 88;
259
259
  --semantic-typography-label-form-inline-compact-sm-font: normal 460
260
260
  0.875rem/1.3 'Open Sans';
261
- --semantic-typography-label-form-inline-compact-sm-letter-spacing: 0;
261
+ --semantic-typography-label-form-inline-compact-sm-letter-spacing: 0rem;
262
262
  --semantic-typography-label-form-inline-compact-sm-font-width: 88;
263
263
  --semantic-typography-label-form-inline-compact-md-font: normal 460 1rem/1.3
264
264
  'Open Sans';
265
- --semantic-typography-label-form-inline-compact-md-letter-spacing: 0;
265
+ --semantic-typography-label-form-inline-compact-md-letter-spacing: 0rem;
266
266
  --semantic-typography-label-form-inline-compact-md-font-width: 88;
267
267
  --semantic-typography-help-text-form-md-font: normal 460 0.875rem/1.3
268
268
  'Open Sans';
269
- --semantic-typography-help-text-form-md-letter-spacing: 0;
269
+ --semantic-typography-help-text-form-md-letter-spacing: 0rem;
270
270
  --semantic-typography-help-text-form-md-font-width: 95;
271
271
  --semantic-typography-help-text-form-compact-md-font: normal 460 0.875rem/1.3
272
272
  'Open Sans';
273
- --semantic-typography-help-text-form-compact-md-letter-spacing: 0;
273
+ --semantic-typography-help-text-form-compact-md-letter-spacing: 0rem;
274
274
  --semantic-typography-help-text-form-compact-md-font-width: 88;
275
275
  }
@@ -0,0 +1,29 @@
1
+ 'use strict';
2
+
3
+ const componentIntendedAudienceSignifier = {
4
+ display: "flex",
5
+ flexDirection: "row",
6
+ justifyContent: "center",
7
+ alignItems: "center",
8
+ borderColor: "#000000",
9
+ borderWidth: "1px",
10
+ borderStyle: "solid",
11
+ borderRadius: "0.125rem",
12
+ paddingY: "2px",
13
+ paddingX: "4px",
14
+ boxSizing: "border-box",
15
+ width: "fit-content",
16
+ gap: "8px",
17
+ svg: {
18
+ height: "unset",
19
+ width: "unset"
20
+ },
21
+ color: "#545454",
22
+ typography: {
23
+ fontWeight: 400,
24
+ fontSize: "0.75rem",
25
+ lineHeight: 1
26
+ }
27
+ };
28
+
29
+ exports.componentIntendedAudienceSignifier = componentIntendedAudienceSignifier;
@@ -0,0 +1,27 @@
1
+ const componentIntendedAudienceSignifier = {
2
+ display: "flex",
3
+ flexDirection: "row",
4
+ justifyContent: "center",
5
+ alignItems: "center",
6
+ borderColor: "#000000",
7
+ borderWidth: "1px",
8
+ borderStyle: "solid",
9
+ borderRadius: "0.125rem",
10
+ paddingY: "2px",
11
+ paddingX: "4px",
12
+ boxSizing: "border-box",
13
+ width: "fit-content",
14
+ gap: "8px",
15
+ svg: {
16
+ height: "unset",
17
+ width: "unset"
18
+ },
19
+ color: "#545454",
20
+ typography: {
21
+ fontWeight: 400,
22
+ fontSize: "0.75rem",
23
+ lineHeight: 1
24
+ }
25
+ };
26
+
27
+ export { componentIntendedAudienceSignifier };
@@ -0,0 +1,24 @@
1
+ 'use strict';
2
+
3
+ const componentLink = {
4
+ shared: {
5
+ focus: {
6
+ outline: "1px solid #0072a9"
7
+ },
8
+ hover: {
9
+ color: "#00344e",
10
+ cursor: "pointer"
11
+ },
12
+ enabled: {
13
+ color: "#00496c"
14
+ },
15
+ disabled: {
16
+ color: "#999999"
17
+ },
18
+ pressed: {
19
+ color: "#00202f"
20
+ }
21
+ }
22
+ };
23
+
24
+ exports.componentLink = componentLink;
@@ -0,0 +1,22 @@
1
+ const componentLink = {
2
+ shared: {
3
+ focus: {
4
+ outline: "1px solid #0072a9"
5
+ },
6
+ hover: {
7
+ color: "#00344e",
8
+ cursor: "pointer"
9
+ },
10
+ enabled: {
11
+ color: "#00496c"
12
+ },
13
+ disabled: {
14
+ color: "#999999"
15
+ },
16
+ pressed: {
17
+ color: "#00202f"
18
+ }
19
+ }
20
+ };
21
+
22
+ export { componentLink };
@@ -0,0 +1,5 @@
1
+ export declare const ukFlag: import("@emotion/react/jsx-runtime").JSX.Element;
2
+ export declare const usFlag: import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const auFlag: import("@emotion/react/jsx-runtime").JSX.Element;
4
+ export declare const globeIcon: import("@emotion/react/jsx-runtime").JSX.Element;
5
+ export declare const DoubleChevronRightSvg: import("@emotion/react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import type { IntendedAudienceSignifierProps } from './types';
2
+ export declare function IntendedAudienceSignifier({ source, intendedAudience, theme, cssOverrides, className, ...props }: IntendedAudienceSignifierProps): import("@emotion/react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ export declare const componentName = "IntendedAudienceSignifier";
2
+ export declare const componentTsx = "import { IntendedAudienceSignifier } from '@guardian/stand/intended-audience-signifier';\n\nexport const Component = () => (\n\t<>\n\t\t<IntendedAudienceSignifier source=\"UK\" intendedAudience='Global' />\n\t\t<IntendedAudienceSignifier source=\"US\" intendedAudience='Global' />\n\t\t<IntendedAudienceSignifier source=\"AUS\" intendedAudience='Global' />\n\t\t<IntendedAudienceSignifier source=\"UK\" intendedAudience='Domestic for Domestic' />\n\t\t<IntendedAudienceSignifier source=\"US\" intendedAudience='Domestic for Domestic' />\n\t\t<IntendedAudienceSignifier source=\"AUS\" intendedAudience='Domestic for Domestic' />\n\t\t<IntendedAudienceSignifier source=\"UK\" intendedAudience='Domestic For Global' />\n\t\t<IntendedAudienceSignifier source=\"US\" intendedAudience='Domestic For Global' />\n\t\t<IntendedAudienceSignifier source=\"AUS\" intendedAudience='Domestic For Global' />\n\t\t<IntendedAudienceSignifier source=\"UK\" intendedAudience='Domestic For Global' theme={{ color: '#c70000' }} />\n\t\t<IntendedAudienceSignifier source=\"AUS\" intendedAudience='Global' cssOverrides={{ border-color: '#0000FF',align-items: 'flex-end' }}/>\n\t\t<IntendedAudienceSignifier source=\"UK\" intendedAudience=\"Don't know\" />\n\t\t<IntendedAudienceSignifier source=\"US\" intendedAudience=\"Don't know\" />\n\t\t<IntendedAudienceSignifier source=\"AUS\" intendedAudience=\"Don't know\" />\n\t\t<IntendedAudienceSignifier source=\"UK\" intendedAudience='US' />\n\t\t<IntendedAudienceSignifier source=\"US\" intendedAudience='UK' />\n\t</>\n);\n";
3
+ export declare const componentCss = "\n/* import the intended audience signifier styles */\n@import '@guardian/stand/component/intendedAudienceSignifier.css';\n\n.stand-intended-audience-signifier {\n\tcolor: var(--component-intended-audience-signifier-color);\n\tfont-weight: var(--component-intended-audience-signifier-typography-font-weight);\n\tfont-size: var(--component-intended-audience-signifier-typography-font-size);\n\tline-height: var(--component-intended-audience-signifier-typography-line-height);\n\tborder-width: var(--component-intended-audience-signifier-border-width);\n\tborder-style: var(--component-intended-audience-signifier-border-style);\n\tborder-color: var(--component-intended-audience-signifier-border-color);\n\tdisplay: var(--component-intended-audience-signifier-display);\n\tflex-direction: var(--component-intended-audience-signifier-flex-direction);\n\tjustify-content: var(--component-intended-audience-signifier-justify-content);\n\talign-items: var(--component-intended-audience-signifier-align-items);\n\tborder-radius: var(--component-intended-audience-signifier-border-width);\n\tpadding: var(--component-intended-audience-signifier-padding-y) var(--component-intended-audience-signifier-padding-x);\n\tbox-sizing: var(--component-intended-audience-signifier-box-sizing);\n\twidth: var(--component-intended-audience-signifier-width);\n\tgap: var(--component-intended-audience-signifier-gap: 8px);\n}\n\n.stand-intended-audience-signifier svg {\n\twidth: var(--component-intended-audience-signifier-svg-width):\n\theight: var(--component-intended-audience-signifier-svg-height);\n}\n\n.stand-intended-audience-signifier-flag {\n\theight: 12px;\n}\n\n.stand-intended-audience-signifier-chevron {\n\twidth: 13px;\n\theight: 13px;\n\tfill: #545454;\n}\n";
4
+ export declare const componentHtml = "<div class=\"container flow-column\">\n\t<div class=\"stand-intended-audience-signifier\">\n\t\t<svg class=\"stand-intended-audience-signifier-flag\" viewBox=\"0 0 640 480\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n\t\t\t<path fill=\"#012169\" d=\"M0 0h640v480H0z\" />\n\t\t</svg>\n\t\t<svg class=\"stand-intended-audience-signifier-chevron\" viewBox=\"0 0 9 7\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n\t\t\t<path d=\"M5.75 0H3.5L6 3.5L3.5 7H5.75L8.25 3.5L5.75 0Z\" />\n\t\t\t<path d=\"M2.25 0H0L2.5 3.5L0 7H2.25L4.75 3.5L2.25 0Z\" />\n\t\t</svg>\n\t\t<svg class=\"stand-intended-audience-signifier-flag\" viewBox=\"0 0 640 480\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n\t\t\t<path fill=\"#bd3d44\" d=\"M0 0h640v480H0\" />\n\t\t</svg>\n\t</div>\n\n\t<div class=\"stand-intended-audience-signifier\" style=\"--component-intended-audience-signifier-color: #c70000;\">\n\t\t<span>AU</span>\n\t\t<svg class=\"stand-intended-audience-signifier-chevron\" viewBox=\"0 0 9 7\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n\t\t\t<path d=\"M5.75 0H3.5L6 3.5L3.5 7H5.75L8.25 3.5L5.75 0Z\" />\n\t\t\t<path d=\"M2.25 0H0L2.5 3.5L0 7H2.25L4.75 3.5L2.25 0Z\" />\n\t\t</svg>\n\t\t<span>GLOBAL</span>\n\t</div>\n</div>\n";
5
+ export declare const componentJs = "\nimport { componentIntendedAudienceSignifier } from \"@guardian/stand\";\n\nconst sheet = new CSSStyleSheet();\n\nsheet.replaceSync(`\n\t.js-stand-intended-audience-signifier {\n\t\tcolor: ${componentIntendedAudienceSignifier.color};\n\t\tfont-weight: ${componentIntendedAudienceSignifier.typography.fontWeight};\n\t\tfont-size: ${componentIntendedAudienceSignifier.typography.fontSize};\n\t\tline-height: ${componentIntendedAudienceSignifier.typography.lineHeight};\n\t\tborder-width: ${componentIntendedAudienceSignifier.borderWidth};\n\t\tborder-style: ${componentIntendedAudienceSignifier.borderStyle};\n\t\tborder-color: ${componentIntendedAudienceSignifier.borderColor};\n\t\tdisplay: ${componentIntendedAudienceSignifier.display};\n\t\tflex-direction: ${componentIntendedAudienceSignifier.flexDirection};\n\t\tjustify-content: ${componentIntendedAudienceSignifier.justifyContent};\n\t\talign-items: ${componentIntendedAudienceSignifier.alignItems};\n\t\tborder-radius: ${componentIntendedAudienceSignifier.borderRadius};\n\t\tpadding: ${componentIntendedAudienceSignifier.paddingY} ${componentIntendedAudienceSignifier.paddingX};\n\t\tbox-sizing: ${componentIntendedAudienceSignifier.boxSizing};\n\t\twidth: ${componentIntendedAudienceSignifier.width};\n\t\tgap: ${componentIntendedAudienceSignifier.gap};\n\t}\n\n\t.js-stand-intended-audience-signifier-chevron {\n\t\twidth: 13px;\n\t\theight: 13px;\n\t\tfill: #545454;\n\t}\n\n\t.stand-intended-audience-signifier svg {\n\t\twidth: ${componentIntendedAudienceSignifier.svg.width}:\n\t\theight: ${componentIntendedAudienceSignifier.svg.height};\n\t}\n`);\n\ndocument.adoptedStyleSheets.push(sheet);\n\ndocument.getElementById(\"app\").innerHTML = `\n\t<div class=\"container flow-column\">\n\t\t<div class=\"js-stand-intended-audience-signifier\">\n\t\t\t\t<svg\n\t\t\t\theight=\"12px\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\tid=\"flag-icons-gb\"\n\t\t\t\tviewBox=\"0 0 640 480\"\n\t\t\t>\n\t\t\t\t<path fill=\"#012169\" d=\"M0 0h640v480H0z\" />\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#FFF\"\n\t\t\t\t\td=\"m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#C8102E\"\n\t\t\t\t\td=\"m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z\"\n\t\t\t\t/>\n\t\t\t\t<path fill=\"#FFF\" d=\"M241 0v480h160V0zM0 160v160h640V160z\" />\n\t\t\t\t<path fill=\"#C8102E\" d=\"M0 193v96h640v-96zM273 0v480h96V0z\" />\n\t\t\t</svg>\n\t\t\t<svg class=\"js-stand-intended-audience-signifier-chevron\" viewBox=\"0 0 9 7\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n\t\t\t\t<path d=\"M5.75 0H3.5L6 3.5L3.5 7H5.75L8.25 3.5L5.75 0Z\" />\n\t\t\t\t<path d=\"M2.25 0H0L2.5 3.5L0 7H2.25L4.75 3.5L2.25 0Z\" />\n\t\t\t</svg>\n\t\t\t\t\t<svg\n\t\t\t\theight=\"12px\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\tid=\"flag-icons-gb\"\n\t\t\t\tviewBox=\"0 0 640 480\"\n\t\t\t>\n\t\t\t\t<path fill=\"#012169\" d=\"M0 0h640v480H0z\" />\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#FFF\"\n\t\t\t\t\td=\"m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#C8102E\"\n\t\t\t\t\td=\"m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z\"\n\t\t\t\t/>\n\t\t\t\t<path fill=\"#FFF\" d=\"M241 0v480h160V0zM0 160v160h640V160z\" />\n\t\t\t\t<path fill=\"#C8102E\" d=\"M0 193v96h640v-96zM273 0v480h96V0z\" />\n\t\t\t</svg>\n\t\t</div>\n\n\t\t<div class=\"js-stand-intended-audience-signifier\" style=\"color: #c70000; border-color: #c70000;\">\n\t\t\t<svg\n\t\t\t\theight=\"12px\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\tid=\"flag-icons-au\"\n\t\t\t\tviewBox=\"0 0 640 480\"\n\t\t\t>\n\t\t\t\t<path fill=\"#00008B\" d=\"M0 0h640v480H0z\" />\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#fff\"\n\t\t\t\t\td=\"m37.5 0 122 90.5L281 0h39v31l-120 89.5 120 89V240h-40l-120-89.5L40.5 240H0v-30l119.5-89L0 32V0z\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"red\"\n\t\t\t\t\td=\"M212 140.5 320 220v20l-135.5-99.5zm-92 10 3 17.5-96 72H0zM320 0v1.5l-124.5 94 1-22L295 0zM0 0l119.5 88h-30L0 21z\"\n\t\t\t\t/>\n\t\t\t\t<path fill=\"#fff\" d=\"M120.5 0v240h80V0zM0 80v80h320V80z\" />\n\t\t\t\t<path fill=\"red\" d=\"M0 96.5v48h320v-48zM136.5 0v240h48V0z\" />\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#fff\"\n\t\t\t\t\td=\"m527 396.7-20.5 2.6 2.2 20.5-14.8-14.4-14.7 14.5 2-20.5-20.5-2.4 17.3-11.2-10.9-17.5 19.6 6.5 6.9-19.5 7.1 19.4 19.5-6.7-10.7 17.6zm-3.7-117.2 2.7-13-9.8-9 13.2-1.5 5.5-12.1 5.5 12.1 13.2 1.5-9.8 9 2.7 13-11.6-6.6zm-104.1-60-20.3 2.2 1.8 20.3-14.4-14.5-14.8 14.1 2.4-20.3-20.2-2.7 17.3-10.8-10.5-17.5 19.3 6.8L387 178l6.7 19.3 19.4-6.3-10.9 17.3 17.1 11.2ZM623 186.7l-20.9 2.7 2.3 20.9-15.1-14.7-15 14.8 2.1-21-20.9-2.4 17.7-11.5-11.1-17.9 20 6.7 7-19.8 7.2 19.8 19.9-6.9-11 18zm-96.1-83.5-20.7 2.3 1.9 20.8-14.7-14.8-15.1 14.4 2.4-20.7-20.7-2.8 17.7-11L467 73.5l19.7 6.9 7.3-19.5 6.8 19.7 19.8-6.5-11.1 17.6zM234 385.7l-45.8 5.4 4.6 45.9-32.8-32.4-33 32.2 4.9-45.9-45.8-5.8 38.9-24.8-24-39.4 43.6 15 15.8-43.4 15.5 43.5 43.7-14.7-24.3 39.2 38.8 25.1Z\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t\t<svg class=\"js-stand-intended-audience-signifier-chevron\" viewBox=\"0 0 9 7\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n\t\t\t\t<path d=\"M5.75 0H3.5L6 3.5L3.5 7H5.75L8.25 3.5L5.75 0Z\" />\n\t\t\t\t<path d=\"M2.25 0H0L2.5 3.5L0 7H2.25L4.75 3.5L2.25 0Z\" />\n\t\t\t</svg>\n\t\t\t<svg\n\t\t\t\theight=\"12px\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\tid=\"flag-icons-au\"\n\t\t\t\tviewBox=\"0 0 640 480\"\n\t\t\t>\n\t\t\t\t<path fill=\"#00008B\" d=\"M0 0h640v480H0z\" />\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#fff\"\n\t\t\t\t\td=\"m37.5 0 122 90.5L281 0h39v31l-120 89.5 120 89V240h-40l-120-89.5L40.5 240H0v-30l119.5-89L0 32V0z\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"red\"\n\t\t\t\t\td=\"M212 140.5 320 220v20l-135.5-99.5zm-92 10 3 17.5-96 72H0zM320 0v1.5l-124.5 94 1-22L295 0zM0 0l119.5 88h-30L0 21z\"\n\t\t\t\t/>\n\t\t\t\t<path fill=\"#fff\" d=\"M120.5 0v240h80V0zM0 80v80h320V80z\" />\n\t\t\t\t<path fill=\"red\" d=\"M0 96.5v48h320v-48zM136.5 0v240h48V0z\" />\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#fff\"\n\t\t\t\t\td=\"m527 396.7-20.5 2.6 2.2 20.5-14.8-14.4-14.7 14.5 2-20.5-20.5-2.4 17.3-11.2-10.9-17.5 19.6 6.5 6.9-19.5 7.1 19.4 19.5-6.7-10.7 17.6zm-3.7-117.2 2.7-13-9.8-9 13.2-1.5 5.5-12.1 5.5 12.1 13.2 1.5-9.8 9 2.7 13-11.6-6.6zm-104.1-60-20.3 2.2 1.8 20.3-14.4-14.5-14.8 14.1 2.4-20.3-20.2-2.7 17.3-10.8-10.5-17.5 19.3 6.8L387 178l6.7 19.3 19.4-6.3-10.9 17.3 17.1 11.2ZM623 186.7l-20.9 2.7 2.3 20.9-15.1-14.7-15 14.8 2.1-21-20.9-2.4 17.7-11.5-11.1-17.9 20 6.7 7-19.8 7.2 19.8 19.9-6.9-11 18zm-96.1-83.5-20.7 2.3 1.9 20.8-14.7-14.8-15.1 14.4 2.4-20.7-20.7-2.8 17.7-11L467 73.5l19.7 6.9 7.3-19.5 6.8 19.7 19.8-6.5-11.1 17.6zM234 385.7l-45.8 5.4 4.6 45.9-32.8-32.4-33 32.2 4.9-45.9-45.8-5.8 38.9-24.8-24-39.4 43.6 15 15.8-43.4 15.5 43.5 43.7-14.7-24.3 39.2 38.8 25.1Z\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t</div>\n\t</div>\n`;\n";
@@ -0,0 +1,6 @@
1
+ import type { SerializedStyles } from '@emotion/react';
2
+ import type { ComponentIntendedAudienceSignifier } from '../../styleD/build/typescript/component/intendedAudienceSignifier';
3
+ import type { Prettify } from '../../util/types';
4
+ export type IntendedAudienceSignifierTheme = Prettify<ComponentIntendedAudienceSignifier>;
5
+ export declare const defaultIntendedAudienceSignifierTheme: IntendedAudienceSignifierTheme;
6
+ export declare const intendedAudienceSignifierStyles: (theme: IntendedAudienceSignifierTheme) => SerializedStyles;