@conduction/components 2.2.50 → 2.2.52

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 (33) hide show
  1. package/.prettierrc +30 -30
  2. package/README.md +212 -206
  3. package/lib/components/badgeCounter/BadgeCounter.module.css +27 -27
  4. package/lib/components/card/cardHeader/CardHeader.module.css +52 -43
  5. package/lib/components/card/infoCard/InfoCard.module.css +26 -26
  6. package/lib/components/codeBlock/CodeBlock.module.css +6 -6
  7. package/lib/components/formFields/checkbox/Checkbox.module.css +4 -0
  8. package/lib/components/formFields/date/Date.module.css +12 -12
  9. package/lib/components/formFields/select/select.d.ts +2 -2
  10. package/lib/components/imageDivider/imageDivider.module.css +5 -5
  11. package/lib/components/logo/Logo.module.css +13 -0
  12. package/lib/components/metaIcon/MetaIcon.module.css +29 -29
  13. package/lib/components/quoteWrapper/QuoteWrapper.module.css +12 -12
  14. package/lib/components/tag/Tag.module.css +44 -44
  15. package/lib/components/topNav/primaryTopNav/PrimaryTopNav.module.css +308 -290
  16. package/package.json +50 -50
  17. package/src/components/badgeCounter/BadgeCounter.module.css +27 -27
  18. package/src/components/card/cardHeader/CardHeader.module.css +52 -43
  19. package/src/components/card/infoCard/InfoCard.module.css +26 -26
  20. package/src/components/codeBlock/CodeBlock.module.css +6 -6
  21. package/src/components/formFields/checkbox/Checkbox.module.css +4 -0
  22. package/src/components/formFields/date/Date.module.css +12 -12
  23. package/src/components/formFields/select/select.tsx +1 -1
  24. package/src/components/horizontalOverflowWrapper/HorizontalOverflowWrapper.tsx +80 -80
  25. package/src/components/imageDivider/imageDivider.module.css +5 -5
  26. package/src/components/logo/Logo.module.css +13 -0
  27. package/src/components/metaIcon/MetaIcon.module.css +29 -29
  28. package/src/components/quoteWrapper/QuoteWrapper.module.css +12 -12
  29. package/src/components/tag/Tag.module.css +44 -44
  30. package/src/components/topNav/index.ts +4 -4
  31. package/src/components/topNav/primaryTopNav/PrimaryTopNav.module.css +308 -290
  32. package/src/custom.d.ts +4 -4
  33. package/tsconfig.json +21 -21
