@central-design-system/components 2.26.0 → 2.27.0

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 (94) hide show
  1. package/dist/CdsAccordion/index.js +1 -1
  2. package/dist/CdsAccordion/styles.css +2 -2
  3. package/dist/CdsBadge/index.js +8 -0
  4. package/dist/CdsBadge/styles.css +9 -0
  5. package/dist/CdsBreadcrumbs/index.js +1 -1
  6. package/dist/CdsBreadcrumbs/styles.css +2 -2
  7. package/dist/CdsButton/index.js +2 -2
  8. package/dist/CdsButton/styles.css +2 -2
  9. package/dist/CdsCheckbox/index.js +1 -1
  10. package/dist/CdsCheckbox/styles.css +3 -3
  11. package/dist/CdsCombobox/index.js +1 -1
  12. package/dist/CdsCombobox/styles.css +3 -3
  13. package/dist/CdsContainer/index.js +1 -1
  14. package/dist/CdsContainer/styles.css +1 -1
  15. package/dist/CdsContentSwitcher/index.js +2 -2
  16. package/dist/CdsContentSwitcher/styles.css +3 -3
  17. package/dist/CdsDataTable/index.js +2 -2
  18. package/dist/CdsDataTable/styles.css +5 -5
  19. package/dist/CdsDatePicker/index.js +1 -1
  20. package/dist/CdsDatePicker/styles.css +3 -3
  21. package/dist/CdsDrawer/index.js +2 -2
  22. package/dist/CdsDrawer/styles.css +4 -4
  23. package/dist/CdsDropdown/index.js +1 -1
  24. package/dist/CdsDropdown/styles.css +3 -3
  25. package/dist/CdsEmptyState/index.js +1 -1
  26. package/dist/CdsEmptyState/styles.css +2 -2
  27. package/dist/CdsFooter/index.js +1 -1
  28. package/dist/CdsFooter/styles.css +3 -3
  29. package/dist/CdsForm/index.js +1 -1
  30. package/dist/CdsForm/styles.css +3 -3
  31. package/dist/CdsGrid/index.js +1 -1
  32. package/dist/CdsGrid/styles.css +1 -1
  33. package/dist/CdsHeader/index.js +1 -1
  34. package/dist/CdsHeader/styles.css +1 -1
  35. package/dist/CdsIcon/index.js +1 -1
  36. package/dist/CdsIcon/styles.css +1 -1
  37. package/dist/CdsImage/index.js +1 -1
  38. package/dist/CdsImage/styles.css +1 -1
  39. package/dist/CdsInput/index.js +1 -1
  40. package/dist/CdsInput/styles.css +2 -2
  41. package/dist/CdsLink/index.js +1 -1
  42. package/dist/CdsLink/styles.css +1 -1
  43. package/dist/CdsList/index.js +1 -1
  44. package/dist/CdsList/styles.css +2 -2
  45. package/dist/CdsLoading/index.js +1 -1
  46. package/dist/CdsLoading/styles.css +1 -1
  47. package/dist/CdsModal/index.js +2 -2
  48. package/dist/CdsModal/styles.css +3 -3
  49. package/dist/CdsMultiselect/index.js +1 -1
  50. package/dist/CdsMultiselect/styles.css +4 -4
  51. package/dist/CdsNotification/index.js +2 -2
  52. package/dist/CdsNotification/styles.css +4 -4
  53. package/dist/CdsOverflowMenu/index.js +2 -2
  54. package/dist/CdsOverflowMenu/styles.css +3 -3
  55. package/dist/CdsPagination/index.js +2 -2
  56. package/dist/CdsPagination/styles.css +3 -3
  57. package/dist/CdsRadioButton/index.js +1 -1
  58. package/dist/CdsRadioButton/styles.css +3 -3
  59. package/dist/CdsSearch/index.js +1 -1
  60. package/dist/CdsSearch/styles.css +3 -3
  61. package/dist/CdsSelect/index.js +1 -1
  62. package/dist/CdsSelect/styles.css +3 -3
  63. package/dist/CdsSidebar/index.js +2 -2
  64. package/dist/CdsSidebar/styles.css +3 -3
  65. package/dist/CdsSkeleton/index.js +1 -1
  66. package/dist/CdsSkeleton/styles.css +1 -1
  67. package/dist/CdsStages/index.js +1 -1
  68. package/dist/CdsStages/styles.css +1 -1
  69. package/dist/CdsStatus/index.js +1 -1
  70. package/dist/CdsStatus/styles.css +2 -2
  71. package/dist/CdsSteps/index.js +2 -2
  72. package/dist/CdsSteps/styles.css +7 -3
  73. package/dist/CdsTable/index.js +3 -3
  74. package/dist/CdsTable/styles.css +5 -5
  75. package/dist/CdsTabs/index.js +2 -2
  76. package/dist/CdsTabs/styles.css +2 -2
  77. package/dist/CdsTag/index.js +1 -1
  78. package/dist/CdsTag/styles.css +2 -2
  79. package/dist/CdsTextArea/index.js +1 -1
  80. package/dist/CdsTextArea/styles.css +3 -3
  81. package/dist/CdsTextInput/index.js +1 -1
  82. package/dist/CdsTextInput/styles.css +2 -2
  83. package/dist/CdsToggle/index.js +1 -1
  84. package/dist/CdsToggle/styles.css +2 -2
  85. package/dist/CdsTooltip/index.js +1 -1
  86. package/dist/CdsTooltip/styles.css +2 -2
  87. package/dist/CdsUploader/index.js +3 -3
  88. package/dist/CdsUploader/styles.css +5 -5
  89. package/dist/cds.css +36 -34
  90. package/dist/cds.js +6 -6
  91. package/dist/cds.min.css +2 -2
  92. package/dist/cds.min.js +6 -6
  93. package/dist/mixins/scss/typo.scss +44 -0
  94. package/package.json +1 -1
