This repository has been archived by the owner on May 24, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 6
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
chore(docs): Regenerate docs d76b5e4
- Loading branch information
1 parent
f5f39bb
commit 9f0adce
Showing
14 changed files
with
802 additions
and
7 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
57 changes: 56 additions & 1 deletion
57
...rra-graphs-docs_src_terra-dev-site_graph_LineGraph_c_Regions_d_ValueRegion_d_graph_mdx.js
Large diffs are not rendered by default.
Oops, something went wrong.
6 changes: 3 additions & 3 deletions
6
...-graphs-docs_src_terra-dev-site_graph_PairedResultGraph_e_Regions_c_ValueRegion-7113b5.js
Large diffs are not rendered by default.
Oops, something went wrong.
64 changes: 64 additions & 0 deletions
64
...graphs-docs_src_terra-dev-site_test_graphs_LineGraph_Regions_Line_MultipleValu-360060.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,64 @@ | ||
| @charset "UTF-8"; | ||
| /* | ||
| Animations should be fast and nimble, never keeping the user waiting longer than is necessary. | ||
| The aim is to prioritize user-perceived performance over technical benchmarks. | ||
| Animations should last 150ms–250ms and should feel quick and responsive. | ||
| Using cubic-bezier with -> | ||
| Incoming Velocity: 70% | ||
| Outgoing Velocity: 0% | ||
| We quickly accelerate at the beginning of the animation and slowly decelerate by the end. | ||
| */ | ||
| :root { | ||
| --default-transition-timing: cubic-bezier(0.07, 0.95, 0, 1); | ||
| --default-transition-duration: 1s; | ||
| } | ||
|
|
||
| /* | ||
| User agent gives `geometric precision` more importance than `speed` and `crisp edges` | ||
| */ | ||
| :root { | ||
| --line-transition-duration: 0.3s; | ||
| } | ||
|
|
||
| .carbon-line path { | ||
| /* To counteract the opacity change when blur is used on a line */ | ||
| -moz-transition: opacity 0.3s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -moz-transition: opacity var(--line-transition-duration) var(--default-transition-timing); | ||
| -webkit-transition: opacity 0.3s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -webkit-transition: opacity var(--line-transition-duration) var(--default-transition-timing); | ||
| -ms-transition: opacity 0.3s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -ms-transition: opacity var(--line-transition-duration) var(--default-transition-timing); | ||
| -o-transition: opacity 0.3s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -o-transition: opacity var(--line-transition-duration) var(--default-transition-timing); | ||
| transition: opacity 0.3s cubic-bezier(0.07, 0.95, 0, 1); | ||
| transition: opacity var(--line-transition-duration) var(--default-transition-timing); | ||
| fill: none; | ||
| stroke-width: 1px; | ||
| } | ||
| .carbon-line path.carbon-highlight { | ||
| -moz-transition: stroke 1s cubic-bezier(0.07, 0.95, 0, 1), -moz-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -moz-transition: stroke var(--default-transition-duration) var(--default-transition-timing), -moz-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -webkit-transition: stroke 1s cubic-bezier(0.07, 0.95, 0, 1), -webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -webkit-transition: stroke var(--default-transition-duration) var(--default-transition-timing), -webkit-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -ms-transition: stroke 1s cubic-bezier(0.07, 0.95, 0, 1), -ms-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -ms-transition: stroke var(--default-transition-duration) var(--default-transition-timing), -ms-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -o-transition: stroke 1s cubic-bezier(0.07, 0.95, 0, 1), -o-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -o-transition: stroke var(--default-transition-duration) var(--default-transition-timing), -o-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| transition: stroke 1s cubic-bezier(0.07, 0.95, 0, 1), transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| transition: stroke var(--default-transition-duration) var(--default-transition-timing), transform var(--default-transition-duration) var(--default-transition-timing); | ||
| stroke-width: 2px; | ||
| } | ||
| .carbon-line path[aria-hidden=true] { | ||
| -moz-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -moz-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -moz-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -moz-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -webkit-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -webkit-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -webkit-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -ms-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -ms-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -ms-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -ms-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -o-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -o-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -o-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -o-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| transition: opacity var(--default-transition-duration) var(--default-transition-timing), transform var(--default-transition-duration) var(--default-transition-timing); | ||
| opacity: 0; | ||
| visibility: hidden; | ||
| } |
82 changes: 82 additions & 0 deletions
82
...-graphs-docs_src_terra-dev-site_test_graphs_LineGraph_Regions_Line_MultipleValu-360060.js
Large diffs are not rendered by default.
Oops, something went wrong.
64 changes: 64 additions & 0 deletions
64
...graphs-docs_src_terra-dev-site_test_graphs_LineGraph_Regions_Line_MultipleValu-4c5122.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,64 @@ | ||
| @charset "UTF-8"; | ||
| /* | ||
| Animations should be fast and nimble, never keeping the user waiting longer than is necessary. | ||
| The aim is to prioritize user-perceived performance over technical benchmarks. | ||
| Animations should last 150ms–250ms and should feel quick and responsive. | ||
| Using cubic-bezier with -> | ||
| Incoming Velocity: 70% | ||
| Outgoing Velocity: 0% | ||
| We quickly accelerate at the beginning of the animation and slowly decelerate by the end. | ||
| */ | ||
| :root { | ||
| --default-transition-timing: cubic-bezier(0.07, 0.95, 0, 1); | ||
| --default-transition-duration: 1s; | ||
| } | ||
|
|
||
| /* | ||
| User agent gives `geometric precision` more importance than `speed` and `crisp edges` | ||
| */ | ||
| :root { | ||
| --line-transition-duration: 0.3s; | ||
| } | ||
|
|
||
| .carbon-line path { | ||
| /* To counteract the opacity change when blur is used on a line */ | ||
| -moz-transition: opacity 0.3s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -moz-transition: opacity var(--line-transition-duration) var(--default-transition-timing); | ||
| -webkit-transition: opacity 0.3s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -webkit-transition: opacity var(--line-transition-duration) var(--default-transition-timing); | ||
| -ms-transition: opacity 0.3s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -ms-transition: opacity var(--line-transition-duration) var(--default-transition-timing); | ||
| -o-transition: opacity 0.3s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -o-transition: opacity var(--line-transition-duration) var(--default-transition-timing); | ||
| transition: opacity 0.3s cubic-bezier(0.07, 0.95, 0, 1); | ||
| transition: opacity var(--line-transition-duration) var(--default-transition-timing); | ||
| fill: none; | ||
| stroke-width: 1px; | ||
| } | ||
| .carbon-line path.carbon-highlight { | ||
| -moz-transition: stroke 1s cubic-bezier(0.07, 0.95, 0, 1), -moz-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -moz-transition: stroke var(--default-transition-duration) var(--default-transition-timing), -moz-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -webkit-transition: stroke 1s cubic-bezier(0.07, 0.95, 0, 1), -webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -webkit-transition: stroke var(--default-transition-duration) var(--default-transition-timing), -webkit-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -ms-transition: stroke 1s cubic-bezier(0.07, 0.95, 0, 1), -ms-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -ms-transition: stroke var(--default-transition-duration) var(--default-transition-timing), -ms-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -o-transition: stroke 1s cubic-bezier(0.07, 0.95, 0, 1), -o-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -o-transition: stroke var(--default-transition-duration) var(--default-transition-timing), -o-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| transition: stroke 1s cubic-bezier(0.07, 0.95, 0, 1), transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| transition: stroke var(--default-transition-duration) var(--default-transition-timing), transform var(--default-transition-duration) var(--default-transition-timing); | ||
| stroke-width: 2px; | ||
| } | ||
| .carbon-line path[aria-hidden=true] { | ||
| -moz-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -moz-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -moz-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -moz-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -webkit-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -webkit-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -webkit-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -ms-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -ms-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -ms-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -ms-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -o-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -o-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -o-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -o-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| transition: opacity var(--default-transition-duration) var(--default-transition-timing), transform var(--default-transition-duration) var(--default-transition-timing); | ||
| opacity: 0; | ||
| visibility: hidden; | ||
| } |
82 changes: 82 additions & 0 deletions
82
...-graphs-docs_src_terra-dev-site_test_graphs_LineGraph_Regions_Line_MultipleValu-4c5122.js
Large diffs are not rendered by default.
Oops, something went wrong.
64 changes: 64 additions & 0 deletions
64
...graphs-docs_src_terra-dev-site_test_graphs_LineGraph_Regions_Line_MultipleValu-99d15d.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,64 @@ | ||
| @charset "UTF-8"; | ||
| /* | ||
| Animations should be fast and nimble, never keeping the user waiting longer than is necessary. | ||
| The aim is to prioritize user-perceived performance over technical benchmarks. | ||
| Animations should last 150ms–250ms and should feel quick and responsive. | ||
| Using cubic-bezier with -> | ||
| Incoming Velocity: 70% | ||
| Outgoing Velocity: 0% | ||
| We quickly accelerate at the beginning of the animation and slowly decelerate by the end. | ||
| */ | ||
| :root { | ||
| --default-transition-timing: cubic-bezier(0.07, 0.95, 0, 1); | ||
| --default-transition-duration: 1s; | ||
| } | ||
|
|
||
| /* | ||
| User agent gives `geometric precision` more importance than `speed` and `crisp edges` | ||
| */ | ||
| :root { | ||
| --line-transition-duration: 0.3s; | ||
| } | ||
|
|
||
| .carbon-line path { | ||
| /* To counteract the opacity change when blur is used on a line */ | ||
| -moz-transition: opacity 0.3s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -moz-transition: opacity var(--line-transition-duration) var(--default-transition-timing); | ||
| -webkit-transition: opacity 0.3s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -webkit-transition: opacity var(--line-transition-duration) var(--default-transition-timing); | ||
| -ms-transition: opacity 0.3s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -ms-transition: opacity var(--line-transition-duration) var(--default-transition-timing); | ||
| -o-transition: opacity 0.3s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -o-transition: opacity var(--line-transition-duration) var(--default-transition-timing); | ||
| transition: opacity 0.3s cubic-bezier(0.07, 0.95, 0, 1); | ||
| transition: opacity var(--line-transition-duration) var(--default-transition-timing); | ||
| fill: none; | ||
| stroke-width: 1px; | ||
| } | ||
| .carbon-line path.carbon-highlight { | ||
| -moz-transition: stroke 1s cubic-bezier(0.07, 0.95, 0, 1), -moz-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -moz-transition: stroke var(--default-transition-duration) var(--default-transition-timing), -moz-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -webkit-transition: stroke 1s cubic-bezier(0.07, 0.95, 0, 1), -webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -webkit-transition: stroke var(--default-transition-duration) var(--default-transition-timing), -webkit-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -ms-transition: stroke 1s cubic-bezier(0.07, 0.95, 0, 1), -ms-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -ms-transition: stroke var(--default-transition-duration) var(--default-transition-timing), -ms-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -o-transition: stroke 1s cubic-bezier(0.07, 0.95, 0, 1), -o-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -o-transition: stroke var(--default-transition-duration) var(--default-transition-timing), -o-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| transition: stroke 1s cubic-bezier(0.07, 0.95, 0, 1), transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| transition: stroke var(--default-transition-duration) var(--default-transition-timing), transform var(--default-transition-duration) var(--default-transition-timing); | ||
| stroke-width: 2px; | ||
| } | ||
| .carbon-line path[aria-hidden=true] { | ||
| -moz-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -moz-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -moz-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -moz-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -webkit-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -webkit-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -webkit-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -ms-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -ms-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -ms-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -ms-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -o-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -o-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -o-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -o-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| transition: opacity var(--default-transition-duration) var(--default-transition-timing), transform var(--default-transition-duration) var(--default-transition-timing); | ||
| opacity: 0; | ||
| visibility: hidden; | ||
| } |
Oops, something went wrong.