From 3ebcf72997c878808f1b1262d10991969b75ef67 Mon Sep 17 00:00:00 2001 From: Josep Martins <josepmartins@github.com> Date: Mon, 19 Dec 2022 10:36:58 +0100 Subject: [PATCH 1/3] Adjust navigation and links for date-and-times --- content/ui-patterns/dates-and-times.mdx | 9 ++++----- src/@primer/gatsby-theme-doctocat/nav.yml | 4 ++-- 2 files changed, 6 insertions(+), 7 deletions(-) diff --git a/content/ui-patterns/dates-and-times.mdx b/content/ui-patterns/dates-and-times.mdx index e0d769f..8c6bdf4 100644 --- a/content/ui-patterns/dates-and-times.mdx +++ b/content/ui-patterns/dates-and-times.mdx @@ -1,6 +1,5 @@ --- title: Dates & Times -status: Experimental description: A relative time displays the time difference between the current time and the specified date-time. --- @@ -91,10 +90,10 @@ The `micro` format shows a shorter version of the relative time. This can be use For dates which represent the start or (expected) end of a currently running task or job, it is more useful to display the elapsed time since the task began, or remaining time until the task ends. This takes the long format of `X years, X months, X days, X hours, X minutes, X seconds` or the compact format of `Xy Xm Xd Xh Xm Xs`. Any `0` values will not be displayed. For some tasks where the expected end time is further away and second precision is not needed, it may be useful to display less precise data, such as down-to-the-day, taking the format of `Xy Xm Xd`. -| Precision | Format | Examples | -| ----------------- | ------------------ | ------------------------------------- | -| second | Xy Xm Xd Xh Xm Xs | `4s`, `5m 32s`, `1d 4h 32s` | -| day | Xy Xm Xd | `2y 3m`, `2y 8m 5d`, `2m 2d`, `1y 4d` | +| Precision | Format | Examples | +| --------- | ----------------- | ------------------------------------- | +| second | Xy Xm Xd Xh Xm Xs | `4s`, `5m 32s`, `1d 4h 32s` | +| day | Xy Xm Xd | `2y 3m`, `2y 8m 5d`, `2m 2d`, `1y 4d` | ### Precise dates diff --git a/src/@primer/gatsby-theme-doctocat/nav.yml b/src/@primer/gatsby-theme-doctocat/nav.yml index 9b8be57..6fa86ca 100644 --- a/src/@primer/gatsby-theme-doctocat/nav.yml +++ b/src/@primer/gatsby-theme-doctocat/nav.yml @@ -49,6 +49,8 @@ children: - title: Button usage url: /ui-patterns/button-usage + - title: Dates and times + url: /ui-patterns/dates-and-times - title: Empty states url: /ui-patterns/empty-states - title: Feature onboarding @@ -102,8 +104,6 @@ url: /components/dialog - title: Filter input url: /components/filter-input - - title: Relative time - url: /components/relative-time - title: Segmented control url: /components/segmented-control - title: Toggle switch -- GitLab From 7265eb2348f371e977e5ff00553ac7b791535cf8 Mon Sep 17 00:00:00 2001 From: Josep Martins <josepmartins@github.com> Date: Mon, 19 Dec 2022 10:41:45 +0100 Subject: [PATCH 2/3] Remove empty textInputField --- content/components/textInputField.mdx | 4 ---- 1 file changed, 4 deletions(-) delete mode 100644 content/components/textInputField.mdx diff --git a/content/components/textInputField.mdx b/content/components/textInputField.mdx deleted file mode 100644 index b399347..0000000 --- a/content/components/textInputField.mdx +++ /dev/null @@ -1,4 +0,0 @@ ---- -title: TextInputField -status: Alpha ---- -- GitLab From e8bb78d1d458a57440d02c8c678a62c8613fd505 Mon Sep 17 00:00:00 2001 From: Josep Martins <josepmartins@github.com> Date: Mon, 19 Dec 2022 10:43:51 +0100 Subject: [PATCH 3/3] Remove component status --- content/components/action-list.mdx | 1 - content/components/autocomplete.mdx | 1 - content/components/dialog.mdx | 1 - content/components/segmented-control.mdx | 1 - content/components/toggle-switch.mdx | 1 - content/components/tokens.mdx | 1 - 6 files changed, 6 deletions(-) diff --git a/content/components/action-list.mdx b/content/components/action-list.mdx index b557f4c..c2fe28d 100644 --- a/content/components/action-list.mdx +++ b/content/components/action-list.mdx @@ -1,6 +1,5 @@ --- title: Action list -status: Alpha react: https://primer.style/react/ActionList figma: https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/Primer-Web?node-id=1927%3A0 description: diff --git a/content/components/autocomplete.mdx b/content/components/autocomplete.mdx index 9288f7d..a824a16 100644 --- a/content/components/autocomplete.mdx +++ b/content/components/autocomplete.mdx @@ -1,6 +1,5 @@ --- title: Autocomplete -status: Alpha description: Autocomplete allows users to quickly filter through a list of options and pick one or more values for a field. react: https://primer.style/react/Autocomplete rails: https://primer.style/view-components/components/beta/autocomplete diff --git a/content/components/dialog.mdx b/content/components/dialog.mdx index 6532de8..1b51c6f 100644 --- a/content/components/dialog.mdx +++ b/content/components/dialog.mdx @@ -1,6 +1,5 @@ --- title: Dialog -status: Alpha description: A Dialog is a floating surface used to display transient content such as confirmation actions, selection options, and more. diff --git a/content/components/segmented-control.mdx b/content/components/segmented-control.mdx index ed7c6dc..b83a209 100644 --- a/content/components/segmented-control.mdx +++ b/content/components/segmented-control.mdx @@ -1,6 +1,5 @@ --- title: Segmented control -status: Alpha description: A segmented control is used to pick one choice from a linear set of closely related choices, and immediately apply that selection. diff --git a/content/components/toggle-switch.mdx b/content/components/toggle-switch.mdx index a6b37b2..f749cf4 100644 --- a/content/components/toggle-switch.mdx +++ b/content/components/toggle-switch.mdx @@ -1,7 +1,6 @@ --- title: Toggle switch description: A toggle switch is used to immediately toggle a setting on or off. -status: Alpha react: https://primer.style/react/ToggleSwitch rails: https://primer.style/view-components/components/alpha/toggleswitch --- diff --git a/content/components/tokens.mdx b/content/components/tokens.mdx index 523ff80..a87404c 100644 --- a/content/components/tokens.mdx +++ b/content/components/tokens.mdx @@ -1,6 +1,5 @@ --- title: Tokens -status: Alpha react: https://primer.style/react/Token description: A token is a compact representation of an object, and is typically used to show a collection of related metadata. --- -- GitLab