package/dist/mixins/scss/typo.scss CHANGED
@@ -1,3 +1,6 @@
1
+ @import '../../mixins/scss/layout/breakpoint';
2
+
3
+
1
4
  /// Placeholder
2
5
  /// @param {string} $color - The color of placeholder
3
6
  /// @access public
@@ -32,18 +35,34 @@
32
35
  font-size: var(--cds-font-body-size-s);
33
36
  line-height: var(--cds-font-height-body);
34
37
  font-weight: var(--cds-font-weight-light);
38
+
39
+ @include cds-breakpoint-down('sm') {
40
+ font-size: var(--cds-font-body-size-xs);
41
+ }
42
+
43
+ // @media (max-width: 672px) {
44
+ // font-size: var(--cds-font-body-size-xs);
45
+ // }
35
46
  }
36
47
  @mixin cds-body-text-m() {
37
48
  font-family: var(--cds-font-family-sans);
38
49
  font-size: var(--cds-font-body-size-m);
39
50
  line-height: var(--cds-font-height-body);
40
51
  font-weight: var(--cds-font-weight-light);
52
+
53
+ @include cds-breakpoint-down('sm') {
54
+ font-size: var(--cds-font-body-size-s);
55
+ }
41
56
  }
42
57
  @mixin cds-body-text-l() {
43
58
  font-family: var(--cds-font-family-sans);
44
59
  font-size: var(--cds-font-body-size-l);
45
60
  line-height: var(--cds-font-height-body);
46
61
  font-weight: var(--cds-font-weight-normal);
62
+
63
+ @include cds-breakpoint-down('sm') {
64
+ font-size: var(--cds-font-body-size-m);
65
+ }
47
66
  }
48
67
 
49
68
  /// HEADING
@@ -54,36 +73,61 @@
54
73
  font-size: var(--cds-font-heading-1);
55
74
  line-height: var(--cds-font-height-heading);
56
75
  font-weight: var(--cds-font-weight-light);
76
+
77
+ @include cds-breakpoint-down('sm') {
78
+ font-size: var(--cds-font-heading-2);
79
+ }
57
80
  }
58
81
  @mixin cds-font-heading-2() {
59
82
  font-family: var(--cds-font-family-sans);
60
83
  font-size: var(--cds-font-heading-2);
61
84
  line-height: var(--cds-font-height-heading);
62
85
  font-weight: var(--cds-font-weight-light);
86
+
87
+ @include cds-breakpoint-down('sm') {
88
+ font-size: var(--cds-font-heading-3);
89
+ }
63
90
  }
64
91
  @mixin cds-font-heading-3() {
65
92
  font-family: var(--cds-font-family-sans);
66
93
  font-size: var(--cds-font-heading-3);
67
94
  line-height: var(--cds-font-height-heading);
68
95
  font-weight: var(--cds-font-weight-light);
96
+
97
+ @include cds-breakpoint-down('sm') {
98
+ font-size: var(--cds-font-heading-4);
99
+ }
69
100
  }
70
101
  @mixin cds-font-heading-4() {
71
102
  font-family: var(--cds-font-family-sans);
72
103
  font-size: var(--cds-font-heading-4);
73
104
  line-height: var(--cds-font-height-heading);
74
105
  font-weight: var(--cds-font-weight-bold);
106
+
107
+ @include cds-breakpoint-down('sm') {
108
+ font-size: var(--cds-font-heading-5);
109
+ }
75
110
  }
76
111
  @mixin cds-font-heading-5() {
77
112
  font-family: var(--cds-font-family-sans);
78
113
  font-size: var(--cds-font-heading-5);
79
114
  line-height: var(--cds-font-height-heading);
80
115
  font-weight: var(--cds-font-weight-bold);
116
+
117
+ @include cds-breakpoint-down('sm') {
118
+ font-size: var(--cds-font-heading-6);
119
+ }
81
120
  }
82
121
  @mixin cds-font-heading-6() {
83
122
  font-family: var(--cds-font-family-sans);
84
123
  font-size: var(--cds-font-heading-6);
85
124
  line-height: var(--cds-font-height-heading);
86
125
  font-weight: var(--cds-font-weight-bold);
126
+
127
+ @include cds-breakpoint-down('sm') {
128
+ font-size: var(--cds-font-body-size-xs);
129
+ }
130
+
87
131
  }
88
132
  @mixin cds-font-heading-eyebrow() {
89
133
  font-family: var(--cds-font-family-sans);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@central-design-system/components",
3
- "version": "2.26.0",
3
+ "version": "2.27.0",
4
4
  "license": "ISC",
5
5
  "contributors": [
6
6
  {