@guardian/stand 0.0.16 → 0.0.18

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 (141) hide show
  1. package/README.md +1 -0
  2. package/dist/TopBar.cjs +9 -3
  3. package/dist/TopBar.js +4 -1
  4. package/dist/avatarButton.cjs +7 -0
  5. package/dist/avatarButton.js +1 -0
  6. package/dist/avatarLink.cjs +7 -0
  7. package/dist/avatarLink.js +1 -0
  8. package/dist/components/avatar/styles.cjs +24 -0
  9. package/dist/components/avatar/styles.js +24 -0
  10. package/dist/components/avatar-button/AvatarButton.cjs +14 -0
  11. package/dist/components/avatar-button/AvatarButton.js +12 -0
  12. package/dist/components/avatar-button/styles.cjs +29 -0
  13. package/dist/components/avatar-button/styles.js +26 -0
  14. package/dist/components/avatar-link/AvatarLink.cjs +14 -0
  15. package/dist/components/avatar-link/AvatarLink.js +12 -0
  16. package/dist/components/avatar-link/styles.cjs +24 -0
  17. package/dist/components/avatar-link/styles.js +21 -0
  18. package/dist/components/button/Button.cjs +1 -1
  19. package/dist/components/button/Button.js +1 -1
  20. package/dist/components/icon-button/IconButton.cjs +1 -1
  21. package/dist/components/icon-button/IconButton.js +1 -1
  22. package/dist/components/icon-link-button/IconLinkButton.cjs +1 -1
  23. package/dist/components/icon-link-button/IconLinkButton.js +1 -1
  24. package/dist/components/inline-message/InlineMessage.cjs +56 -0
  25. package/dist/components/inline-message/InlineMessage.js +27 -0
  26. package/dist/components/inline-message/styles.cjs +17 -0
  27. package/dist/components/inline-message/styles.js +14 -0
  28. package/dist/components/link-button/LinkButton.cjs +1 -1
  29. package/dist/components/link-button/LinkButton.js +1 -1
  30. package/dist/components/menu/styles.cjs +1 -0
  31. package/dist/components/menu/styles.js +1 -0
  32. package/dist/components/topbar/TopBar.cjs +101 -0
  33. package/dist/components/topbar/TopBar.js +63 -0
  34. package/dist/components/topbar/styles.cjs +30 -0
  35. package/dist/components/topbar/styles.js +25 -0
  36. package/dist/components/topbar/topBarItem/TopBarItem.cjs +28 -0
  37. package/dist/components/topbar/topBarItem/TopBarItem.js +10 -0
  38. package/dist/components/topbar/topBarItem/styles.cjs +20 -0
  39. package/dist/components/topbar/topBarItem/styles.js +17 -0
  40. package/dist/components/topbar/topBarNavigation/TopBarNavigation.cjs +70 -0
  41. package/dist/components/topbar/topBarNavigation/TopBarNavigation.js +23 -0
  42. package/dist/components/topbar/topBarNavigation/styles.cjs +68 -0
  43. package/dist/components/topbar/topBarNavigation/styles.js +61 -0
  44. package/dist/components/topbar/{toolName → topBarToolName}/TopBarToolName.cjs +3 -2
  45. package/dist/components/topbar/topBarToolName/TopBarToolName.js +13 -0
  46. package/dist/index.cjs +2 -0
  47. package/dist/index.js +1 -0
  48. package/dist/inline-message.cjs +9 -0
  49. package/dist/inline-message.js +2 -0
  50. package/dist/styleD/build/css/base/typography.css +3 -3
  51. package/dist/styleD/build/css/component/TopBar.css +55 -1
  52. package/dist/styleD/build/css/component/avatar.css +32 -1
  53. package/dist/styleD/build/css/component/button.css +177 -255
  54. package/dist/styleD/build/css/component/favicon.css +1 -1
  55. package/dist/styleD/build/css/component/inlineMessage.css +17 -0
  56. package/dist/styleD/build/css/component/menu.css +5 -4
  57. package/dist/styleD/build/css/component/tagAutocomplete.css +1 -1
  58. package/dist/styleD/build/css/component/tagTable.css +1 -1
  59. package/dist/styleD/build/css/component/topBarItem.css +7 -0
  60. package/dist/styleD/build/css/component/userMenu.css +6 -6
  61. package/dist/styleD/build/css/semantic/colors.css +45 -46
  62. package/dist/styleD/build/css/semantic/sizing.css +1 -0
  63. package/dist/styleD/build/css/semantic/typography.css +68 -30
  64. package/dist/styleD/build/typescript/base/typography.cjs +3 -3
  65. package/dist/styleD/build/typescript/base/typography.js +3 -3
  66. package/dist/styleD/build/typescript/component/TopBar.cjs +94 -0
  67. package/dist/styleD/build/typescript/component/TopBar.js +94 -0
  68. package/dist/styleD/build/typescript/component/avatar.cjs +95 -12
  69. package/dist/styleD/build/typescript/component/avatar.js +95 -12
  70. package/dist/styleD/build/typescript/component/button.cjs +5 -130
  71. package/dist/styleD/build/typescript/component/button.js +5 -130
  72. package/dist/styleD/build/typescript/component/inlineMessage.cjs +28 -0
  73. package/dist/styleD/build/typescript/component/inlineMessage.js +26 -0
  74. package/dist/styleD/build/typescript/component/menu.cjs +2 -1
  75. package/dist/styleD/build/typescript/component/menu.js +2 -1
  76. package/dist/styleD/build/typescript/semantic/colors.cjs +47 -52
  77. package/dist/styleD/build/typescript/semantic/colors.js +47 -52
  78. package/dist/styleD/build/typescript/semantic/sizing.cjs +1 -0
  79. package/dist/styleD/build/typescript/semantic/sizing.js +1 -0
  80. package/dist/styleD/build/typescript/semantic/typography.cjs +50 -0
  81. package/dist/styleD/build/typescript/semantic/typography.js +50 -0
  82. package/dist/types/TopBar.d.ts +12 -3
  83. package/dist/types/avatar-button.d.ts +18 -0
  84. package/dist/types/avatar-link.d.ts +18 -0
  85. package/dist/types/components/avatar-button/AvatarButton.d.ts +2 -0
  86. package/dist/types/components/avatar-button/sandbox.d.ts +5 -0
  87. package/dist/types/components/avatar-button/styles.d.ts +6 -0
  88. package/dist/types/components/avatar-button/types.d.ts +3 -0
  89. package/dist/types/components/avatar-link/AvatarLink.d.ts +2 -0
  90. package/dist/types/components/avatar-link/sandbox.d.ts +5 -0
  91. package/dist/types/components/avatar-link/styles.d.ts +6 -0
  92. package/dist/types/components/avatar-link/types.d.ts +3 -0
  93. package/dist/types/components/button/sandbox.d.ts +4 -4
  94. package/dist/types/components/button/types.d.ts +1 -1
  95. package/dist/types/components/icon-button/sandbox.d.ts +4 -4
  96. package/dist/types/components/icon-button/styles.d.ts +3 -128
  97. package/dist/types/components/icon-button/types.d.ts +1 -1
  98. package/dist/types/components/icon-link-button/sandbox.d.ts +4 -4
  99. package/dist/types/components/icon-link-button/styles.d.ts +3 -128
  100. package/dist/types/components/icon-link-button/types.d.ts +1 -1
  101. package/dist/types/components/inline-message/InlineMessage.d.ts +2 -0
  102. package/dist/types/components/inline-message/sandbox.d.ts +5 -0
  103. package/dist/types/components/inline-message/styles.d.ts +8 -0
  104. package/dist/types/components/inline-message/types.d.ts +21 -0
  105. package/dist/types/components/link-button/sandbox.d.ts +4 -4
  106. package/dist/types/components/link-button/styles.d.ts +3 -128
  107. package/dist/types/components/link-button/types.d.ts +1 -1
  108. package/dist/types/components/topbar/TopBar.d.ts +8 -0
  109. package/dist/types/components/topbar/sandbox.d.ts +5 -0
  110. package/dist/types/components/topbar/styles.d.ts +9 -0
  111. package/dist/types/components/topbar/topBarItem/TopBarItem.d.ts +2 -0
  112. package/dist/types/components/topbar/topBarItem/sandbox.d.ts +5 -0
  113. package/dist/types/components/topbar/topBarItem/styles.d.ts +8 -0
  114. package/dist/types/components/topbar/topBarItem/types.d.ts +14 -0
  115. package/dist/types/components/topbar/topBarNavigation/TopBarNavigation.d.ts +2 -0
  116. package/dist/types/components/topbar/topBarNavigation/sandbox.d.ts +5 -0
  117. package/dist/types/components/topbar/topBarNavigation/styles.d.ts +12 -0
  118. package/dist/types/components/topbar/topBarNavigation/types.d.ts +44 -0
  119. package/dist/types/components/topbar/types.d.ts +3 -0
  120. package/dist/types/index.d.ts +2 -0
  121. package/dist/types/inline-message.d.ts +19 -0
  122. package/dist/types/styleD/build/typescript/base/typography.d.ts +3 -3
  123. package/dist/types/styleD/build/typescript/component/TopBar.d.ts +94 -0
  124. package/dist/types/styleD/build/typescript/component/avatar.d.ts +83 -0
  125. package/dist/types/styleD/build/typescript/component/button.d.ts +3 -128
  126. package/dist/types/styleD/build/typescript/component/inlineMessage.d.ts +28 -0
  127. package/dist/types/styleD/build/typescript/component/menu.d.ts +1 -0
  128. package/dist/types/styleD/build/typescript/semantic/colors.d.ts +44 -49
  129. package/dist/types/styleD/build/typescript/semantic/sizing.d.ts +1 -0
  130. package/dist/types/styleD/build/typescript/semantic/typography.d.ts +50 -0
  131. package/dist/util/css/reset.css +10 -0
  132. package/dist/util/reset.css.cjs +1 -1
  133. package/dist/util/reset.css.js +1 -1
  134. package/package.json +35 -18
  135. package/dist/components/topbar/toolName/TopBarToolName.js +0 -12
  136. /package/dist/components/topbar/{toolName → topBarToolName}/styles.cjs +0 -0
  137. /package/dist/components/topbar/{toolName → topBarToolName}/styles.js +0 -0
  138. /package/dist/types/components/topbar/{toolName → topBarToolName}/TopBarToolName.d.ts +0 -0
  139. /package/dist/types/components/topbar/{toolName → topBarToolName}/sandbox.d.ts +0 -0
  140. /package/dist/types/components/topbar/{toolName → topBarToolName}/styles.d.ts +0 -0
  141. /package/dist/types/components/topbar/{toolName → topBarToolName}/types.d.ts +0 -0
