@dss-kit/ui-kit 1.0.1 → 1.0.2

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 (24) hide show
  1. package/README.md +29 -29
  2. package/dist/components/builders/Table/Table.js +169 -165
  3. package/dist/components/builders/Table/Table.types.d.ts +5 -1
  4. package/dist/components/builders/Table/TableBodyRow/TableBodyRow.d.ts +5 -0
  5. package/dist/components/builders/Table/TableBodyRow/TableBodyRow.js +23 -9
  6. package/dist/components/builders/Table/TablePlaceholder/TablePlaceholder.js +22 -22
  7. package/dist/components/controls/MarkdownTextEditor/MarkdownTextEditor.js +6 -6
  8. package/dist/components/shared/MarkdownText/MarkdownText.js +10 -10
  9. package/dist/styles/utils/breakpoints/base.scss +11 -11
  10. package/dist/styles/utils/breakpoints/index.scss +3 -3
  11. package/dist/styles/utils/breakpoints/screen.scss +61 -61
  12. package/dist/styles/utils/breakpoints/semantic.scss +31 -31
  13. package/dist/styles/utils/fonts/font-family.scss +3 -3
  14. package/dist/styles/utils/fonts/index.scss +1 -1
  15. package/dist/styles/utils/index.scss +5 -5
  16. package/dist/styles/utils/size/index.scss +1 -1
  17. package/dist/styles/utils/size/modifiers.scss +40 -40
  18. package/dist/styles/utils/style/index.scss +1 -1
  19. package/dist/styles/utils/style/variants.scss +34 -34
  20. package/dist/styles/utils/typography/_font-weight.scss +33 -33
  21. package/dist/styles/utils/typography/_variants.scss +85 -85
  22. package/dist/styles/utils/typography/index.scss +2 -2
  23. package/dist/ui-kit.cjs +8 -8
  24. package/package.json +94 -94
package/dist/styles/utils/typography/_variants.scss CHANGED
@@ -1,85 +1,85 @@
1
- @use "../fonts";
2
- @use "../breakpoints/semantic.scss" as breakpoints;
3
-
4
- /* Общий базовый стиль для любого текста */
5
- @mixin common {
6
- @include fonts.Inter;
7
- word-break: break-word;
8
- }
9
-
10
- /* Быстрое объявление font-size + line-height */
11
- @mixin text-size($font-size, $line-height) {
12
- font-size: $font-size;
13
- line-height: $line-height;
14
- }
15
-
16
- /* ==== Titles ==== */
17
- @mixin title-1 {
18
- @include text-size(32px, 36px);
19
-
20
- // md = 768px
21
- @include breakpoints.bp-md() {
22
- font-size: 24px;
23
- }
24
- }
25
-
26
- @mixin title-2 {
27
- @include text-size(24px, 28px);
28
-
29
- // md = 768px
30
- @include breakpoints.bp-md() {
31
- font-size: 20px;
32
- }
33
- }
34
-
35
- @mixin title-3 {
36
- @include text-size(20px, 28px);
37
-
38
- // md = 768px
39
- @include breakpoints.bp-md() {
40
- font-size: 18px;
41
- }
42
-
43
- // xs = 480px
44
- @include breakpoints.bp-xs() {
45
- font-size: 16px;
46
- }
47
- }
48
-
49
- /* ==== Headline ==== */
50
- @mixin headline-1 {
51
- font-size: 22px;
52
- line-height: 26px;
53
- }
54
-
55
- @mixin headline-2 {
56
- font-size: 18px;
57
- line-height: 22px;
58
- }
59
-
60
- @mixin headline-3 {
61
- font-size: 16px;
62
- line-height: 20px;
63
- }
64
-
65
- /* ==== Body ==== */
66
- @mixin body-1 {
67
- font-size: 16px;
68
- line-height: 24px;
69
- }
70
-
71
- @mixin body-2 {
72
- font-size: 14px;
73
- line-height: 20px;
74
- }
75
-
76
- /* ==== Caption ==== */
77
- @mixin caption-1 {
78
- font-size: 12px;
79
- line-height: 16px;
80
- }
81
-
82
- @mixin caption-2 {
83
- font-size: 10px;
84
- line-height: 14px;
85
- }
1
+ @use "../fonts";
2
+ @use "../breakpoints/semantic.scss" as breakpoints;
3
+
4
+ /* Общий базовый стиль для любого текста */
5
+ @mixin common {
6
+ @include fonts.Inter;
7
+ word-break: break-word;
8
+ }
9
+
10
+ /* Быстрое объявление font-size + line-height */
11
+ @mixin text-size($font-size, $line-height) {
12
+ font-size: $font-size;
13
+ line-height: $line-height;
14
+ }
15
+
16
+ /* ==== Titles ==== */
17
+ @mixin title-1 {
18
+ @include text-size(32px, 36px);
19
+
20
+ // md = 768px
21
+ @include breakpoints.bp-md() {
22
+ font-size: 24px;
23
+ }
24
+ }
25
+
26
+ @mixin title-2 {
27
+ @include text-size(24px, 28px);
28
+
29
+ // md = 768px
30
+ @include breakpoints.bp-md() {
31
+ font-size: 20px;
32
+ }
33
+ }
34
+
35
+ @mixin title-3 {
36
+ @include text-size(20px, 28px);
37
+
38
+ // md = 768px
39
+ @include breakpoints.bp-md() {
40
+ font-size: 18px;
41
+ }
42
+
43
+ // xs = 480px
44
+ @include breakpoints.bp-xs() {
45
+ font-size: 16px;
46
+ }
47
+ }
48
+
49
+ /* ==== Headline ==== */
50
+ @mixin headline-1 {
51
+ font-size: 22px;
52
+ line-height: 26px;
53
+ }
54
+
55
+ @mixin headline-2 {
56
+ font-size: 18px;
57
+ line-height: 22px;
58
+ }
59
+
60
+ @mixin headline-3 {
61
+ font-size: 16px;
62
+ line-height: 20px;
63
+ }
64
+
65
+ /* ==== Body ==== */
66
+ @mixin body-1 {
67
+ font-size: 16px;
68
+ line-height: 24px;
69
+ }
70
+
71
+ @mixin body-2 {
72
+ font-size: 14px;
73
+ line-height: 20px;
74
+ }
75
+
76
+ /* ==== Caption ==== */
77
+ @mixin caption-1 {
78
+ font-size: 12px;
79
+ line-height: 16px;
80
+ }
81
+
82
+ @mixin caption-2 {
83
+ font-size: 10px;
84
+ line-height: 14px;
85
+ }
package/dist/styles/utils/typography/index.scss CHANGED
@@ -1,2 +1,2 @@
1
- @forward "_variants";
2
- @forward "_font-weight";
1
+ @forward "_variants";
2
+ @forward "_font-weight";