@snack-uikit/markdown 0.0.1-preview-a922dac1.0 → 0.1.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 (8) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/components/Markdown/styles.module.css +1 -1
  3. package/dist/components/MarkdownEditor/styles.module.css +3 -3
  4. package/package.json +2 -2
  5. package/src/components/Markdown/styles.module.scss +10 -10
  6. package/src/components/MarkdownEditor/styles.module.scss +3 -3
  7. package/src/helperComponents/Code/styles.module.scss +1 -1
  8. package/src/helperComponents/Table/styles.module.scss +2 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,19 @@
1
+ # Change Log
2
+
3
+ All notable changes to this project will be documented in this file.
4
+ See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
+
6
+ # 0.1.0 (2024-10-23)
7
+
8
+
9
+ ### Features
10
+
11
+ * **PDS-246:** init Markdown component ([30c3a75](https://github.com/cloud-ru-tech/snack-uikit/commit/30c3a7554a61cc40cb017dff388c06229e71ee34))
12
+
13
+
14
+
15
+
16
+
1
17
  ## CHANGELOG
2
18
 
3
19
  ### v0.0.0
package/dist/components/Markdown/styles.module.css CHANGED
@@ -102,7 +102,7 @@
102
102
  .markdown ul,
103
103
  .markdown ol{
104
104
  padding-top:var(--space-markdown-syntax-list, 5px);
105
- padding-inline-start:20px;
105
+ padding-inline-start:calc(var(--dimension-3m, 24px) - var(--dimension-050m, 4px));
106
106
  }
107
107
  .markdown ul p,
108
108
  .markdown ol p{
package/dist/components/MarkdownEditor/styles.module.css CHANGED
@@ -43,19 +43,19 @@
43
43
  .editor{
44
44
  display:flex;
45
45
  flex-direction:column;
46
- gap:8px;
46
+ gap:var(--dimension-1m, 8px);
47
47
  }
48
48
 
49
49
  .control{
50
50
  display:flex;
51
- gap:8px;
51
+ gap:var(--dimension-1m, 8px);
52
52
  align-items:center;
53
53
  justify-content:space-between;
54
54
  }
55
55
 
56
56
  .switchWrapper{
57
57
  display:flex;
58
- gap:8px;
58
+ gap:var(--dimension-1m, 8px);
59
59
  align-items:center;
60
60
  }
61
61
 
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Markdown",
7
- "version": "0.0.1-preview-a922dac1.0",
7
+ "version": "0.1.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -43,5 +43,5 @@
43
43
  "react-markdown": "7.1.1",
44
44
  "remark-gfm": "3.0.1"
45
45
  },
46
- "gitHead": "fb9838fb0201ea3b3acb5f4339b4d773686d7aed"
46
+ "gitHead": "c0c54798acd6752ca94e30a2e03aed0ba94bca4c"
47
47
  }
package/src/components/Markdown/styles.module.scss CHANGED
@@ -16,32 +16,32 @@
16
16
  }
17
17
 
18
18
  h1 {
19
- @include composite-var($theme-variables, 'sans', 'headline', 'l');
19
+ @include composite-var($sans-headline-l);
20
20
  @include composite-var($markdown-syntax-headings-level1);
21
21
  }
22
22
 
23
23
  h2 {
24
- @include composite-var($theme-variables, 'sans', 'headline', 'm');
24
+ @include composite-var($sans-headline-m);
25
25
  @include composite-var($markdown-syntax-headings-level2);
26
26
  }
27
27
 
28
28
  h3 {
29
- @include composite-var($theme-variables, 'sans', 'headline', 's');
29
+ @include composite-var($sans-headline-s);
30
30
  @include composite-var($markdown-syntax-headings-level3);
31
31
  }
32
32
 
33
33
  h4 {
34
- @include composite-var($theme-variables, 'sans', 'title', 'l');
34
+ @include composite-var($sans-title-l);
35
35
  @include composite-var($markdown-syntax-headings-level4);
36
36
  }
37
37
 
38
38
  h5 {
39
- @include composite-var($theme-variables, 'sans', 'title', 'm');
39
+ @include composite-var($sans-title-m);
40
40
  @include composite-var($markdown-syntax-headings-level5);
41
41
  }
42
42
 
43
43
  h6 {
44
- @include composite-var($theme-variables, 'sans', 'title', 's');
44
+ @include composite-var($sans-title-s);
45
45
  @include composite-var($markdown-syntax-headings-level6);
46
46
  }
47
47
 
@@ -55,25 +55,25 @@
55
55
  }
56
56
 
57
57
  p {
58
- @include composite-var($theme-variables, 'sans', 'body', 'm');
58
+ @include composite-var($sans-body-m);
59
59
  @include composite-var($markdown-syntax-paragraphs);
60
60
 
61
61
  margin: 0;
62
62
  }
63
63
 
64
64
  li {
65
- @include composite-var($theme-variables, 'sans', 'body', 'm');
65
+ @include composite-var($sans-body-m);
66
66
  }
67
67
 
68
68
  strong {
69
- @include composite-var($theme-variables, 'sans', 'label', 'l');
69
+ @include composite-var($sans-label-l);
70
70
  }
71
71
 
72
72
  ul,
73
73
  ol {
74
74
  @include composite-var($markdown-syntax-list);
75
75
 
76
- padding-inline-start: 20px;
76
+ padding-inline-start: calc($dimension-3m - $dimension-050m);
77
77
 
78
78
  p {
79
79
  padding-top: 0;
package/src/components/MarkdownEditor/styles.module.scss CHANGED
@@ -35,19 +35,19 @@
35
35
  .editor {
36
36
  display: flex;
37
37
  flex-direction: column;
38
- gap: 8px;
38
+ gap: $dimension-1m;
39
39
  }
40
40
 
41
41
  .control {
42
42
  display: flex;
43
- gap: 8px;
43
+ gap: $dimension-1m;
44
44
  align-items: center;
45
45
  justify-content: space-between;
46
46
  }
47
47
 
48
48
  .switchWrapper {
49
49
  display: flex;
50
- gap: 8px;
50
+ gap: $dimension-1m;
51
51
  align-items: center;
52
52
  }
53
53
 
package/src/helperComponents/Code/styles.module.scss CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  .code {
11
11
  @include composite-var($markdown-inline-code-container);
12
- @include composite-var($theme-variables, 'mono', 'body', 's');
12
+ @include composite-var($mono-body-s);
13
13
 
14
14
  color: $sys-neutral-text-support;
15
15
  text-shadow: none;
package/src/helperComponents/Table/styles.module.scss CHANGED
@@ -16,12 +16,12 @@
16
16
  }
17
17
 
18
18
  th {
19
- @include composite-var($theme-variables, 'sans', 'label', 'l');
19
+ @include composite-var($sans-label-l);
20
20
 
21
21
  background-color: $sys-neutral-background;
22
22
  }
23
23
 
24
24
  td {
25
- @include composite-var($theme-variables, 'sans', 'body', 'm');
25
+ @include composite-var($sans-body-m);
26
26
  }
27
27
  }