package/dist/styleD/build/css/component/avatar.css CHANGED
@@ -6,36 +6,58 @@
6
6
  --component-avatar-shared-color-green-text: #24491d;
7
7
  --component-avatar-shared-color-green-background: #cde4c9;
8
8
  --component-avatar-shared-color-green-border: unset;
9
+ --component-avatar-shared-color-green-hover-background: #aed2a6;
10
+ --component-avatar-shared-color-green-active-background: #8ec183;
9
11
  --component-avatar-shared-color-blue-text: #092f62;
10
12
  --component-avatar-shared-color-blue-background: #c5d9f4;
11
13
  --component-avatar-shared-color-blue-border: unset;
14
+ --component-avatar-shared-color-blue-hover-background: #93b9ec;
15
+ --component-avatar-shared-color-blue-active-background: #699ee5;
12
16
  --component-avatar-shared-color-red-text: #65170e;
13
17
  --component-avatar-shared-color-red-background: #f5c6c0;
14
18
  --component-avatar-shared-color-red-border: unset;
19
+ --component-avatar-shared-color-red-hover-background: #eea198;
20
+ --component-avatar-shared-color-red-active-background: #e87c6f;
15
21
  --component-avatar-shared-color-cyan-text: #00344e;
16
22
  --component-avatar-shared-color-cyan-background: #b8d8e7;
17
23
  --component-avatar-shared-color-cyan-border: unset;
24
+ --component-avatar-shared-color-cyan-hover-background: #8abed7;
25
+ --component-avatar-shared-color-cyan-active-background: #5ca5c8;
18
26
  --component-avatar-shared-color-teal-text: #0e2729;
19
27
  --component-avatar-shared-color-teal-background: #c5dfe1;
20
28
  --component-avatar-shared-color-teal-border: unset;
29
+ --component-avatar-shared-color-teal-hover-background: #a0cace;
30
+ --component-avatar-shared-color-teal-active-background: #7bb5bb;
21
31
  --component-avatar-shared-color-cool-purple-text: #394069;
22
32
  --component-avatar-shared-color-cool-purple-background: #dbdff7;
23
33
  --component-avatar-shared-color-cool-purple-border: unset;
34
+ --component-avatar-shared-color-cool-purple-hover-background: #c3caf3;
35
+ --component-avatar-shared-color-cool-purple-active-background: #acb5ee;
24
36
  --component-avatar-shared-color-warm-purple-text: #381350;
25
37
  --component-avatar-shared-color-warm-purple-background: #dac3e8;
26
38
  --component-avatar-shared-color-warm-purple-border: unset;
39
+ --component-avatar-shared-color-warm-purple-hover-background: #c29dd9;
40
+ --component-avatar-shared-color-warm-purple-active-background: #aa76cb;
27
41
  --component-avatar-shared-color-magenta-text: #581734;
28
42
  --component-avatar-shared-color-magenta-background: #edc6d7;
29
43
  --component-avatar-shared-color-magenta-border: unset;
44
+ --component-avatar-shared-color-magenta-hover-background: #e2a1be;
45
+ --component-avatar-shared-color-magenta-active-background: #d67ca4;
30
46
  --component-avatar-shared-color-orange-text: #693c16;
