@axa-fr/design-system-slash-css 0.2.0-beta.281 → 0.2.0-beta.283

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 (50) hide show
  1. package/dist/Alert/Alert.client.css.map +1 -1
  2. package/dist/Alert/Alert.client.scss +4 -4
  3. package/dist/Button/Button.client.css.map +1 -1
  4. package/dist/Button/Button.client.scss +2 -2
  5. package/dist/Card/Card.client.css.map +1 -1
  6. package/dist/Form/Checkbox/Client/Checkbox.css.map +1 -1
  7. package/dist/Form/Checkbox/Client/Checkbox.scss +6 -6
  8. package/dist/Form/FileUpload/Client/FileUpload.client.css.map +1 -1
  9. package/dist/Form/FileUpload/Client/FileUpload.client.scss +5 -5
  10. package/dist/Form/InputError/InputError.client.css.map +1 -1
  11. package/dist/Form/InputError/InputError.client.scss +3 -3
  12. package/dist/Form/Radio/Client/Radio.css.map +1 -1
  13. package/dist/Form/Radio/Client/Radio.scss +6 -6
  14. package/dist/Form/Select/Client/Select.client.css.map +1 -1
  15. package/dist/Form/Select/Client/Select.client.scss +4 -4
  16. package/dist/Form/Text/Client/Text.client.css.map +1 -1
  17. package/dist/Form/Text/Client/Text.client.scss +1 -1
  18. package/dist/Layout/Footer/Footer.client.css.map +1 -1
  19. package/dist/Layout/Header/Client/Header.client.css.map +1 -1
  20. package/dist/Layout/Header/Client/NavBar/NavBar.css.map +1 -1
  21. package/dist/Link/Link.client.css.map +1 -1
  22. package/dist/List/ClickList/ClickList.client.css.map +1 -1
  23. package/dist/List/ContentItemDuo/ContentItemDuo.css +1 -0
  24. package/dist/List/ContentItemDuo/ContentItemDuo.css.map +1 -0
  25. package/dist/List/ContentItemDuo/ContentItemDuo.scss +168 -0
  26. package/dist/List/ContentTabList/ContentTabList.client.css +1 -1
  27. package/dist/List/ContentTabList/ContentTabList.client.css.map +1 -1
  28. package/dist/List/ContentTabList/ContentTabList.client.scss +51 -58
  29. package/dist/List/List.css +1 -1
  30. package/dist/List/List.css.map +1 -1
  31. package/dist/List/List.scss +14 -0
  32. package/dist/Modal/Modal.client.css.map +1 -1
  33. package/dist/Stepper/Stepper.client.css.map +1 -1
  34. package/dist/Tabs/Tabs.client.css.map +1 -1
  35. package/dist/Tag/Tag.client.css.map +1 -1
  36. package/dist/Tag/Tag.client.scss +2 -2
  37. package/dist/Title/Agent/Title.css.map +1 -0
  38. package/dist/Title/{Title.agent.scss → Agent/Title.scss} +1 -1
  39. package/dist/Title/Client/Title.css +1 -0
  40. package/dist/Title/Client/Title.css.map +1 -0
  41. package/dist/Title/Client/Title.scss +76 -0
  42. package/dist/agent.css.map +1 -1
  43. package/dist/agent.scss +1 -1
  44. package/dist/client.css +1 -1
  45. package/dist/client.css.map +1 -1
  46. package/dist/client.scss +2 -0
  47. package/dist/common/common.client.scss +1 -1
  48. package/package.json +1 -1
  49. package/dist/Title/Title.agent.css.map +0 -1
  50. /package/dist/Title/{Title.agent.css → Agent/Title.css} +0 -0
package/dist/Title/Client/Title.scss ADDED
@@ -0,0 +1,76 @@
1
+ @use "../../common/common.client.scss" as common;
2
+
3
+ .af-title {
4
+ gap: 0.25rem;
5
+ color: common.$color-gray-900;
6
+
7
+ &__title {
8
+ margin: 0;
9
+ font-family: common.$font-family-publico;
10
+ font-weight: 700;
11
+ }
12
+
13
+ &__subtitle {
14
+ display: block;
15
+ font-family: common.$font-family-base;
16
+ font-size: 1.125rem;
17
+ font-weight: 400;
18
+ line-height: 1.4rem;
19
+ }
20
+
21
+ &__icon {
22
+ border-radius: 0.75rem;
23
+ box-shadow: 0 0.125rem 0.5rem 0 rgba(common.$color-axa, 0.15);
24
+ }
25
+
26
+ &__text-container {
27
+ display: grid;
28
+ gap: 0.25rem;
29
+ }
30
+
31
+ &:has(&__icon) {
32
+ display: flex;
33
+ gap: 0.75rem;
34
+
35
+ .af-title__title {
36
+ color: common.$color-axa;
37
+ }
38
+ }
39
+
40
+ &--xl {
41
+ h1.af-title__title {
42
+ font-size: 2rem;
43
+ line-height: 2.5rem;
44
+ }
45
+ }
46
+
47
+ &--l {
48
+ h1.af-title__title {
49
+ font-size: 1.5rem;
50
+ line-height: 1.875rem;
51
+ }
52
+ }
53
+ }
54
+
55
+ @media (width <= #{common.$breakpoint-md}) {
56
+ .af-title {
57
+ &--xl {
58
+ h1.af-title__title {
59
+ font-size: 1.5rem;
60
+ line-height: 1.875rem;
61
+ }
62
+ }
63
+
64
+ &--l {
65
+ h1.af-title__title {
66
+ font-size: 1.25rem;
67
+ line-height: 1.56rem;
68
+ }
69
+ }
70
+
71
+ span.af-title__subtitle {
72
+ font-size: 1rem;
73
+ line-height: 1.25rem;
74
+ }
75
+ }
76
+ }