@cloud-ru/ds-markdown 1.0.33 → 1.0.35-preview-b163635c.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.
- package/CHANGELOG.md +4 -0
- package/dist/cjs/components/Markdown/styles.module.css +25 -25
- package/dist/cjs/components/MarkdownEditor/styles.module.css +29 -29
- package/dist/cjs/helperComponents/PrivateButton/styles.module.css +13 -13
- package/dist/cjs/helperComponents/TableSelectItem/styles.module.css +11 -11
- package/dist/cjs/helperComponents/TableSelectSettingsGrid/styles.module.css +4 -4
- package/dist/cjs/style.css +83 -83
- package/dist/cjs/styles/syntax.module.css +1 -1
- package/dist/esm/components/Markdown/styles.module.css +25 -25
- package/dist/esm/components/MarkdownEditor/styles.module.css +29 -29
- package/dist/esm/helperComponents/PrivateButton/styles.module.css +13 -13
- package/dist/esm/helperComponents/TableSelectItem/styles.module.css +11 -11
- package/dist/esm/helperComponents/TableSelectSettingsGrid/styles.module.css +4 -4
- package/dist/esm/style.css +83 -83
- package/dist/esm/styles/syntax.module.css +1 -1
- package/dist/tsconfig.cjs.tsbuildinfo +1 -1
- package/dist/tsconfig.esm.tsbuildinfo +1 -1
- package/package.json +15 -15
package/dist/cjs/style.css
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
.root{
|
|
2
2
|
box-sizing:border-box;
|
|
3
3
|
max-width:100%;
|
|
4
|
-
font-family:var(--sn-brand-font-fontFamily-regular-body, "SB Sans
|
|
4
|
+
font-family:var(--sn-brand-font-fontFamily-regular-body, "SB Sans Text");
|
|
5
5
|
font-size:var(--sn-density-typography-roleBody-fontSizeM, var(--sn-platform-comfort-typography-roleBody-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px)));
|
|
6
6
|
line-height:var(--sn-density-typography-roleBody-lineHeightM, var(--sn-platform-comfort-typography-roleBody-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px)));
|
|
7
|
-
color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #
|
|
7
|
+
color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
|
|
8
8
|
}
|
|
9
9
|
.root p,
|
|
10
10
|
.root h1,
|
|
@@ -22,40 +22,40 @@
|
|
|
22
22
|
margin:0;
|
|
23
23
|
}
|
|
24
24
|
.root h1{
|
|
25
|
-
font-family:var(--sn-regular-headline-l-fontFamily, var(--sn-brand-font-fontFamily-regular-headline, SB Sans
|
|
26
|
-
font-weight:var(--sn-regular-headline-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-headline-l, var(--sn-brand-font-fontWeight-light-regular-headline-l, var(--sn-primitive-font-fontWeightValue-
|
|
25
|
+
font-family:var(--sn-regular-headline-l-fontFamily, var(--sn-brand-font-fontFamily-regular-headline, SB Sans Display));
|
|
26
|
+
font-weight:var(--sn-regular-headline-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-headline-l, var(--sn-brand-font-fontWeight-light-regular-headline-l, var(--sn-primitive-font-fontWeightValue-500, 500))));
|
|
27
27
|
line-height:var(--sn-regular-headline-l-lineHeight, var(--sn-density-typography-roleHeadline-lineHeightL, var(--sn-platform-comfort-typography-roleHeadline-lineHeightL, var(--sn-primitive-font-lineHeight-40, 40px))));
|
|
28
28
|
font-size:var(--sn-regular-headline-l-fontSize, var(--sn-density-typography-roleHeadline-fontSizeL, var(--sn-platform-comfort-typography-roleHeadline-fontSizeL, var(--sn-primitive-font-fontSize-32, 32px))));
|
|
29
29
|
letter-spacing:var(--sn-regular-headline-l-letterSpacing, var(--sn-primitive-font-letterSpacing-xs, -0.5px));
|
|
30
30
|
paragraph-spacing:var(--sn-regular-headline-l-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize32, 16px));
|
|
31
31
|
}
|
|
32
32
|
.root h2{
|
|
33
|
-
font-family:var(--sn-regular-headline-m-fontFamily, var(--sn-brand-font-fontFamily-regular-headline, SB Sans
|
|
34
|
-
font-weight:var(--sn-regular-headline-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-headline-m, var(--sn-brand-font-fontWeight-light-regular-headline-m, var(--sn-primitive-font-fontWeightValue-
|
|
33
|
+
font-family:var(--sn-regular-headline-m-fontFamily, var(--sn-brand-font-fontFamily-regular-headline, SB Sans Display));
|
|
34
|
+
font-weight:var(--sn-regular-headline-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-headline-m, var(--sn-brand-font-fontWeight-light-regular-headline-m, var(--sn-primitive-font-fontWeightValue-500, 500))));
|
|
35
35
|
line-height:var(--sn-regular-headline-m-lineHeight, var(--sn-density-typography-roleHeadline-lineHeightM, var(--sn-platform-comfort-typography-roleHeadline-lineHeightM, var(--sn-primitive-font-lineHeight-36, 36px))));
|
|
36
36
|
font-size:var(--sn-regular-headline-m-fontSize, var(--sn-density-typography-roleHeadline-fontSizeM, var(--sn-platform-comfort-typography-roleHeadline-fontSizeM, var(--sn-primitive-font-fontSize-28, 28px))));
|
|
37
37
|
letter-spacing:var(--sn-regular-headline-m-letterSpacing, var(--sn-primitive-font-letterSpacing-xs, -0.5px));
|
|
38
38
|
paragraph-spacing:var(--sn-regular-headline-m-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize28, 14px));
|
|
39
39
|
}
|
|
40
40
|
.root h3{
|
|
41
|
-
font-family:var(--sn-regular-headline-s-fontFamily, var(--sn-brand-font-fontFamily-regular-headline, SB Sans
|
|
42
|
-
font-weight:var(--sn-regular-headline-s-fontWeight, var(--sn-theme-typography-fontWeight-regular-headline-s, var(--sn-brand-font-fontWeight-light-regular-headline-s, var(--sn-primitive-font-fontWeightValue-
|
|
41
|
+
font-family:var(--sn-regular-headline-s-fontFamily, var(--sn-brand-font-fontFamily-regular-headline, SB Sans Display));
|
|
42
|
+
font-weight:var(--sn-regular-headline-s-fontWeight, var(--sn-theme-typography-fontWeight-regular-headline-s, var(--sn-brand-font-fontWeight-light-regular-headline-s, var(--sn-primitive-font-fontWeightValue-500, 500))));
|
|
43
43
|
line-height:var(--sn-regular-headline-s-lineHeight, var(--sn-density-typography-roleHeadline-lineHeightS, var(--sn-platform-comfort-typography-roleHeadline-lineHeightS, var(--sn-primitive-font-lineHeight-32, 32px))));
|
|
44
44
|
font-size:var(--sn-regular-headline-s-fontSize, var(--sn-density-typography-roleHeadline-fontSizeS, var(--sn-platform-comfort-typography-roleHeadline-fontSizeS, var(--sn-primitive-font-fontSize-24, 24px))));
|
|
45
45
|
letter-spacing:var(--sn-regular-headline-s-letterSpacing, var(--sn-primitive-font-letterSpacing-xs, -0.5px));
|
|
46
46
|
paragraph-spacing:var(--sn-regular-headline-s-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize24, 12px));
|
|
47
47
|
}
|
|
48
48
|
.root h4{
|
|
49
|
-
font-family:var(--sn-regular-title-l-fontFamily, var(--sn-brand-font-fontFamily-regular-title, SB Sans
|
|
50
|
-
font-weight:var(--sn-regular-title-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-title-l, var(--sn-brand-font-fontWeight-light-regular-title-l, var(--sn-primitive-font-fontWeightValue-
|
|
49
|
+
font-family:var(--sn-regular-title-l-fontFamily, var(--sn-brand-font-fontFamily-regular-title, SB Sans Text));
|
|
50
|
+
font-weight:var(--sn-regular-title-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-title-l, var(--sn-brand-font-fontWeight-light-regular-title-l, var(--sn-primitive-font-fontWeightValue-500, 500))));
|
|
51
51
|
line-height:var(--sn-regular-title-l-lineHeight, var(--sn-density-typography-roleTitle-lineHeightL, var(--sn-platform-comfort-typography-roleTitle-lineHeightL, var(--sn-primitive-font-lineHeight-28, 28px))));
|
|
52
52
|
font-size:var(--sn-regular-title-l-fontSize, var(--sn-density-typography-roleTitle-fontSizeL, var(--sn-platform-comfort-typography-roleTitle-fontSizeL, var(--sn-primitive-font-fontSize-20, 20px))));
|
|
53
53
|
letter-spacing:var(--sn-regular-title-l-letterSpacing, var(--sn-primitive-font-letterSpacing-l, 0.15px));
|
|
54
54
|
paragraph-spacing:var(--sn-regular-title-l-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize20, 10px));
|
|
55
55
|
}
|
|
56
56
|
.root h5{
|
|
57
|
-
font-family:var(--sn-regular-title-m-fontFamily, var(--sn-brand-font-fontFamily-regular-title, SB Sans
|
|
58
|
-
font-weight:var(--sn-regular-title-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-title-m, var(--sn-brand-font-fontWeight-light-regular-title-m, var(--sn-primitive-font-fontWeightValue-
|
|
57
|
+
font-family:var(--sn-regular-title-m-fontFamily, var(--sn-brand-font-fontFamily-regular-title, SB Sans Text));
|
|
58
|
+
font-weight:var(--sn-regular-title-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-title-m, var(--sn-brand-font-fontWeight-light-regular-title-m, var(--sn-primitive-font-fontWeightValue-500, 500))));
|
|
59
59
|
line-height:var(--sn-regular-title-m-lineHeight, var(--sn-density-typography-roleTitle-lineHeightM, var(--sn-platform-comfort-typography-roleTitle-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px))));
|
|
60
60
|
font-size:var(--sn-regular-title-m-fontSize, var(--sn-density-typography-roleTitle-fontSizeM, var(--sn-platform-comfort-typography-roleTitle-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px))));
|
|
61
61
|
letter-spacing:var(--sn-regular-title-m-letterSpacing, var(--sn-primitive-font-letterSpacing-l, 0.15px));
|
|
@@ -71,19 +71,19 @@
|
|
|
71
71
|
}
|
|
72
72
|
.root blockquote{
|
|
73
73
|
padding:var(--sn-markdown-anatomy-size-syntax-quote-wrapper-paddingVertical, var(--sn-primitive-dimension-8, 8px)) var(--sn-markdown-anatomy-size-syntax-quote-wrapper-paddingHorizontal, var(--sn-primitive-dimension-8, 8px));
|
|
74
|
-
border-left:var(--sn-markdown-anatomy-size-syntax-quote-wrapper-borderWidth, var(--sn-primitive-strokeWeight-strokeSemiBold, 2px)) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(
|
|
75
|
-
color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #
|
|
76
|
-
background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(
|
|
74
|
+
border-left:var(--sn-markdown-anatomy-size-syntax-quote-wrapper-borderWidth, var(--sn-primitive-strokeWeight-strokeSemiBold, 2px)) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
|
|
75
|
+
color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
|
|
76
|
+
background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(136, 146, 170, 0.0784313725)));
|
|
77
77
|
}
|
|
78
78
|
.root code{
|
|
79
79
|
min-height:var(--sn-markdown-anatomy-size-syntax-inlineCode-minHeight, var(--sn-primitive-dimension-20, 20px));
|
|
80
80
|
padding:0 var(--sn-markdown-anatomy-size-syntax-inlineCode-paddingHorizontal, var(--sn-primitive-dimension-4, 4px));
|
|
81
81
|
border-radius:var(--sn-markdown-anatomy-size-syntax-inlineCode-borderRadius, var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px))));
|
|
82
82
|
font-family:var(--sn-brand-font-fontFamily-mono-body, "SB Sans Text Mono");
|
|
83
|
-
background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(
|
|
83
|
+
background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(136, 146, 170, 0.0784313725)));
|
|
84
84
|
}
|
|
85
85
|
.root a{
|
|
86
|
-
color:var(--sn-theme-color-neutral-accent, var(--sn-brand-color-neutral-50, var(--sn-brand-palette-gray-50, #
|
|
86
|
+
color:var(--sn-theme-color-neutral-accent, var(--sn-brand-color-neutral-50, var(--sn-brand-palette-gray-50, #222222)));
|
|
87
87
|
text-decoration:underline;
|
|
88
88
|
}
|
|
89
89
|
.root table{
|
|
@@ -94,12 +94,12 @@
|
|
|
94
94
|
.root td{
|
|
95
95
|
min-height:var(--sn-markdown-anatomy-size-syntax-table-tableCell-minHeight, var(--sn-primitive-dimension-40, 40px));
|
|
96
96
|
padding:var(--sn-markdown-anatomy-size-syntax-table-tableCell-paddingVertical, var(--sn-primitive-dimension-8, 8px)) var(--sn-markdown-anatomy-size-syntax-table-tableCell-paddingHorizontal, var(--sn-primitive-dimension-16, 16px));
|
|
97
|
-
border-bottom:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(
|
|
97
|
+
border-bottom:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
|
|
98
98
|
text-align:left;
|
|
99
99
|
}
|
|
100
100
|
.root th{
|
|
101
101
|
font-weight:600;
|
|
102
|
-
background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(
|
|
102
|
+
background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(136, 146, 170, 0.0784313725)));
|
|
103
103
|
}
|
|
104
104
|
.root > *:not(:first-child){
|
|
105
105
|
margin-top:10px;
|
|
@@ -140,7 +140,7 @@
|
|
|
140
140
|
}
|
|
141
141
|
.root .codeBlock{
|
|
142
142
|
overflow:hidden;
|
|
143
|
-
border:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(
|
|
143
|
+
border:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
|
|
144
144
|
border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
|
|
145
145
|
background:var(--sn-theme-color-neutral-background2Level, var(--sn-brand-color-neutral-99, var(--sn-brand-palette-gray-99, #ffffff)));
|
|
146
146
|
}
|
|
@@ -150,13 +150,13 @@
|
|
|
150
150
|
align-items:center;
|
|
151
151
|
justify-content:space-between;
|
|
152
152
|
padding:var(--sn-primitive-dimension-6, 6px) var(--sn-primitive-dimension-12, 12px);
|
|
153
|
-
border-bottom:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(
|
|
153
|
+
border-bottom:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
|
|
154
154
|
}
|
|
155
155
|
.root .codeLang{
|
|
156
156
|
font-family:var(--sn-brand-font-fontFamily-mono-body, "SB Sans Text Mono");
|
|
157
157
|
font-size:var(--sn-density-typography-roleBody-fontSizeS, var(--sn-platform-comfort-typography-roleBody-fontSizeS, var(--sn-primitive-font-fontSize-14, 14px)));
|
|
158
158
|
line-height:var(--sn-density-typography-roleBody-lineHeightS, var(--sn-platform-comfort-typography-roleBody-lineHeightS, var(--sn-primitive-font-lineHeight-20, 20px)));
|
|
159
|
-
color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(
|
|
159
|
+
color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(0, 0, 0, 0.7803921569)));
|
|
160
160
|
text-transform:lowercase;
|
|
161
161
|
}
|
|
162
162
|
.root .codeCopy[data-copied]{
|
|
@@ -174,11 +174,11 @@
|
|
|
174
174
|
flex-direction:column;
|
|
175
175
|
flex-shrink:0;
|
|
176
176
|
padding:var(--sn-primitive-dimension-12, 12px) 0;
|
|
177
|
-
border-right:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(
|
|
177
|
+
border-right:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
|
|
178
178
|
font-family:var(--sn-brand-font-fontFamily-mono-body, "SB Sans Text Mono");
|
|
179
179
|
font-size:var(--sn-density-typography-roleBody-fontSizeM, var(--sn-platform-comfort-typography-roleBody-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px)));
|
|
180
180
|
line-height:var(--sn-density-typography-roleBody-lineHeightM, var(--sn-platform-comfort-typography-roleBody-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px)));
|
|
181
|
-
color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(
|
|
181
|
+
color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(0, 0, 0, 0.5803921569)));
|
|
182
182
|
text-align:right;
|
|
183
183
|
}
|
|
184
184
|
.root .codeLineNo{
|
|
@@ -201,7 +201,7 @@
|
|
|
201
201
|
}
|
|
202
202
|
.root hr{
|
|
203
203
|
border:0;
|
|
204
|
-
border-top:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(
|
|
204
|
+
border-top:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
|
|
205
205
|
}
|
|
206
206
|
.root img{
|
|
207
207
|
max-width:100%;
|
|
@@ -219,10 +219,10 @@
|
|
|
219
219
|
gap:var(--sn-primitive-dimension-8, 8px);
|
|
220
220
|
align-items:center;
|
|
221
221
|
justify-content:space-between;
|
|
222
|
-
font-family:var(--sn-brand-font-fontFamily-regular-body, "SB Sans
|
|
222
|
+
font-family:var(--sn-brand-font-fontFamily-regular-body, "SB Sans Text");
|
|
223
223
|
font-size:var(--sn-density-typography-roleBody-fontSizeS, var(--sn-platform-comfort-typography-roleBody-fontSizeS, var(--sn-primitive-font-fontSize-14, 14px)));
|
|
224
224
|
line-height:var(--sn-density-typography-roleBody-lineHeightS, var(--sn-platform-comfort-typography-roleBody-lineHeightS, var(--sn-primitive-font-lineHeight-20, 20px)));
|
|
225
|
-
color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(
|
|
225
|
+
color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(0, 0, 0, 0.7803921569)));
|
|
226
226
|
}
|
|
227
227
|
|
|
228
228
|
.previewToggle{
|
|
@@ -236,17 +236,17 @@
|
|
|
236
236
|
}
|
|
237
237
|
|
|
238
238
|
.previewToggleLabel{
|
|
239
|
-
font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans
|
|
239
|
+
font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
|
|
240
240
|
font-weight:var(--sn-regular-body-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-m, var(--sn-brand-font-fontWeight-light-regular-body-m, var(--sn-primitive-font-fontWeightValue-400, 400))));
|
|
241
241
|
line-height:var(--sn-regular-body-m-lineHeight, var(--sn-density-typography-roleBody-lineHeightM, var(--sn-platform-comfort-typography-roleBody-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px))));
|
|
242
242
|
font-size:var(--sn-regular-body-m-fontSize, var(--sn-density-typography-roleBody-fontSizeM, var(--sn-platform-comfort-typography-roleBody-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px))));
|
|
243
243
|
letter-spacing:var(--sn-regular-body-m-letterSpacing, var(--sn-primitive-font-letterSpacing-m, 0.1px));
|
|
244
244
|
paragraph-spacing:var(--sn-regular-body-m-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize14, 7px));
|
|
245
|
-
color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-40, var(--sn-brand-palette-gray-40, #
|
|
245
|
+
color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-40, var(--sn-brand-palette-gray-40, #4a4a4a)));
|
|
246
246
|
}
|
|
247
247
|
|
|
248
248
|
.label{
|
|
249
|
-
color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(
|
|
249
|
+
color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(0, 0, 0, 0.5803921569)));
|
|
250
250
|
}
|
|
251
251
|
|
|
252
252
|
.toolbarSlot{
|
|
@@ -302,28 +302,28 @@
|
|
|
302
302
|
padding:0;
|
|
303
303
|
padding-right:calc(var(--sn-field-anatomy-size-m-fieldContainer-centeredWrapper-height, var(--sn-density-typography-roleBody-lineHeightM, var(--sn-platform-comfort-typography-roleBody-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px)))) + var(--sn-scroll-anatomy-container-size-s-square, var(--sn-primitive-dimension-8, 8px)) + var(--sn-field-anatomy-size-m-fieldContainer-contentWrapper-inputWrapper-paddingRight, var(--sn-density-spacing-control-wrapper-horizontal-m, var(--sn-platform-comfort-spacing-control-wrapper-horizontal-m, var(--sn-platform-comfort-spacing-control-wrapper-vertical-m, var(--sn-platform-comfort-scale-025-xs, var(--sn-primitive-dimension-4, 4px)))))));
|
|
304
304
|
border:none;
|
|
305
|
-
font-family:var(--sn-brand-font-fontFamily-regular-body, "SB Sans
|
|
305
|
+
font-family:var(--sn-brand-font-fontFamily-regular-body, "SB Sans Text");
|
|
306
306
|
font-size:var(--sn-density-typography-roleBody-fontSizeM, var(--sn-platform-comfort-typography-roleBody-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px)));
|
|
307
307
|
line-height:var(--sn-density-typography-roleBody-lineHeightM, var(--sn-platform-comfort-typography-roleBody-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px)));
|
|
308
|
-
color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #
|
|
308
|
+
color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
|
|
309
309
|
background:transparent;
|
|
310
310
|
outline:none;
|
|
311
311
|
}
|
|
312
312
|
.rawInput::-moz-placeholder{
|
|
313
|
-
color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(
|
|
313
|
+
color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(0, 0, 0, 0.3803921569)));
|
|
314
314
|
}
|
|
315
315
|
.rawInput::placeholder{
|
|
316
|
-
color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(
|
|
316
|
+
color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(0, 0, 0, 0.3803921569)));
|
|
317
317
|
}
|
|
318
318
|
|
|
319
319
|
.content{
|
|
320
320
|
overflow-y:auto;
|
|
321
321
|
flex:1 1 auto;
|
|
322
322
|
min-height:0;
|
|
323
|
-
font-family:var(--sn-brand-font-fontFamily-regular-body, "SB Sans
|
|
323
|
+
font-family:var(--sn-brand-font-fontFamily-regular-body, "SB Sans Text");
|
|
324
324
|
font-size:var(--sn-density-typography-roleBody-fontSizeM, var(--sn-platform-comfort-typography-roleBody-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px)));
|
|
325
325
|
line-height:var(--sn-density-typography-roleBody-lineHeightM, var(--sn-platform-comfort-typography-roleBody-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px)));
|
|
326
|
-
color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #
|
|
326
|
+
color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
|
|
327
327
|
}
|
|
328
328
|
.content :global(.ProseMirror){
|
|
329
329
|
min-height:100%;
|
|
@@ -346,40 +346,40 @@
|
|
|
346
346
|
margin:0;
|
|
347
347
|
}
|
|
348
348
|
.content :global(.ProseMirror) h1{
|
|
349
|
-
font-family:var(--sn-regular-headline-l-fontFamily, var(--sn-brand-font-fontFamily-regular-headline, SB Sans
|
|
350
|
-
font-weight:var(--sn-regular-headline-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-headline-l, var(--sn-brand-font-fontWeight-light-regular-headline-l, var(--sn-primitive-font-fontWeightValue-
|
|
349
|
+
font-family:var(--sn-regular-headline-l-fontFamily, var(--sn-brand-font-fontFamily-regular-headline, SB Sans Display));
|
|
350
|
+
font-weight:var(--sn-regular-headline-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-headline-l, var(--sn-brand-font-fontWeight-light-regular-headline-l, var(--sn-primitive-font-fontWeightValue-500, 500))));
|
|
351
351
|
line-height:var(--sn-regular-headline-l-lineHeight, var(--sn-density-typography-roleHeadline-lineHeightL, var(--sn-platform-comfort-typography-roleHeadline-lineHeightL, var(--sn-primitive-font-lineHeight-40, 40px))));
|
|
352
352
|
font-size:var(--sn-regular-headline-l-fontSize, var(--sn-density-typography-roleHeadline-fontSizeL, var(--sn-platform-comfort-typography-roleHeadline-fontSizeL, var(--sn-primitive-font-fontSize-32, 32px))));
|
|
353
353
|
letter-spacing:var(--sn-regular-headline-l-letterSpacing, var(--sn-primitive-font-letterSpacing-xs, -0.5px));
|
|
354
354
|
paragraph-spacing:var(--sn-regular-headline-l-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize32, 16px));
|
|
355
355
|
}
|
|
356
356
|
.content :global(.ProseMirror) h2{
|
|
357
|
-
font-family:var(--sn-regular-headline-m-fontFamily, var(--sn-brand-font-fontFamily-regular-headline, SB Sans
|
|
358
|
-
font-weight:var(--sn-regular-headline-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-headline-m, var(--sn-brand-font-fontWeight-light-regular-headline-m, var(--sn-primitive-font-fontWeightValue-
|
|
357
|
+
font-family:var(--sn-regular-headline-m-fontFamily, var(--sn-brand-font-fontFamily-regular-headline, SB Sans Display));
|
|
358
|
+
font-weight:var(--sn-regular-headline-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-headline-m, var(--sn-brand-font-fontWeight-light-regular-headline-m, var(--sn-primitive-font-fontWeightValue-500, 500))));
|
|
359
359
|
line-height:var(--sn-regular-headline-m-lineHeight, var(--sn-density-typography-roleHeadline-lineHeightM, var(--sn-platform-comfort-typography-roleHeadline-lineHeightM, var(--sn-primitive-font-lineHeight-36, 36px))));
|
|
360
360
|
font-size:var(--sn-regular-headline-m-fontSize, var(--sn-density-typography-roleHeadline-fontSizeM, var(--sn-platform-comfort-typography-roleHeadline-fontSizeM, var(--sn-primitive-font-fontSize-28, 28px))));
|
|
361
361
|
letter-spacing:var(--sn-regular-headline-m-letterSpacing, var(--sn-primitive-font-letterSpacing-xs, -0.5px));
|
|
362
362
|
paragraph-spacing:var(--sn-regular-headline-m-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize28, 14px));
|
|
363
363
|
}
|
|
364
364
|
.content :global(.ProseMirror) h3{
|
|
365
|
-
font-family:var(--sn-regular-headline-s-fontFamily, var(--sn-brand-font-fontFamily-regular-headline, SB Sans
|
|
366
|
-
font-weight:var(--sn-regular-headline-s-fontWeight, var(--sn-theme-typography-fontWeight-regular-headline-s, var(--sn-brand-font-fontWeight-light-regular-headline-s, var(--sn-primitive-font-fontWeightValue-
|
|
365
|
+
font-family:var(--sn-regular-headline-s-fontFamily, var(--sn-brand-font-fontFamily-regular-headline, SB Sans Display));
|
|
366
|
+
font-weight:var(--sn-regular-headline-s-fontWeight, var(--sn-theme-typography-fontWeight-regular-headline-s, var(--sn-brand-font-fontWeight-light-regular-headline-s, var(--sn-primitive-font-fontWeightValue-500, 500))));
|
|
367
367
|
line-height:var(--sn-regular-headline-s-lineHeight, var(--sn-density-typography-roleHeadline-lineHeightS, var(--sn-platform-comfort-typography-roleHeadline-lineHeightS, var(--sn-primitive-font-lineHeight-32, 32px))));
|
|
368
368
|
font-size:var(--sn-regular-headline-s-fontSize, var(--sn-density-typography-roleHeadline-fontSizeS, var(--sn-platform-comfort-typography-roleHeadline-fontSizeS, var(--sn-primitive-font-fontSize-24, 24px))));
|
|
369
369
|
letter-spacing:var(--sn-regular-headline-s-letterSpacing, var(--sn-primitive-font-letterSpacing-xs, -0.5px));
|
|
370
370
|
paragraph-spacing:var(--sn-regular-headline-s-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize24, 12px));
|
|
371
371
|
}
|
|
372
372
|
.content :global(.ProseMirror) h4{
|
|
373
|
-
font-family:var(--sn-regular-title-l-fontFamily, var(--sn-brand-font-fontFamily-regular-title, SB Sans
|
|
374
|
-
font-weight:var(--sn-regular-title-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-title-l, var(--sn-brand-font-fontWeight-light-regular-title-l, var(--sn-primitive-font-fontWeightValue-
|
|
373
|
+
font-family:var(--sn-regular-title-l-fontFamily, var(--sn-brand-font-fontFamily-regular-title, SB Sans Text));
|
|
374
|
+
font-weight:var(--sn-regular-title-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-title-l, var(--sn-brand-font-fontWeight-light-regular-title-l, var(--sn-primitive-font-fontWeightValue-500, 500))));
|
|
375
375
|
line-height:var(--sn-regular-title-l-lineHeight, var(--sn-density-typography-roleTitle-lineHeightL, var(--sn-platform-comfort-typography-roleTitle-lineHeightL, var(--sn-primitive-font-lineHeight-28, 28px))));
|
|
376
376
|
font-size:var(--sn-regular-title-l-fontSize, var(--sn-density-typography-roleTitle-fontSizeL, var(--sn-platform-comfort-typography-roleTitle-fontSizeL, var(--sn-primitive-font-fontSize-20, 20px))));
|
|
377
377
|
letter-spacing:var(--sn-regular-title-l-letterSpacing, var(--sn-primitive-font-letterSpacing-l, 0.15px));
|
|
378
378
|
paragraph-spacing:var(--sn-regular-title-l-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize20, 10px));
|
|
379
379
|
}
|
|
380
380
|
.content :global(.ProseMirror) h5{
|
|
381
|
-
font-family:var(--sn-regular-title-m-fontFamily, var(--sn-brand-font-fontFamily-regular-title, SB Sans
|
|
382
|
-
font-weight:var(--sn-regular-title-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-title-m, var(--sn-brand-font-fontWeight-light-regular-title-m, var(--sn-primitive-font-fontWeightValue-
|
|
381
|
+
font-family:var(--sn-regular-title-m-fontFamily, var(--sn-brand-font-fontFamily-regular-title, SB Sans Text));
|
|
382
|
+
font-weight:var(--sn-regular-title-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-title-m, var(--sn-brand-font-fontWeight-light-regular-title-m, var(--sn-primitive-font-fontWeightValue-500, 500))));
|
|
383
383
|
line-height:var(--sn-regular-title-m-lineHeight, var(--sn-density-typography-roleTitle-lineHeightM, var(--sn-platform-comfort-typography-roleTitle-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px))));
|
|
384
384
|
font-size:var(--sn-regular-title-m-fontSize, var(--sn-density-typography-roleTitle-fontSizeM, var(--sn-platform-comfort-typography-roleTitle-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px))));
|
|
385
385
|
letter-spacing:var(--sn-regular-title-m-letterSpacing, var(--sn-primitive-font-letterSpacing-l, 0.15px));
|
|
@@ -395,19 +395,19 @@
|
|
|
395
395
|
}
|
|
396
396
|
.content :global(.ProseMirror) blockquote{
|
|
397
397
|
padding:var(--sn-markdown-anatomy-size-syntax-quote-wrapper-paddingVertical, var(--sn-primitive-dimension-8, 8px)) var(--sn-markdown-anatomy-size-syntax-quote-wrapper-paddingHorizontal, var(--sn-primitive-dimension-8, 8px));
|
|
398
|
-
border-left:var(--sn-markdown-anatomy-size-syntax-quote-wrapper-borderWidth, var(--sn-primitive-strokeWeight-strokeSemiBold, 2px)) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(
|
|
399
|
-
color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #
|
|
400
|
-
background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(
|
|
398
|
+
border-left:var(--sn-markdown-anatomy-size-syntax-quote-wrapper-borderWidth, var(--sn-primitive-strokeWeight-strokeSemiBold, 2px)) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
|
|
399
|
+
color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
|
|
400
|
+
background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(136, 146, 170, 0.0784313725)));
|
|
401
401
|
}
|
|
402
402
|
.content :global(.ProseMirror) code{
|
|
403
403
|
min-height:var(--sn-markdown-anatomy-size-syntax-inlineCode-minHeight, var(--sn-primitive-dimension-20, 20px));
|
|
404
404
|
padding:0 var(--sn-markdown-anatomy-size-syntax-inlineCode-paddingHorizontal, var(--sn-primitive-dimension-4, 4px));
|
|
405
405
|
border-radius:var(--sn-markdown-anatomy-size-syntax-inlineCode-borderRadius, var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px))));
|
|
406
406
|
font-family:var(--sn-brand-font-fontFamily-mono-body, "SB Sans Text Mono");
|
|
407
|
-
background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(
|
|
407
|
+
background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(136, 146, 170, 0.0784313725)));
|
|
408
408
|
}
|
|
409
409
|
.content :global(.ProseMirror) a{
|
|
410
|
-
color:var(--sn-theme-color-neutral-accent, var(--sn-brand-color-neutral-50, var(--sn-brand-palette-gray-50, #
|
|
410
|
+
color:var(--sn-theme-color-neutral-accent, var(--sn-brand-color-neutral-50, var(--sn-brand-palette-gray-50, #222222)));
|
|
411
411
|
text-decoration:underline;
|
|
412
412
|
}
|
|
413
413
|
.content :global(.ProseMirror) table{
|
|
@@ -418,12 +418,12 @@
|
|
|
418
418
|
.content :global(.ProseMirror) td{
|
|
419
419
|
min-height:var(--sn-markdown-anatomy-size-syntax-table-tableCell-minHeight, var(--sn-primitive-dimension-40, 40px));
|
|
420
420
|
padding:var(--sn-markdown-anatomy-size-syntax-table-tableCell-paddingVertical, var(--sn-primitive-dimension-8, 8px)) var(--sn-markdown-anatomy-size-syntax-table-tableCell-paddingHorizontal, var(--sn-primitive-dimension-16, 16px));
|
|
421
|
-
border-bottom:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(
|
|
421
|
+
border-bottom:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
|
|
422
422
|
text-align:left;
|
|
423
423
|
}
|
|
424
424
|
.content :global(.ProseMirror) th{
|
|
425
425
|
font-weight:600;
|
|
426
|
-
background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(
|
|
426
|
+
background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(136, 146, 170, 0.0784313725)));
|
|
427
427
|
}
|
|
428
428
|
.content :global(.ProseMirror) > *:not(:first-child){
|
|
429
429
|
margin-top:10px;
|
|
@@ -478,7 +478,7 @@
|
|
|
478
478
|
content:attr(data-placeholder);
|
|
479
479
|
float:left;
|
|
480
480
|
height:0;
|
|
481
|
-
color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(
|
|
481
|
+
color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(0, 0, 0, 0.3803921569)));
|
|
482
482
|
}
|
|
483
483
|
.content :global(.ProseMirror) img{
|
|
484
484
|
max-width:100%;
|
|
@@ -556,7 +556,7 @@
|
|
|
556
556
|
padding:0;
|
|
557
557
|
border:0;
|
|
558
558
|
border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
|
|
559
|
-
color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-40, var(--sn-brand-palette-gray-40, #
|
|
559
|
+
color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-40, var(--sn-brand-palette-gray-40, #4a4a4a)));
|
|
560
560
|
background:transparent;
|
|
561
561
|
}
|
|
562
562
|
.root:has(.chevron){
|
|
@@ -576,11 +576,11 @@
|
|
|
576
576
|
outline-offset:0;
|
|
577
577
|
}
|
|
578
578
|
.root[data-checked]{
|
|
579
|
-
color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #
|
|
579
|
+
color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
|
|
580
580
|
}
|
|
581
581
|
.root[data-disabled]{
|
|
582
582
|
cursor:not-allowed;
|
|
583
|
-
color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(
|
|
583
|
+
color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(0, 0, 0, 0.3803921569)));
|
|
584
584
|
}
|
|
585
585
|
.root .stateLayer{
|
|
586
586
|
position:absolute;
|
|
@@ -588,15 +588,15 @@
|
|
|
588
588
|
border-radius:inherit;
|
|
589
589
|
}
|
|
590
590
|
.root .stateLayer[data-state=borderOnBackground]{
|
|
591
|
-
border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(
|
|
591
|
+
border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
|
|
592
592
|
border-style:solid;
|
|
593
593
|
border-width:var(--sn-primitive-strokeWeight-strokeRegular, 1px);
|
|
594
594
|
}
|
|
595
595
|
.root .stateLayer[data-state=emptyNeutralOnBackground]{
|
|
596
|
-
background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(
|
|
596
|
+
background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(0, 0, 0, 0)));
|
|
597
597
|
}
|
|
598
598
|
.root .stateLayer[data-state=activatedOnBackground]{
|
|
599
|
-
background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(
|
|
599
|
+
background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(128, 128, 128, 0.1607843137)));
|
|
600
600
|
}
|
|
601
601
|
.root .stateLayer[data-state=versionOnColor]{
|
|
602
602
|
background:var(--sn-theme-color-material-stateLayer-versionOnColor-default-filled, rgba(0, 0, 0, 0.0509803922));
|
|
@@ -615,13 +615,13 @@
|
|
|
615
615
|
}
|
|
616
616
|
@media (hover: hover){
|
|
617
617
|
.root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground]{
|
|
618
|
-
border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(
|
|
618
|
+
border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(0, 0, 0, 0.2392156863)));
|
|
619
619
|
}
|
|
620
620
|
.root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground]{
|
|
621
|
-
background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(
|
|
621
|
+
background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(0, 0, 0, 0.0784313725)));
|
|
622
622
|
}
|
|
623
623
|
.root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground]{
|
|
624
|
-
background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(
|
|
624
|
+
background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(128, 128, 128, 0.2392156863)));
|
|
625
625
|
}
|
|
626
626
|
.root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor]{
|
|
627
627
|
background:var(--sn-theme-color-material-stateLayer-versionOnColor-hovered-filled, rgba(0, 0, 0, 0.1019607843));
|
|
@@ -642,13 +642,13 @@
|
|
|
642
642
|
.root{
|
|
643
643
|
}
|
|
644
644
|
.root[data-loading] .stateLayer[data-state=borderOnBackground], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground]{
|
|
645
|
-
border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(
|
|
645
|
+
border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(0, 0, 0, 0.3411764706)));
|
|
646
646
|
}
|
|
647
647
|
.root[data-loading] .stateLayer[data-state=emptyNeutralOnBackground], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground]{
|
|
648
|
-
background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(
|
|
648
|
+
background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(0, 0, 0, 0.1215686275)));
|
|
649
649
|
}
|
|
650
650
|
.root[data-loading] .stateLayer[data-state=activatedOnBackground], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground]{
|
|
651
|
-
background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(
|
|
651
|
+
background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(128, 128, 128, 0.3411764706)));
|
|
652
652
|
}
|
|
653
653
|
.root[data-loading] .stateLayer[data-state=versionOnColor], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor]{
|
|
654
654
|
background:var(--sn-theme-color-material-stateLayer-versionOnColor-pressed-filled, rgba(0, 0, 0, 0.1490196078));
|
|
@@ -675,7 +675,7 @@
|
|
|
675
675
|
}
|
|
676
676
|
|
|
677
677
|
.tipCaption{
|
|
678
|
-
color:var(--sn-theme-color-available-inversion-textTertiary, var(--sn-brand-color-text-inversion-tertiary, rgba(
|
|
678
|
+
color:var(--sn-theme-color-available-inversion-textTertiary, var(--sn-brand-color-text-inversion-tertiary, rgba(255, 255, 255, 0.6)));
|
|
679
679
|
text-align:center;
|
|
680
680
|
}
|
|
681
681
|
@charset "UTF-8";
|
|
@@ -690,11 +690,11 @@
|
|
|
690
690
|
width:var(--sn-markdown-anatomy-size-tableSelect-container-item-size, var(--sn-primitive-dimension-16, 16px));
|
|
691
691
|
height:var(--sn-markdown-anatomy-size-tableSelect-container-item-size, var(--sn-primitive-dimension-16, 16px));
|
|
692
692
|
padding:0;
|
|
693
|
-
border:var(--sn-markdown-anatomy-size-tableSelect-container-item-borderWidth, var(--sn-primitive-strokeWeight-strokeRegular, 1px)) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(
|
|
693
|
+
border:var(--sn-markdown-anatomy-size-tableSelect-container-item-borderWidth, var(--sn-primitive-strokeWeight-strokeRegular, 1px)) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
|
|
694
694
|
border-radius:var(--sn-markdown-anatomy-size-tableSelect-container-item-borderRadius, var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px))));
|
|
695
695
|
}
|
|
696
696
|
.root[data-checked]{
|
|
697
|
-
border-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #
|
|
697
|
+
border-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
|
|
698
698
|
}
|
|
699
699
|
.root .stateLayer{
|
|
700
700
|
position:absolute;
|
|
@@ -702,15 +702,15 @@
|
|
|
702
702
|
border-radius:inherit;
|
|
703
703
|
}
|
|
704
704
|
.root .stateLayer[data-state=borderOnBackground]{
|
|
705
|
-
border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(
|
|
705
|
+
border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
|
|
706
706
|
border-style:solid;
|
|
707
707
|
border-width:var(--sn-primitive-strokeWeight-strokeRegular, 1px);
|
|
708
708
|
}
|
|
709
709
|
.root .stateLayer[data-state=emptyNeutralOnBackground]{
|
|
710
|
-
background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(
|
|
710
|
+
background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(0, 0, 0, 0)));
|
|
711
711
|
}
|
|
712
712
|
.root .stateLayer[data-state=activatedOnBackground]{
|
|
713
|
-
background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(
|
|
713
|
+
background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(128, 128, 128, 0.1607843137)));
|
|
714
714
|
}
|
|
715
715
|
.root .stateLayer[data-state=versionOnColor]{
|
|
716
716
|
background:var(--sn-theme-color-material-stateLayer-versionOnColor-default-filled, rgba(0, 0, 0, 0.0509803922));
|
|
@@ -729,13 +729,13 @@
|
|
|
729
729
|
}
|
|
730
730
|
@media (hover: hover){
|
|
731
731
|
.root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground]{
|
|
732
|
-
border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(
|
|
732
|
+
border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(0, 0, 0, 0.2392156863)));
|
|
733
733
|
}
|
|
734
734
|
.root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground]{
|
|
735
|
-
background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(
|
|
735
|
+
background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(0, 0, 0, 0.0784313725)));
|
|
736
736
|
}
|
|
737
737
|
.root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground]{
|
|
738
|
-
background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(
|
|
738
|
+
background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(128, 128, 128, 0.2392156863)));
|
|
739
739
|
}
|
|
740
740
|
.root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor]{
|
|
741
741
|
background:var(--sn-theme-color-material-stateLayer-versionOnColor-hovered-filled, rgba(0, 0, 0, 0.1019607843));
|
|
@@ -756,13 +756,13 @@
|
|
|
756
756
|
.root{
|
|
757
757
|
}
|
|
758
758
|
.root[data-loading] .stateLayer[data-state=borderOnBackground], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground]{
|
|
759
|
-
border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(
|
|
759
|
+
border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(0, 0, 0, 0.3411764706)));
|
|
760
760
|
}
|
|
761
761
|
.root[data-loading] .stateLayer[data-state=emptyNeutralOnBackground], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground]{
|
|
762
|
-
background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(
|
|
762
|
+
background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(0, 0, 0, 0.1215686275)));
|
|
763
763
|
}
|
|
764
764
|
.root[data-loading] .stateLayer[data-state=activatedOnBackground], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground]{
|
|
765
|
-
background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(
|
|
765
|
+
background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(128, 128, 128, 0.3411764706)));
|
|
766
766
|
}
|
|
767
767
|
.root[data-loading] .stateLayer[data-state=versionOnColor], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor]{
|
|
768
768
|
background:var(--sn-theme-color-material-stateLayer-versionOnColor-pressed-filled, rgba(0, 0, 0, 0.1490196078));
|
|
@@ -801,7 +801,7 @@
|
|
|
801
801
|
.label{
|
|
802
802
|
font-size:var(--sn-density-typography-roleBody-fontSizeS, var(--sn-platform-comfort-typography-roleBody-fontSizeS, var(--sn-primitive-font-fontSize-14, 14px)));
|
|
803
803
|
line-height:var(--sn-density-typography-roleBody-lineHeightS, var(--sn-platform-comfort-typography-roleBody-lineHeightS, var(--sn-primitive-font-lineHeight-20, 20px)));
|
|
804
|
-
color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(
|
|
804
|
+
color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(0, 0, 0, 0.7803921569)));
|
|
805
805
|
text-align:center;
|
|
806
806
|
}
|
|
807
807
|
|
|
@@ -814,10 +814,10 @@
|
|
|
814
814
|
box-sizing:border-box;
|
|
815
815
|
padding:var(--sn-primitive-dimension-4, 4px) var(--sn-primitive-dimension-12, 12px);
|
|
816
816
|
border:none;
|
|
817
|
-
font-family:var(--sn-brand-font-fontFamily-regular-body, "SB Sans
|
|
817
|
+
font-family:var(--sn-brand-font-fontFamily-regular-body, "SB Sans Text");
|
|
818
818
|
font-size:var(--sn-density-typography-roleBody-fontSizeM, var(--sn-platform-comfort-typography-roleBody-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px)));
|
|
819
819
|
line-height:var(--sn-density-typography-roleBody-lineHeightM, var(--sn-platform-comfort-typography-roleBody-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px)));
|
|
820
|
-
color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #
|
|
820
|
+
color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
|
|
821
821
|
text-align:left;
|
|
822
822
|
background:transparent;
|
|
823
823
|
}
|
|
@@ -831,13 +831,13 @@
|
|
|
831
831
|
|
|
832
832
|
.customizeChevron{
|
|
833
833
|
flex:0 0 auto;
|
|
834
|
-
color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(
|
|
834
|
+
color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(0, 0, 0, 0.7803921569)));
|
|
835
835
|
}
|
|
836
836
|
|
|
837
837
|
.syntax :global(.hljs-comment),
|
|
838
838
|
.syntax :global(.hljs-quote){
|
|
839
839
|
font-style:italic;
|
|
840
|
-
color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(
|
|
840
|
+
color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(0, 0, 0, 0.5803921569)));
|
|
841
841
|
}
|
|
842
842
|
.syntax :global(.hljs-keyword),
|
|
843
843
|
.syntax :global(.hljs-selector-tag),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
.syntax :global(.hljs-comment),
|
|
2
2
|
.syntax :global(.hljs-quote){
|
|
3
3
|
font-style:italic;
|
|
4
|
-
color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(
|
|
4
|
+
color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(0, 0, 0, 0.5803921569)));
|
|
5
5
|
}
|
|
6
6
|
.syntax :global(.hljs-keyword),
|
|
7
7
|
.syntax :global(.hljs-selector-tag),
|