31
47
  --component-avatar-shared-color-orange-background: #fcddc6;
32
48
  --component-avatar-shared-color-orange-border: unset;
49
+ --component-avatar-shared-color-orange-hover-background: #fac7a1;
50
+ --component-avatar-shared-color-orange-active-background: #f9b27c;
33
51
  --component-avatar-shared-color-yellow-text: #5b4a0b;
34
52
  --component-avatar-shared-color-yellow-background: #fbeebf;
35
53
  --component-avatar-shared-color-yellow-border: unset;
54
+ --component-avatar-shared-color-yellow-hover-background: #f9e396;
55
+ --component-avatar-shared-color-yellow-active-background: #f6d86d;
36
56
  --component-avatar-shared-color-outlined-text: #000000;
37
57
  --component-avatar-shared-color-outlined-background: none;
38
58
  --component-avatar-shared-color-outlined-border: 0.0625rem solid #8d8d8d;
59
+ --component-avatar-shared-color-outlined-hover-background: #ededed;
60
+ --component-avatar-shared-color-outlined-active-background: #dcdcdc;
39
61
  --component-avatar-shared-display: inline-flex;
40
62
  --component-avatar-shared-align-items: center;
41
63
  --component-avatar-shared-justify-content: center;
@@ -43,9 +65,18 @@
43
65
  --component-avatar-shared-flex-shrink: 0;
44
66
  --component-avatar-shared-border-radius: 50%;
45
67
  --component-avatar-shared-user-select: none;
68
+ --component-avatar-shared-link-width: fit-content;
69
+ --component-avatar-shared-link-focus-visible-outline: 0.125rem solid #0072a9;
70
+ --component-avatar-shared-link-focus-visible-outline-offset: 0.125rem;
71
+ --component-avatar-shared-link-text-decoration: none;
72
+ --component-avatar-shared-button-background: none;
73
+ --component-avatar-shared-button-border: none;
74
+ --component-avatar-shared-button-padding: 0;
75
+ --component-avatar-shared-button-cursor: pointer;
76
+ --component-avatar-shared-button-disabled-cursor: not-allowed;
46
77
  --component-avatar-sm-size: 2rem;
47
78
  --component-avatar-sm-typography-font: normal 700 0.75rem/1 'Open Sans';
48
- --component-avatar-sm-typography-letter-spacing: 0rem;
79
+ --component-avatar-sm-typography-letter-spacing: 0;
49
80
  --component-avatar-sm-typography-font-width: 95;
50
81
  --component-avatar-md-size: 2.5rem;
51
82
  --component-avatar-md-typography-font: normal 700 0.875rem/1 'Open Sans';
package/dist/styleD/build/css/component/button.css CHANGED
@@ -14,268 +14,190 @@
14
14
  --component-button-shared-disabled-cursor: not-allowed;
15
15
  --component-button-shared-focus-visible-outline: 0.125rem solid #0072a9;
16
16
  --component-button-shared-focus-visible-outline-offset: 0.125rem;
17
- --component-button-emphasised-primary-shared-color: #ffffff;
18
- --component-button-emphasised-primary-shared-background-color: #0d4289;
19
- --component-button-emphasised-primary-shared-border-radius: 0.25rem;
20
- --component-button-emphasised-primary-shared-border: 0.0625rem solid #0d4289;
21
- --component-button-emphasised-primary-shared-hover-background-color: #092f62;
22
- --component-button-emphasised-primary-shared-hover-border: 0.0625rem solid
23
- #092f62;
24
- --component-button-emphasised-primary-shared-active-background-color: #061d3c;
25
- --component-button-emphasised-primary-shared-active-border: 0.0625rem solid
26
- #061d3c;
27
- --component-button-emphasised-primary-shared-disabled-color: #999999;
28
- --component-button-emphasised-primary-shared-disabled-background-color: #dcdcdc;
29
- --component-button-emphasised-primary-shared-disabled-border: 0.0625rem solid
30
- #dcdcdc;
31
- --component-button-emphasised-primary-xs-height: 1.5rem;
32
- --component-button-emphasised-primary-xs-padding-top: 0.25rem;
33
- --component-button-emphasised-primary-xs-padding-right: 0.5rem;
34
- --component-button-emphasised-primary-xs-padding-bottom: 0.25rem;
35
- --component-button-emphasised-primary-xs-padding-left: 0.5rem;
36
- --component-button-emphasised-primary-xs-padding-with-icon-icon-left-left: 0.25rem;
37
- --component-button-emphasised-primary-xs-typography-font: normal 700 0.75rem/1
17
+ --component-button-primary-shared-color: #ffffff;
18
+ --component-button-primary-shared-background-color: #0d4289;
19
+ --component-button-primary-shared-border-radius: 0.25rem;
20
+ --component-button-primary-shared-border: 0.0625rem solid #0d4289;
21
+ --component-button-primary-shared-hover-background-color: #092f62;
22
+ --component-button-primary-shared-hover-border: 0.0625rem solid #092f62;
23
+ --component-button-primary-shared-active-background-color: #061d3c;
24
+ --component-button-primary-shared-active-border: 0.0625rem solid #061d3c;
25
+ --component-button-primary-shared-disabled-color: #999999;
26
+ --component-button-primary-shared-disabled-background-color: #dcdcdc;
27
+ --component-button-primary-shared-disabled-border: 0.0625rem solid #dcdcdc;
28
+ --component-button-primary-xs-height: 1.5rem;
29
+ --component-button-primary-xs-padding-top: 0.25rem;
30
+ --component-button-primary-xs-padding-right: 0.5rem;
31
+ --component-button-primary-xs-padding-bottom: 0.25rem;
32
+ --component-button-primary-xs-padding-left: 0.5rem;
33
+ --component-button-primary-xs-padding-with-icon-icon-left-left: 0.25rem;
34
+ --component-button-primary-xs-typography-font: normal 700 0.75rem/1
38
35
  'Open Sans';
