rift-ds 1.1.0 → 1.3.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/README.md +2 -2
- package/components/Chart/BarChart.js +1 -1
- package/components/Chart/ComboChart.js +1 -1
- package/components/Chart/Treemap.js +83 -6
- package/components/ColorPicker/ColorPicker.js +1 -1
- package/components/Composer/Composer.css +45 -3
- package/components/Composer/Composer.d.ts +14 -6
- package/components/Composer/Composer.js +25 -5
- package/components/DatePicker/DatePicker.css +1 -1
- package/components/EventCalendar/EventCalendar.css +2 -2
- package/components/FileInput/FileInput.css +1 -1
- package/components/Globe/Globe.d.ts +5 -3
- package/components/Globe/Globe.js +18 -2
- package/components/Inspector/Inspector.css +616 -0
- package/components/Inspector/InspectorColorPicker.d.ts +43 -0
- package/components/Inspector/InspectorColorPicker.js +51 -0
- package/components/Inspector/InspectorDropdown.d.ts +39 -0
- package/components/Inspector/InspectorDropdown.js +68 -0
- package/components/Inspector/InspectorInput.d.ts +32 -0
- package/components/Inspector/InspectorInput.js +52 -0
- package/components/Inspector/InspectorSection.d.ts +32 -0
- package/components/Inspector/InspectorSection.js +70 -0
- package/components/Inspector/InspectorSegmentedControl.d.ts +46 -0
- package/components/Inspector/InspectorSegmentedControl.js +62 -0
- package/components/Inspector/InspectorSlider.d.ts +41 -0
- package/components/Inspector/InspectorSlider.js +81 -0
- package/components/Inspector/InspectorToggleSwitch.d.ts +29 -0
- package/components/Inspector/InspectorToggleSwitch.js +51 -0
- package/components/Instructions/Instructions.css +4 -4
- package/components/Prose/Prose.css +27 -0
- package/components/SegmentedControl/SegmentedControl.css +7 -5
- package/components/Sparkline/Sparkline.css +2 -2
- package/components/Spinner/Spinner.css +1 -1
- package/components/Timeline/Timeline.css +1 -1
- package/components/WorldMap/land.d.ts +1 -1
- package/components/registry.json +69 -1
- package/components/registry.json.d.ts +69 -1
- package/components/registry.json.js +2 -2
- package/index.d.ts +7 -0
- package/index.js +14 -0
- package/package.json +1 -1
- package/tokens/motion.d.ts +2 -0
- package/tokens/motion.js +2 -0
- package/tokens/presets/contrast.css +2 -4
- package/tokens/presets/coral.css +2 -4
- package/tokens/presets/forest.css +2 -4
- package/tokens/presets/gold.css +4 -4
- package/tokens/presets/mono.css +0 -2
- package/tokens/presets/pink.css +4 -4
- package/tokens/presets/terminal.css +5 -4
- package/tokens/presets/violet.css +2 -4
- package/tokens/presets/warm.css +3 -4
- package/tokens/presets/zest.css +2 -4
- package/tokens/registry.json +1 -0
- package/tokens/registry.json.d.ts +1 -0
- package/tokens/registry.json.js +1 -1
- package/tokens/tokens-dark.css +8 -5
- package/tokens/tokens-light.css +4 -2
- package/tokens/tokens-motion.css +2 -0
|
@@ -173,6 +173,33 @@
|
|
|
173
173
|
font-size: inherit;
|
|
174
174
|
}
|
|
175
175
|
|
|
176
|
+
/* A renderer that maps fenced code to CodeBlock (for its copy button)
|
|
177
|
+
gets the same block rhythm, and the plain-pre panel and inline-code
|
|
178
|
+
chip step aside so CodeBlock's own chrome is the only chrome */
|
|
179
|
+
.ds-prose .ds-code-block {
|
|
180
|
+
margin: 0;
|
|
181
|
+
margin-block-end: var(--gap-400);
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
.ds-prose > .ds-code-block:last-child {
|
|
185
|
+
margin-block-end: 0;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
.ds-prose .ds-code-block pre {
|
|
189
|
+
margin: 0;
|
|
190
|
+
padding: var(--padding-400);
|
|
191
|
+
overflow: auto;
|
|
192
|
+
background-color: transparent;
|
|
193
|
+
border: none;
|
|
194
|
+
border-radius: 0;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.ds-prose .ds-code-block code {
|
|
198
|
+
background-color: transparent;
|
|
199
|
+
border-radius: 0;
|
|
200
|
+
padding-inline: 0;
|
|
201
|
+
}
|
|
202
|
+
|
|
176
203
|
/* ============================================
|
|
177
204
|
BLOCKQUOTES
|
|
178
205
|
Mirrors Reasoning's trace rail
|
|
@@ -10,11 +10,13 @@
|
|
|
10
10
|
gap: var(--gap-050); /* 2px */
|
|
11
11
|
padding: var(--padding-100); /* 4px */
|
|
12
12
|
/* Concentric with the segments, the Composer's rule: the track's
|
|
13
|
-
curve is the segment's radius plus the inset between them
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
curve is the segment's radius plus the inset between them (the
|
|
14
|
+
padding and the hairline both, since the curve is drawn at the
|
|
15
|
+
border's outer edge), so a theme that squares the pill token keeps
|
|
16
|
+
the two curves parallel instead of a soft track hugging sharp
|
|
17
|
+
segments. At the shipped 999px pill every term saturates and nothing
|
|
18
|
+
changes. */
|
|
19
|
+
border-radius: calc(var(--radius-pill) + var(--padding-100) + var(--border-025));
|
|
18
20
|
background-color: var(--color-bg-container-primary);
|
|
19
21
|
border: var(--border-025) solid var(--color-bg-container-border);
|
|
20
22
|
}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
display: inline-block;
|
|
13
13
|
vertical-align: middle;
|
|
14
14
|
flex-shrink: 0;
|
|
15
|
-
color: var(--color-
|
|
15
|
+
color: var(--color-chart-series-1);
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
/* Parts */
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
/* Tones */
|
|
61
61
|
|
|
62
62
|
.ds-sparkline--accent {
|
|
63
|
-
color: var(--color-
|
|
63
|
+
color: var(--color-chart-series-1);
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
.ds-sparkline--positive {
|
|
@@ -331,7 +331,7 @@
|
|
|
331
331
|
}
|
|
332
332
|
|
|
333
333
|
.ds-timeline__role-bullets a {
|
|
334
|
-
color: var(--color-action-primary-
|
|
334
|
+
color: var(--color-action-primary-text-tertiary);
|
|
335
335
|
font-weight: var(--font-paragraph-emphasis-weight);
|
|
336
336
|
text-decoration: underline;
|
|
337
337
|
text-decoration-color: transparent;
|