package/src/components/quoteWrapper/QuoteWrapper.module.css CHANGED
@@ -1,12 +1,12 @@
1
- :root {
2
- --conduction-quote-wrapper-border-width: var(--skeleton-size-sm);
3
- --conduction-quote-wrapper-border-color: var(--skeleton-color-grey-1);
4
- --conduction-quote-wrapper-padding-inline: var(--skeleton-size-lg);
5
- }
6
-
7
- .container {
8
- border-left-width: var(--conduction-quote-wrapper-border-width);
9
- border-left-style: solid;
10
- border-left-color: var(--conduction-quote-wrapper-border-color);
11
- padding-inline-start: var(--conduction-quote-wrapper-padding-inline);
12
- }
1
+ :root {
2
+ --conduction-quote-wrapper-border-width: var(--skeleton-size-sm);
3
+ --conduction-quote-wrapper-border-color: var(--skeleton-color-grey-1);
4
+ --conduction-quote-wrapper-padding-inline: var(--skeleton-size-lg);
5
+ }
6
+
7
+ .container {
8
+ border-left-width: var(--conduction-quote-wrapper-border-width);
9
+ border-left-style: solid;
10
+ border-left-color: var(--conduction-quote-wrapper-border-color);
11
+ padding-inline-start: var(--conduction-quote-wrapper-padding-inline);
12
+ }
package/src/components/tag/Tag.module.css CHANGED
@@ -1,44 +1,44 @@
1
- :root {
2
- --conduction-tag-font-size: var(--skeleton-font-size-sm);
3
- --conduction-tag-color: var(--skeleton-black);
4
- --conduction-tag-background-color: var(--skeleton-color-grey-1);
5
- --conduction-tag-border-radius: var(--skeleton-border-radius-md);
6
- --conduction-tag-padding: var(--skeleton-size-xs);
7
- --conduction-tag-icon-margin-inline-end: var(--skeleton-size-2xs);
8
- --conduction-tag-remove-background-color: #ffbdad;
9
- --conduction-tag-remove-text-color: #e44f2a;
10
- }
11
-
12
- .tag {
13
- display: inline-block;
14
- width: fit-content;
15
- font-size: var(--conduction-tag-font-size);
16
- color: var(--conduction-tag-color);
17
- background-color: var(--conduction-tag-background-color);
18
- padding-inline-start: var(--conduction-tag-padding);
19
- padding-inline-end: var(--conduction-tag-padding);
20
- padding-block-start: var(--conduction-tag-padding);
21
- padding-block-end: var(--conduction-tag-padding);
22
- }
23
-
24
- .tag > *:not(:last-child) {
25
- margin-inline-end: var(--conduction-tag-icon-margin-inline-end);
26
- }
27
-
28
- .clickable :hover {
29
- cursor: pointer;
30
- }
31
-
32
- .remove {
33
- padding-inline-end: 4px;
34
- }
35
-
36
- .tagContainer {
37
- display: flex;
38
- }
39
-
40
- .removeTag:hover {
41
- cursor: pointer;
42
- background-color: var(--conduction-tag-remove-background-color);
43
- color: var(--conduction-tag-remove-text-color);
44
- }
1
+ :root {
2
+ --conduction-tag-font-size: var(--skeleton-font-size-sm);
3
+ --conduction-tag-color: var(--skeleton-black);
4
+ --conduction-tag-background-color: var(--skeleton-color-grey-1);
5
+ --conduction-tag-border-radius: var(--skeleton-border-radius-md);
6
+ --conduction-tag-padding: var(--skeleton-size-xs);
7
+ --conduction-tag-icon-margin-inline-end: var(--skeleton-size-2xs);
8
+ --conduction-tag-remove-background-color: #ffbdad;
9
+ --conduction-tag-remove-text-color: #e44f2a;
10
+ }
11
+
12
+ .tag {
13
+ display: inline-block;
14
+ width: fit-content;
15
+ font-size: var(--conduction-tag-font-size);
16
+ color: var(--conduction-tag-color);
17
+ background-color: var(--conduction-tag-background-color);
18
+ padding-inline-start: var(--conduction-tag-padding);
19
+ padding-inline-end: var(--conduction-tag-padding);
20
+ padding-block-start: var(--conduction-tag-padding);
21
+ padding-block-end: var(--conduction-tag-padding);
22
+ }
23
+
24
+ .tag > *:not(:last-child) {
25
+ margin-inline-end: var(--conduction-tag-icon-margin-inline-end);
26
+ }
27
+
28
+ .clickable :hover {
29
+ cursor: pointer;
30
+ }
31
+
32
+ .remove {
33
+ padding-inline-end: 4px;
34
+ }
35
+
36
+ .tagContainer {
37
+ display: flex;
38
+ }
39
+
40
+ .removeTag:hover {
41
+ cursor: pointer;
42
+ background-color: var(--conduction-tag-remove-background-color);
43
+ color: var(--conduction-tag-remove-text-color);
44
+ }
package/src/components/topNav/index.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { PrimaryTopNav } from "./primaryTopNav/PrimaryTopNav";
2
- import { SecondaryTopNav } from "./secondaryTopNav/SecondaryTopNav";
3
-
4
- export { PrimaryTopNav, SecondaryTopNav };
1
+ import { PrimaryTopNav } from "./primaryTopNav/PrimaryTopNav";
2
+ import { SecondaryTopNav } from "./secondaryTopNav/SecondaryTopNav";
3
+
4
+ export { PrimaryTopNav, SecondaryTopNav };