39
- --component-button-emphasised-primary-xs-typography-letter-spacing: 0rem;
40
- --component-button-emphasised-primary-xs-typography-font-width: 95;
41
- --component-button-emphasised-primary-xs-icon-size: 1.125rem;
42
- --component-button-emphasised-primary-xs-icon-gap: 0.25rem;
43
- --component-button-emphasised-primary-xs-icon-button-width: 1.5rem;
44
- --component-button-emphasised-primary-sm-height: 2rem;
45
- --component-button-emphasised-primary-sm-padding-top: 0.25rem;
46
- --component-button-emphasised-primary-sm-padding-right: 0.625rem;
47
- --component-button-emphasised-primary-sm-padding-bottom: 0.25rem;
48
- --component-button-emphasised-primary-sm-padding-left: 0.625rem;
49
- --component-button-emphasised-primary-sm-padding-with-icon-icon-left-left: 0.5rem;
50
- --component-button-emphasised-primary-sm-typography-font: normal 700
51
- 0.875rem/1 'Open Sans';
52
- --component-button-emphasised-primary-sm-typography-letter-spacing: -0.0125rem;
53
- --component-button-emphasised-primary-sm-typography-font-width: 95;
54
- --component-button-emphasised-primary-sm-icon-size: 1.125rem;
55
- --component-button-emphasised-primary-sm-icon-gap: 0.25rem;
56
- --component-button-emphasised-primary-sm-icon-button-width: 2rem;
57
- --component-button-emphasised-primary-md-height: 2.5rem;
58
- --component-button-emphasised-primary-md-padding-top: 0.25rem;
59
- --component-button-emphasised-primary-md-padding-right: 0.75rem;
60
- --component-button-emphasised-primary-md-padding-bottom: 0.25rem;
61
- --component-button-emphasised-primary-md-padding-left: 0.75rem;
62
- --component-button-emphasised-primary-md-padding-with-icon-icon-left-left: 0.5rem;
63
- --component-button-emphasised-primary-md-typography-font: normal 700
64
- 0.875rem/1 'Open Sans';
65
- --component-button-emphasised-primary-md-typography-letter-spacing: -0.0125rem;
66
- --component-button-emphasised-primary-md-typography-font-width: 95;
67
- --component-button-emphasised-primary-md-icon-size: 1.25rem;
68
- --component-button-emphasised-primary-md-icon-gap: 0.25rem;
69
- --component-button-emphasised-primary-md-icon-button-width: 2.5rem;
70
- --component-button-emphasised-primary-lg-height: 3rem;
71
- --component-button-emphasised-primary-lg-padding-top: 0.25rem;
72
- --component-button-emphasised-primary-lg-padding-right: 1rem;
73
- --component-button-emphasised-primary-lg-padding-bottom: 0.25rem;
74
- --component-button-emphasised-primary-lg-padding-left: 1rem;
75
- --component-button-emphasised-primary-lg-padding-with-icon-icon-left-left: 0.75rem;
76
- --component-button-emphasised-primary-lg-typography-font: normal 700 1rem/1
36
+ --component-button-primary-xs-typography-letter-spacing: 0;
37
+ --component-button-primary-xs-typography-font-width: 95;
38
+ --component-button-primary-xs-icon-size: 1.125rem;
39
+ --component-button-primary-xs-icon-gap: 0.25rem;
40
+ --component-button-primary-xs-icon-button-width: 1.5rem;
41
+ --component-button-primary-sm-height: 2rem;
42
+ --component-button-primary-sm-padding-top: 0.25rem;
43
+ --component-button-primary-sm-padding-right: 0.625rem;
44
+ --component-button-primary-sm-padding-bottom: 0.25rem;
45
+ --component-button-primary-sm-padding-left: 0.625rem;
46
+ --component-button-primary-sm-padding-with-icon-icon-left-left: 0.5rem;
47
+ --component-button-primary-sm-typography-font: normal 700 0.875rem/1
77
48
  'Open Sans';
78
- --component-button-emphasised-primary-lg-typography-letter-spacing: -0.0125rem;
79
- --component-button-emphasised-primary-lg-typography-font-width: 95;
80
- --component-button-emphasised-primary-lg-icon-size: 1.5rem;
81
- --component-button-emphasised-primary-lg-icon-gap: 0.25rem;
82
- --component-button-emphasised-primary-lg-icon-button-width: 3rem;
83
- --component-button-emphasised-secondary-shared-color: #000000;
84
- --component-button-emphasised-secondary-shared-background-color: none;
85
- --component-button-emphasised-secondary-shared-border-radius: 0.25rem;
86
- --component-button-emphasised-secondary-shared-border: 0.0625rem solid #0d4289;
87
- --component-button-emphasised-secondary-shared-hover-background-color: #e8f0fb;
88
- --component-button-emphasised-secondary-shared-hover-border: 0.0625rem solid
89
- #0d4289;
90
- --component-button-emphasised-secondary-shared-active-background-color: #c5d9f4;
91
- --component-button-emphasised-secondary-shared-active-border: 0.0625rem solid
92
- #0d4289;
93
- --component-button-emphasised-secondary-shared-disabled-color: #999999;
94
- --component-button-emphasised-secondary-shared-disabled-background-color: none;
95
- --component-button-emphasised-secondary-shared-disabled-border: 0.0625rem
96
- solid #dcdcdc;
97
- --component-button-emphasised-secondary-xs-height: 1.5rem;
98
- --component-button-emphasised-secondary-xs-padding-top: 0.25rem;
99
- --component-button-emphasised-secondary-xs-padding-right: 0.5rem;
100
- --component-button-emphasised-secondary-xs-padding-bottom: 0.25rem;
101
- --component-button-emphasised-secondary-xs-padding-left: 0.5rem;
102
- --component-button-emphasised-secondary-xs-padding-with-icon-icon-left-left: 0.25rem;
103
- --component-button-emphasised-secondary-xs-typography-font: normal 700
104
- 0.75rem/1 'Open Sans';
105
- --component-button-emphasised-secondary-xs-typography-letter-spacing: 0rem;
106
- --component-button-emphasised-secondary-xs-typography-font-width: 95;
107
- --component-button-emphasised-secondary-xs-icon-size: 1.125rem;
108
- --component-button-emphasised-secondary-xs-icon-gap: 0.25rem;
109
- --component-button-emphasised-secondary-xs-icon-button-width: 1.5rem;
110
- --component-button-emphasised-secondary-sm-height: 2rem;
111
- --component-button-emphasised-secondary-sm-padding-top: 0.25rem;
112
- --component-button-emphasised-secondary-sm-padding-right: 0.625rem;
113
- --component-button-emphasised-secondary-sm-padding-bottom: 0.25rem;
114
- --component-button-emphasised-secondary-sm-padding-left: 0.625rem;
115
- --component-button-emphasised-secondary-sm-padding-with-icon-icon-left-left: 0.5rem;
116
- --component-button-emphasised-secondary-sm-typography-font: normal 700
117
- 0.875rem/1 'Open Sans';
118
- --component-button-emphasised-secondary-sm-typography-letter-spacing: -0.0125rem;
119
- --component-button-emphasised-secondary-sm-typography-font-width: 95;
120
- --component-button-emphasised-secondary-sm-icon-size: 1.125rem;
121
- --component-button-emphasised-secondary-sm-icon-gap: 0.25rem;
122
- --component-button-emphasised-secondary-sm-icon-button-width: 2rem;
123
- --component-button-emphasised-secondary-md-height: 2.5rem;
124
- --component-button-emphasised-secondary-md-padding-top: 0.25rem;
125
- --component-button-emphasised-secondary-md-padding-right: 0.75rem;
126
- --component-button-emphasised-secondary-md-padding-bottom: 0.25rem;
127
- --component-button-emphasised-secondary-md-padding-left: 0.75rem;
128
- --component-button-emphasised-secondary-md-padding-with-icon-icon-left-left: 0.5rem;
129
- --component-button-emphasised-secondary-md-typography-font: normal 700
130
- 0.875rem/1 'Open Sans';
131
- --component-button-emphasised-secondary-md-typography-letter-spacing: -0.0125rem;
132
- --component-button-emphasised-secondary-md-typography-font-width: 95;
133
- --component-button-emphasised-secondary-md-icon-size: 1.25rem;
134
- --component-button-emphasised-secondary-md-icon-gap: 0.25rem;
135
- --component-button-emphasised-secondary-md-icon-button-width: 2.5rem;
136
- --component-button-emphasised-secondary-lg-height: 3rem;
137
- --component-button-emphasised-secondary-lg-padding-top: 0.25rem;
138
- --component-button-emphasised-secondary-lg-padding-right: 1rem;
139
- --component-button-emphasised-secondary-lg-padding-bottom: 0.25rem;
140
- --component-button-emphasised-secondary-lg-padding-left: 1rem;
141
- --component-button-emphasised-secondary-lg-padding-with-icon-icon-left-left: 0.75rem;
142
- --component-button-emphasised-secondary-lg-typography-font: normal 700 1rem/1
49
+ --component-button-primary-sm-typography-letter-spacing: -0.0125rem;
50
+ --component-button-primary-sm-typography-font-width: 95;
51
+ --component-button-primary-sm-icon-size: 1.125rem;
52
+ --component-button-primary-sm-icon-gap: 0.25rem;
53
+ --component-button-primary-sm-icon-button-width: 2rem;
54
+ --component-button-primary-md-height: 2.5rem;
55
+ --component-button-primary-md-padding-top: 0.25rem;
56
+ --component-button-primary-md-padding-right: 0.75rem;
57
+ --component-button-primary-md-padding-bottom: 0.25rem;
58
+ --component-button-primary-md-padding-left: 0.75rem;
59
+ --component-button-primary-md-padding-with-icon-icon-left-left: 0.5rem;
60
+ --component-button-primary-md-typography-font: normal 700 0.875rem/1
143
61
  'Open Sans';
144
- --component-button-emphasised-secondary-lg-typography-letter-spacing: -0.0125rem;
145
- --component-button-emphasised-secondary-lg-typography-font-width: 95;
146
- --component-button-emphasised-secondary-lg-icon-size: 1.5rem;
147
- --component-button-emphasised-secondary-lg-icon-gap: 0.25rem;
148
- --component-button-emphasised-secondary-lg-icon-button-width: 3rem;
149
- --component-button-neutral-primary-shared-color: #ffffff;
150
- --component-button-neutral-primary-shared-background-color: #545454;
151
- --component-button-neutral-primary-shared-border-radius: 0.25rem;
152
- --component-button-neutral-primary-shared-border: 0.0625rem solid #545454;
153
- --component-button-neutral-primary-shared-hover-background-color: #333333;
154
- --component-button-neutral-primary-shared-hover-border: 0.0625rem solid
155
- #333333;
156
- --component-button-neutral-primary-shared-active-background-color: #121212;
157
- --component-button-neutral-primary-shared-active-border: 0.0625rem solid
158
- #121212;
159
- --component-button-neutral-primary-shared-disabled-color: #999999;
160
- --component-button-neutral-primary-shared-disabled-background-color: #dcdcdc;
161
- --component-button-neutral-primary-shared-disabled-border: 0.0625rem solid
162
- #dcdcdc;
163
- --component-button-neutral-primary-xs-height: 1.5rem;
164
- --component-button-neutral-primary-xs-padding-top: 0.25rem;
165
- --component-button-neutral-primary-xs-padding-right: 0.5rem;
166
- --component-button-neutral-primary-xs-padding-bottom: 0.25rem;
167
- --component-button-neutral-primary-xs-padding-left: 0.5rem;
168
- --component-button-neutral-primary-xs-padding-with-icon-icon-left-left: 0.25rem;
169
- --component-button-neutral-primary-xs-typography-font: normal 700 0.75rem/1
62
+ --component-button-primary-md-typography-letter-spacing: -0.0125rem;
63
+ --component-button-primary-md-typography-font-width: 95;
64
+ --component-button-primary-md-icon-size: 1.25rem;
65
+ --component-button-primary-md-icon-gap: 0.25rem;
66
+ --component-button-primary-md-icon-button-width: 2.5rem;
67
+ --component-button-primary-lg-height: 3rem;
68
+ --component-button-primary-lg-padding-top: 0.25rem;
69
+ --component-button-primary-lg-padding-right: 1rem;
70
+ --component-button-primary-lg-padding-bottom: 0.25rem;
71
+ --component-button-primary-lg-padding-left: 1rem;
72
+ --component-button-primary-lg-padding-with-icon-icon-left-left: 0.75rem;
73
+ --component-button-primary-lg-typography-font: normal 700 1rem/1 'Open Sans';
74
+ --component-button-primary-lg-typography-letter-spacing: -0.0125rem;
75
+ --component-button-primary-lg-typography-font-width: 95;
76
+ --component-button-primary-lg-icon-size: 1.5rem;
77
+ --component-button-primary-lg-icon-gap: 0.25rem;
78
+ --component-button-primary-lg-icon-button-width: 3rem;
79
+ --component-button-secondary-shared-color: #ffffff;
80
+ --component-button-secondary-shared-background-color: #545454;
81
+ --component-button-secondary-shared-border-radius: 0.25rem;
82
+ --component-button-secondary-shared-border: 0.0625rem solid #545454;
83
+ --component-button-secondary-shared-hover-background-color: #333333;
84
+ --component-button-secondary-shared-hover-border: 0.0625rem solid #333333;
85
+ --component-button-secondary-shared-active-background-color: #121212;
86
+ --component-button-secondary-shared-active-border: 0.0625rem solid #121212;
87
+ --component-button-secondary-shared-disabled-color: #999999;
88
+ --component-button-secondary-shared-disabled-background-color: #dcdcdc;
89
+ --component-button-secondary-shared-disabled-border: 0.0625rem solid #dcdcdc;
90
+ --component-button-secondary-xs-height: 1.5rem;
91
+ --component-button-secondary-xs-padding-top: 0.25rem;
92
+ --component-button-secondary-xs-padding-right: 0.5rem;
93
+ --component-button-secondary-xs-padding-bottom: 0.25rem;
94
+ --component-button-secondary-xs-padding-left: 0.5rem;
95
+ --component-button-secondary-xs-padding-with-icon-icon-left-left: 0.25rem;
96
+ --component-button-secondary-xs-typography-font: normal 700 0.75rem/1
170
97
  'Open Sans';
171
- --component-button-neutral-primary-xs-typography-letter-spacing: 0rem;
172
- --component-button-neutral-primary-xs-typography-font-width: 95;
173
- --component-button-neutral-primary-xs-icon-size: 1.125rem;
174
- --component-button-neutral-primary-xs-icon-gap: 0.25rem;
175
- --component-button-neutral-primary-xs-icon-button-width: 1.5rem;
176
- --component-button-neutral-primary-sm-height: 2rem;
177
- --component-button-neutral-primary-sm-padding-top: 0.25rem;
178
- --component-button-neutral-primary-sm-padding-right: 0.625rem;
179
- --component-button-neutral-primary-sm-padding-bottom: 0.25rem;
180
- --component-button-neutral-primary-sm-padding-left: 0.625rem;
181
- --component-button-neutral-primary-sm-padding-with-icon-icon-left-left: 0.5rem;
182
- --component-button-neutral-primary-sm-typography-font: normal 700 0.875rem/1
98
+ --component-button-secondary-xs-typography-letter-spacing: 0;
99
+ --component-button-secondary-xs-typography-font-width: 95;
100
+ --component-button-secondary-xs-icon-size: 1.125rem;
101
+ --component-button-secondary-xs-icon-gap: 0.25rem;
102
+ --component-button-secondary-xs-icon-button-width: 1.5rem;
103
+ --component-button-secondary-sm-height: 2rem;
104
+ --component-button-secondary-sm-padding-top: 0.25rem;
105
+ --component-button-secondary-sm-padding-right: 0.625rem;
106
+ --component-button-secondary-sm-padding-bottom: 0.25rem;
107
+ --component-button-secondary-sm-padding-left: 0.625rem;
108
+ --component-button-secondary-sm-padding-with-icon-icon-left-left: 0.5rem;
109
+ --component-button-secondary-sm-typography-font: normal 700 0.875rem/1
183
110
  'Open Sans';
184
- --component-button-neutral-primary-sm-typography-letter-spacing: -0.0125rem;
185
- --component-button-neutral-primary-sm-typography-font-width: 95;
186
- --component-button-neutral-primary-sm-icon-size: 1.125rem;
187
- --component-button-neutral-primary-sm-icon-gap: 0.25rem;
188
- --component-button-neutral-primary-sm-icon-button-width: 2rem;
189
- --component-button-neutral-primary-md-height: 2.5rem;
190
- --component-button-neutral-primary-md-padding-top: 0.25rem;
191
- --component-button-neutral-primary-md-padding-right: 0.75rem;
192
- --component-button-neutral-primary-md-padding-bottom: 0.25rem;
193
- --component-button-neutral-primary-md-padding-left: 0.75rem;
194
- --component-button-neutral-primary-md-padding-with-icon-icon-left-left: 0.5rem;
195
- --component-button-neutral-primary-md-typography-font: normal 700 0.875rem/1
111
+ --component-button-secondary-sm-typography-letter-spacing: -0.0125rem;
112
+ --component-button-secondary-sm-typography-font-width: 95;
113
+ --component-button-secondary-sm-icon-size: 1.125rem;
114
+ --component-button-secondary-sm-icon-gap: 0.25rem;
115
+ --component-button-secondary-sm-icon-button-width: 2rem;
116
+ --component-button-secondary-md-height: 2.5rem;
117
+ --component-button-secondary-md-padding-top: 0.25rem;
118
+ --component-button-secondary-md-padding-right: 0.75rem;
119
+ --component-button-secondary-md-padding-bottom: 0.25rem;
120
+ --component-button-secondary-md-padding-left: 0.75rem;
121
+ --component-button-secondary-md-padding-with-icon-icon-left-left: 0.5rem;
122
+ --component-button-secondary-md-typography-font: normal 700 0.875rem/1
196
123
  'Open Sans';
197
- --component-button-neutral-primary-md-typography-letter-spacing: -0.0125rem;
198
- --component-button-neutral-primary-md-typography-font-width: 95;
199
- --component-button-neutral-primary-md-icon-size: 1.25rem;
200
- --component-button-neutral-primary-md-icon-gap: 0.25rem;
201
- --component-button-neutral-primary-md-icon-button-width: 2.5rem;
202
- --component-button-neutral-primary-lg-height: 3rem;
203
- --component-button-neutral-primary-lg-padding-top: 0.25rem;
204
- --component-button-neutral-primary-lg-padding-right: 1rem;
205
- --component-button-neutral-primary-lg-padding-bottom: 0.25rem;
206
- --component-button-neutral-primary-lg-padding-left: 1rem;
207
- --component-button-neutral-primary-lg-padding-with-icon-icon-left-left: 0.75rem;
208
- --component-button-neutral-primary-lg-typography-font: normal 700 1rem/1
124
+ --component-button-secondary-md-typography-letter-spacing: -0.0125rem;
125
+ --component-button-secondary-md-typography-font-width: 95;
126
+ --component-button-secondary-md-icon-size: 1.25rem;
127
+ --component-button-secondary-md-icon-gap: 0.25rem;
128
+ --component-button-secondary-md-icon-button-width: 2.5rem;
129
+ --component-button-secondary-lg-height: 3rem;
130
+ --component-button-secondary-lg-padding-top: 0.25rem;
131
+ --component-button-secondary-lg-padding-right: 1rem;
132
+ --component-button-secondary-lg-padding-bottom: 0.25rem;
133
+ --component-button-secondary-lg-padding-left: 1rem;
134
+ --component-button-secondary-lg-padding-with-icon-icon-left-left: 0.75rem;
135
+ --component-button-secondary-lg-typography-font: normal 700 1rem/1 'Open Sans';
136
+ --component-button-secondary-lg-typography-letter-spacing: -0.0125rem;
137
+ --component-button-secondary-lg-typography-font-width: 95;
138
+ --component-button-secondary-lg-icon-size: 1.5rem;
139
+ --component-button-secondary-lg-icon-gap: 0.25rem;
140
+ --component-button-secondary-lg-icon-button-width: 3rem;
141
+ --component-button-tertiary-shared-color: #000000;
142
+ --component-button-tertiary-shared-background-color: none;
143
+ --component-button-tertiary-shared-border-radius: 0.25rem;
144
+ --component-button-tertiary-shared-border: 0.0625rem solid #545454;
145
+ --component-button-tertiary-shared-hover-background-color: #f6f6f6;
146
+ --component-button-tertiary-shared-hover-border: 0.0625rem solid #545454;
147
+ --component-button-tertiary-shared-active-background-color: #ededed;
148
+ --component-button-tertiary-shared-active-border: 0.0625rem solid #545454;
149
+ --component-button-tertiary-shared-disabled-color: #999999;
150
+ --component-button-tertiary-shared-disabled-background-color: none;
151
+ --component-button-tertiary-shared-disabled-border: 0.0625rem solid #dcdcdc;
152
+ --component-button-tertiary-xs-height: 1.5rem;
153
+ --component-button-tertiary-xs-padding-top: 0.25rem;
154
+ --component-button-tertiary-xs-padding-right: 0.5rem;
155
+ --component-button-tertiary-xs-padding-bottom: 0.25rem;
156
+ --component-button-tertiary-xs-padding-left: 0.5rem;
157
+ --component-button-tertiary-xs-padding-with-icon-icon-left-left: 0.25rem;
158
+ --component-button-tertiary-xs-typography-font: normal 700 0.75rem/1
209
159
  'Open Sans';
210
- --component-button-neutral-primary-lg-typography-letter-spacing: -0.0125rem;
211
- --component-button-neutral-primary-lg-typography-font-width: 95;
212
- --component-button-neutral-primary-lg-icon-size: 1.5rem;
213
- --component-button-neutral-primary-lg-icon-gap: 0.25rem;
214
- --component-button-neutral-primary-lg-icon-button-width: 3rem;
215
- --component-button-neutral-secondary-shared-color: #000000;
216
- --component-button-neutral-secondary-shared-background-color: none;
217
- --component-button-neutral-secondary-shared-border-radius: 0.25rem;
218
- --component-button-neutral-secondary-shared-border: 0.0625rem solid #545454;
219
- --component-button-neutral-secondary-shared-hover-background-color: #ededed;
220
- --component-button-neutral-secondary-shared-hover-border: 0.0625rem solid
221
- #545454;
222
- --component-button-neutral-secondary-shared-active-background-color: #dcdcdc;
223
- --component-button-neutral-secondary-shared-active-border: 0.0625rem solid
224
- #545454;
225
- --component-button-neutral-secondary-shared-disabled-color: #999999;
226
- --component-button-neutral-secondary-shared-disabled-background-color: none;
227
- --component-button-neutral-secondary-shared-disabled-border: 0.0625rem solid
228
- #dcdcdc;
229
- --component-button-neutral-secondary-xs-height: 1.5rem;
230
- --component-button-neutral-secondary-xs-padding-top: 0.25rem;
231
- --component-button-neutral-secondary-xs-padding-right: 0.5rem;
232
- --component-button-neutral-secondary-xs-padding-bottom: 0.25rem;
233
- --component-button-neutral-secondary-xs-padding-left: 0.5rem;
234
- --component-button-neutral-secondary-xs-padding-with-icon-icon-left-left: 0.25rem;
235
- --component-button-neutral-secondary-xs-typography-font: normal 700 0.75rem/1
160
+ --component-button-tertiary-xs-typography-letter-spacing: 0;
161
+ --component-button-tertiary-xs-typography-font-width: 95;
162
+ --component-button-tertiary-xs-icon-size: 1.125rem;
163
+ --component-button-tertiary-xs-icon-gap: 0.25rem;
164
+ --component-button-tertiary-xs-icon-button-width: 1.5rem;
165
+ --component-button-tertiary-sm-height: 2rem;
166
+ --component-button-tertiary-sm-padding-top: 0.25rem;
167
+ --component-button-tertiary-sm-padding-right: 0.625rem;
168
+ --component-button-tertiary-sm-padding-bottom: 0.25rem;
169
+ --component-button-tertiary-sm-padding-left: 0.625rem;
170
+ --component-button-tertiary-sm-padding-with-icon-icon-left-left: 0.5rem;
171
+ --component-button-tertiary-sm-typography-font: normal 700 0.875rem/1
236
172
  'Open Sans';
237
- --component-button-neutral-secondary-xs-typography-letter-spacing: 0rem;
238
- --component-button-neutral-secondary-xs-typography-font-width: 95;
239
- --component-button-neutral-secondary-xs-icon-size: 1.125rem;
240
- --component-button-neutral-secondary-xs-icon-gap: 0.25rem;
241
- --component-button-neutral-secondary-xs-icon-button-width: 1.5rem;
242
- --component-button-neutral-secondary-sm-height: 2rem;
243
- --component-button-neutral-secondary-sm-padding-top: 0.25rem;
244
- --component-button-neutral-secondary-sm-padding-right: 0.625rem;
245
- --component-button-neutral-secondary-sm-padding-bottom: 0.25rem;
246
- --component-button-neutral-secondary-sm-padding-left: 0.625rem;
247
- --component-button-neutral-secondary-sm-padding-with-icon-icon-left-left: 0.5rem;
248
- --component-button-neutral-secondary-sm-typography-font: normal 700 0.875rem/1
173
+ --component-button-tertiary-sm-typography-letter-spacing: -0.0125rem;
174
+ --component-button-tertiary-sm-typography-font-width: 95;
175
+ --component-button-tertiary-sm-icon-size: 1.125rem;
176
+ --component-button-tertiary-sm-icon-gap: 0.25rem;
177
+ --component-button-tertiary-sm-icon-button-width: 2rem;
178
+ --component-button-tertiary-md-height: 2.5rem;
179
+ --component-button-tertiary-md-padding-top: 0.25rem;
180
+ --component-button-tertiary-md-padding-right: 0.75rem;
181
+ --component-button-tertiary-md-padding-bottom: 0.25rem;
182
+ --component-button-tertiary-md-padding-left: 0.75rem;
183
+ --component-button-tertiary-md-padding-with-icon-icon-left-left: 0.5rem;
184
+ --component-button-tertiary-md-typography-font: normal 700 0.875rem/1
249
185
  'Open Sans';
250
- --component-button-neutral-secondary-sm-typography-letter-spacing: -0.0125rem;
251
- --component-button-neutral-secondary-sm-typography-font-width: 95;
252
- --component-button-neutral-secondary-sm-icon-size: 1.125rem;
253
- --component-button-neutral-secondary-sm-icon-gap: 0.25rem;
254
- --component-button-neutral-secondary-sm-icon-button-width: 2rem;
255
- --component-button-neutral-secondary-md-height: 2.5rem;
256
- --component-button-neutral-secondary-md-padding-top: 0.25rem;
257
- --component-button-neutral-secondary-md-padding-right: 0.75rem;
258
- --component-button-neutral-secondary-md-padding-bottom: 0.25rem;
259
- --component-button-neutral-secondary-md-padding-left: 0.75rem;
260
- --component-button-neutral-secondary-md-padding-with-icon-icon-left-left: 0.5rem;
261
- --component-button-neutral-secondary-md-typography-font: normal 700 0.875rem/1
262
- 'Open Sans';
263
- --component-button-neutral-secondary-md-typography-letter-spacing: -0.0125rem;
264
- --component-button-neutral-secondary-md-typography-font-width: 95;
265
- --component-button-neutral-secondary-md-icon-size: 1.25rem;
266
- --component-button-neutral-secondary-md-icon-gap: 0.25rem;
267
- --component-button-neutral-secondary-md-icon-button-width: 2.5rem;
268
- --component-button-neutral-secondary-lg-height: 3rem;
269
- --component-button-neutral-secondary-lg-padding-top: 0.25rem;
270
- --component-button-neutral-secondary-lg-padding-right: 1rem;
271
- --component-button-neutral-secondary-lg-padding-bottom: 0.25rem;
272
- --component-button-neutral-secondary-lg-padding-left: 1rem;
273
- --component-button-neutral-secondary-lg-padding-with-icon-icon-left-left: 0.75rem;
274
- --component-button-neutral-secondary-lg-typography-font: normal 700 1rem/1
275
- 'Open Sans';
276
- --component-button-neutral-secondary-lg-typography-letter-spacing: -0.0125rem;
277
- --component-button-neutral-secondary-lg-typography-font-width: 95;
278
- --component-button-neutral-secondary-lg-icon-size: 1.5rem;
279
- --component-button-neutral-secondary-lg-icon-gap: 0.25rem;
280
- --component-button-neutral-secondary-lg-icon-button-width: 3rem;
186
+ --component-button-tertiary-md-typography-letter-spacing: -0.0125rem;
187
+ --component-button-tertiary-md-typography-font-width: 95;
188
+ --component-button-tertiary-md-icon-size: 1.25rem;
189
+ --component-button-tertiary-md-icon-gap: 0.25rem;
190
+ --component-button-tertiary-md-icon-button-width: 2.5rem;
191
+ --component-button-tertiary-lg-height: 3rem;
192
+ --component-button-tertiary-lg-padding-top: 0.25rem;
193
+ --component-button-tertiary-lg-padding-right: 1rem;
194
+ --component-button-tertiary-lg-padding-bottom: 0.25rem;
195
+ --component-button-tertiary-lg-padding-left: 1rem;
196
+ --component-button-tertiary-lg-padding-with-icon-icon-left-left: 0.75rem;
197
+ --component-button-tertiary-lg-typography-font: normal 700 1rem/1 'Open Sans';
198
+ --component-button-tertiary-lg-typography-letter-spacing: -0.0125rem;
199
+ --component-button-tertiary-lg-typography-font-width: 95;
200
+ --component-button-tertiary-lg-icon-size: 1.5rem;
201
+ --component-button-tertiary-lg-icon-gap: 0.25rem;
202
+ --component-button-tertiary-lg-icon-button-width: 3rem;
281
203
  }
package/dist/styleD/build/css/component/favicon.css CHANGED
@@ -12,6 +12,6 @@
12
12
  --component-favicon-user-select: none;
13
13
  --component-favicon-typography-font: normal 700 1.25rem/1.15
14
14
  'GH Guardian Headline';
15
- --component-favicon-typography-letter-spacing: 0rem;
15
+ --component-favicon-typography-letter-spacing: 0;
16
16
  --component-favicon-typography-font-width: 100;
17
17
  }
package/dist/styleD/build/css/component/inlineMessage.css ADDED
@@ -0,0 +1,17 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --component-inline-message-shared-display: inline-flex;
7
+ --component-inline-message-shared-gap: 0.25rem;
8
+ --component-inline-message-shared-align-items: center;
9
+ --component-inline-message-shared-icon-size: 1.25rem;
10
+ --component-inline-message-shared-typography-font: normal 460 0.875rem/1.3
11
+ 'Open Sans';
12
+ --component-inline-message-shared-typography-letter-spacing: 0;
13
+ --component-inline-message-shared-typography-font-width: 95;
14
+ --component-inline-message-error-color: #8c2113;
15
+ --component-inline-message-success-color: #326528;
16
+ --component-inline-message-information-color: #00344e;
17
+ }
package/dist/styleD/build/css/component/menu.css CHANGED
@@ -37,6 +37,7 @@
37
37
  --component-menu-menu-item-shared-padding-bottom: 0.75rem;
38
38
  --component-menu-menu-item-shared-padding-left: 1rem;
39
39
  --component-menu-menu-item-shared-border-bottom: 0.0625rem solid #cccccc;
40
+ --component-menu-menu-item-shared-background-color: #ffffff;
40
41
  --component-menu-menu-item-shared-icon-grid-area: icon;
41
42
  --component-menu-menu-item-shared-icon-align-self: start;
42
43
  --component-menu-menu-item-shared-icon-color: #545454;
@@ -44,13 +45,13 @@
44
45
  --component-menu-menu-item-shared-label-color: #000000;
45
46
  --component-menu-menu-item-shared-label-typography-font: normal 460 1rem/1.3
46
47
  'Open Sans';
47
- --component-menu-menu-item-shared-label-typography-letter-spacing: 0rem;
48
+ --component-menu-menu-item-shared-label-typography-letter-spacing: 0;
48
49
  --component-menu-menu-item-shared-label-typography-font-width: 95;
49
50
  --component-menu-menu-item-shared-description-grid-area: description;
50
51
  --component-menu-menu-item-shared-description-color: #545454;
51
52
  --component-menu-menu-item-shared-description-typography-font: normal 460
52
53
  0.875rem/1.3 'Open Sans';
53
- --component-menu-menu-item-shared-description-typography-letter-spacing: 0rem;
54
+ --component-menu-menu-item-shared-description-typography-letter-spacing: 0;
54
55
  --component-menu-menu-item-shared-description-typography-font-width: 95;
55
56
  --component-menu-menu-item-shared-aside-grid-area: aside;
56
57
  --component-menu-menu-item-shared-aside-justify-self: end;
@@ -58,10 +59,10 @@
58
59
  --component-menu-menu-item-shared-aside-color: #000000;
59
60
  --component-menu-menu-item-shared-aside-typography-font: normal 460 1rem/1.3
60
61
  'Open Sans';
61
- --component-menu-menu-item-shared-aside-typography-letter-spacing: 0rem;
62
+ --component-menu-menu-item-shared-aside-typography-letter-spacing: 0;
62
63
  --component-menu-menu-item-shared-aside-typography-font-width: 95;
63
64
  --component-menu-menu-item-shared-last-child-border-bottom: none;
64
- --component-menu-menu-item-shared-hover-background-color: #ededed;
65
+ --component-menu-menu-item-shared-hover-background-color: #f6f6f6;
65
66
  --component-menu-menu-item-shared-focus-visible-outline: 0.125rem solid
66
67
  #0072a9;
67
68
  --component-menu-menu-item-shared-focus-visible-outline-offset: -0.125rem;
package/dist/styleD/build/css/component/tagAutocomplete.css CHANGED
@@ -14,7 +14,7 @@
14
14
  --component-tag-autocomplete-listbox-border-style: solid;
15
15
  --component-tag-autocomplete-listbox-border-color: #8d8d8d;
16
16
  --component-tag-autocomplete-listbox-padding-y: 8px;
17
- --component-tag-autocomplete-listbox-padding-x: 0px;
17
+ --component-tag-autocomplete-listbox-padding-x: 0;
18
18
  --component-tag-autocomplete-listbox-background-color: #ffffff;
19
19
  --component-tag-autocomplete-listbox-item-padding-y: 8px;
20
20
  --component-tag-autocomplete-listbox-item-padding-x: 12px;
package/dist/styleD/build/css/component/tagTable.css CHANGED
@@ -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: 0px;
28
+ --component-tag-table-add-button-padding-y: 0;
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;
package/dist/styleD/build/css/component/topBarItem.css ADDED
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --component-top-bar-item-shared-display: inline-flex;
7
+ }