Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FSPE-6799] Prepared 3.6.0 release #783

Merged
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 16 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,20 @@
# CHANGELOG
## 3.6.0 (December 22, 2020)
### Components
#### Added
* Added: Time picker and Datetime picker components to allow users to enter a time through text input or choose a time from a picker.
#### Changed
* Changed: Modal components with theme `-portal` now align buttons in `chi-modal__footer` to the right (Chi's default) instead of center.
* Changed: Picker group components with theme `-portal` now include a text color change on hover.
* Changed: Accordion components with theme `-portal` now render nested accordions with a border.
* Changed: Tab components with size class `-xs` no longer alter a tab items font-size, only padding. To alter font-size, please use the text size utility class `-text--xs` instead.
* Changed: Stat components with theme `-portal`, `-compact`, and info/help icons now include an alignment improvement to better support long metric titles.
### Documentation
#### Added
* Added: Accessibility documentation has been added to define how to make web content more accessible to people with disabilities.
#### Changed
* Changed: Tab components with theme `-portal` now render tab examples using the `-xs` size class instead of `-sm`.

## 3.5.0 (December 4, 2020)
### Components
#### Added
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@centurylink/chi",
"version": "3.5.0",
"version": "3.6.0",
"description": "Chi is Lumen's design system for building consistent digital products and experiences.",
"license": "MIT",
"main": "bin/chi.js",
Expand Down
12 changes: 6 additions & 6 deletions src/boilerplates/angular/chi-angular-boilerplate/src/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,12 +5,12 @@
<title>AngularBoilerplate</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://assets.ctl.io/chi/3.5.0/chi.css">
<link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.5.0/assets/images/favicon.svg">
<link rel="alternate icon" href="https://assets.ctl.io/chi/3.5.0/assets/images/favicon.ico">
<script src="https://assets.ctl.io/chi/3.5.0/js/chi.js"></script>
<script type="module" src="https://assets.ctl.io/chi/3.5.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
<script nomodule="" src="https://assets.ctl.io/chi/3.5.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
<link rel="stylesheet" href="https://assets.ctl.io/chi/3.6.0/chi.css">
<link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.6.0/assets/images/favicon.svg">
<link rel="alternate icon" href="https://assets.ctl.io/chi/3.6.0/assets/images/favicon.ico">
<script src="https://assets.ctl.io/chi/3.6.0/js/chi.js"></script>
<script type="module" src="https://assets.ctl.io/chi/3.6.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
<script nomodule="" src="https://assets.ctl.io/chi/3.6.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
</head>
<body>
<app-root></app-root>
Expand Down
10 changes: 5 additions & 5 deletions src/boilerplates/es6/chi-vue-es6-boilerplate/public/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,11 +5,11 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Vue Boilerplate</title>
<link rel="stylesheet" href="https://assets.ctl.io/chi/3.5.0/chi.css">
<link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.5.0/assets/images/favicon.svg">
<link rel="alternate icon" href="https://assets.ctl.io/chi/3.5.0/assets/images/favicon.ico">
<script type="module" src="https://assets.ctl.io/chi/3.5.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
<script nomodule="" src="https://assets.ctl.io/chi/3.5.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
<link rel="stylesheet" href="https://assets.ctl.io/chi/3.6.0/chi.css">
<link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.6.0/assets/images/favicon.svg">
<link rel="alternate icon" href="https://assets.ctl.io/chi/3.6.0/assets/images/favicon.ico">
<script type="module" src="https://assets.ctl.io/chi/3.6.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
<script nomodule="" src="https://assets.ctl.io/chi/3.6.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
</head>
<body>
<noscript>
Expand Down
12 changes: 6 additions & 6 deletions src/boilerplates/react/chi-react-boilerplate/public/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -24,12 +24,12 @@
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>
<link rel="stylesheet" href="https://assets.ctl.io/chi/3.5.0/chi.css">
<link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.5.0/assets/images/favicon.svg">
<link rel="alternate icon" href="https://assets.ctl.io/chi/3.5.0/assets/images/favicon.ico">
<script src="https://assets.ctl.io/chi/3.5.0/js/chi.js"></script>
<script type="module" src="https://assets.ctl.io/chi/3.5.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
<script nomodule="" src="https://assets.ctl.io/chi/3.5.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
<link rel="stylesheet" href="https://assets.ctl.io/chi/3.6.0/chi.css">
<link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.6.0/assets/images/favicon.svg">
<link rel="alternate icon" href="https://assets.ctl.io/chi/3.6.0/assets/images/favicon.ico">
<script src="https://assets.ctl.io/chi/3.6.0/js/chi.js"></script>
<script type="module" src="https://assets.ctl.io/chi/3.6.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
<script nomodule="" src="https://assets.ctl.io/chi/3.6.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
Expand Down
12 changes: 6 additions & 6 deletions src/boilerplates/stencil/chi-stencil-boilerplate/src/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -14,12 +14,12 @@
<link href="/build/app.css" rel="stylesheet">

<link rel="apple-touch-icon" href="/assets/icon/icon.png">
<link rel="stylesheet" href="https://assets.ctl.io/chi/3.5.0/chi.css">
<link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.5.0/assets/images/favicon.svg">
<link rel="alternate icon" href="https://assets.ctl.io/chi/3.5.0/assets/images/favicon.ico">
<script src="https://assets.ctl.io/chi/3.5.0/js/chi.js"></script>
<script type="module" src="https://assets.ctl.io/chi/3.5.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
<script nomodule="" src="https://assets.ctl.io/chi/3.5.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
<link rel="stylesheet" href="https://assets.ctl.io/chi/3.6.0/chi.css">
<link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.6.0/assets/images/favicon.svg">
<link rel="alternate icon" href="https://assets.ctl.io/chi/3.6.0/assets/images/favicon.ico">
<script src="https://assets.ctl.io/chi/3.6.0/js/chi.js"></script>
<script type="module" src="https://assets.ctl.io/chi/3.6.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
<script nomodule="" src="https://assets.ctl.io/chi/3.6.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
<link rel="manifest" href="/manifest.json">
</head>
<body>
Expand Down
12 changes: 6 additions & 6 deletions src/boilerplates/vue/chi-vue-boilerplate/public/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,12 +5,12 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Vue Boilerplate</title>
<link rel="stylesheet" href="https://assets.ctl.io/chi/3.5.0/chi.css">
<link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.5.0/assets/images/favicon.svg">
<link rel="alternate icon" href="https://assets.ctl.io/chi/3.5.0/assets/images/favicon.ico">
<script src="https://assets.ctl.io/chi/3.5.0/js/chi.js"></script>
<script type="module" src="https://assets.ctl.io/chi/3.5.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
<script nomodule="" src="https://assets.ctl.io/chi/3.5.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
<link rel="stylesheet" href="https://assets.ctl.io/chi/3.6.0/chi.css">
<link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.6.0/assets/images/favicon.svg">
<link rel="alternate icon" href="https://assets.ctl.io/chi/3.6.0/assets/images/favicon.ico">
<script src="https://assets.ctl.io/chi/3.6.0/js/chi.js"></script>
<script type="module" src="https://assets.ctl.io/chi/3.6.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
<script nomodule="" src="https://assets.ctl.io/chi/3.6.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
</head>
<body>
<noscript>
Expand Down
2 changes: 1 addition & 1 deletion src/custom-elements/src/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
<link rel="stylesheet" href="https://assets.ctl.io/chi/3.5.0/chi.css">
<link rel="stylesheet" href="https://assets.ctl.io/chi/3.6.0/chi.css">
<title>Stencil Component Starter</title>
<script src="/build/ux-chi-ce.js"></script>

Expand Down
2 changes: 1 addition & 1 deletion src/website/assets/scripts/globalConfigs.js
Original file line number Diff line number Diff line change
@@ -1 +1 @@
window.chiCurrentVersion="3.5.0";
window.chiCurrentVersion="3.6.0";
5 changes: 3 additions & 2 deletions src/website/layouts/partials/header.pug
Original file line number Diff line number Diff line change
Expand Up @@ -60,9 +60,10 @@ header.chi-header.docs-header.-z--20
i.chi-icon.icon-search
.chi-header__end
.chi-dropdown
button.chi-button.-flat.-px--1.chi-dropdown__trigger.-animate(data-position='bottom-end', id='version-dropdown', aria-label="Toggle Chi version") v3.5.0
button.chi-button.-flat.-px--1.chi-dropdown__trigger.-animate(data-position='bottom-end', id='version-dropdown', aria-label="Toggle Chi version") v3.6.0
.chi-dropdown__menu(style='width:10rem;')#versionDropdown
a.chi-dropdown__menu-item.-active(href='https://assets.ctl.io/chi/3.5.0') v3.5.0
a.chi-dropdown__menu-item.-active(href='https://assets.ctl.io/chi/3.6.0') v3.6.0
a.chi-dropdown__menu-item(href='https://assets.ctl.io/chi/3.5.0') v3.5.0
a.chi-dropdown__menu-item(href='https://assets.ctl.io/chi/3.4.0') v3.4.0
a.chi-dropdown__menu-item(href='https://assets.ctl.io/chi/3.3.0') v3.3.0
a.chi-dropdown__menu-item(href='https://assets.ctl.io/chi/3.2.0') v3.2.0
Expand Down
2 changes: 1 addition & 1 deletion src/website/layouts/partials/titlebar.pug
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ if introduction
h2.docs-titlebar__description=introductionSubtitle
.docs-titlebar__buttons
a.chi-button.-primary.-xl.-uppercase.-px--4.-mb--2.-mb-sm--0(href='../getting-started/installation') Install Chi
a.chi-button.-dark.-outline.-xl.-uppercase.-px--4.-ml-sm--2.-mb--2.-mb-sm--0(href='../getting-started/whats-new') See What's New In v3.5.0
a.chi-button.-dark.-outline.-xl.-uppercase.-px--4.-ml-sm--2.-mb--2.-mb-sm--0(href='../getting-started/whats-new') See What's New In v3.6.0
else
.chi-grid__container
h1.docs-titlebar__title=title
Expand Down
12 changes: 6 additions & 6 deletions src/website/views/getting-started/installation.pug
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ p.-text
| performant option for loading assets into your Lumen project.
.-mb--2
:code(lang='html')
<link rel="stylesheet" href="https://assets.ctl.io/chi/3.5.0/chi.css">
<link rel="stylesheet" href="https://assets.ctl.io/chi/3.6.0/chi.css">

p.-text
| Next, add the <code>chi</code> CSS class to the <code>&lt;html&gt;</code> tag of your document to properly scope the styles.
Expand All @@ -35,8 +35,8 @@ p.-text
| code before the closing <code>&lt;head&gt;</code> tag.
.-mb--2
:code(lang='html')
<link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.5.0/assets/images/favicon.svg">
<link rel="alternate icon" href="https://assets.ctl.io/chi/3.5.0/assets/images/favicon.ico">
<link rel="icon" type="image/svg+xml" href="https://assets.ctl.io/chi/3.6.0/assets/images/favicon.svg">
<link rel="alternate icon" href="https://assets.ctl.io/chi/3.6.0/assets/images/favicon.ico">

h2.-text--h2.-text--bold JavaScript
.chi-badge.-dark.-outline.-xs.-mb--1
Expand Down Expand Up @@ -65,7 +65,7 @@ ul#chi-js-tabs.chi-tabs.-border
| file from the Lumen Assets Server. In this solution Popper.js and Day.js are bundled into the file.
.-mb--2
:code(lang='html')
<script src="https://assets.ctl.io/chi/3.5.0/js/chi.js"></script>
<script src="https://assets.ctl.io/chi/3.6.0/js/chi.js"></script>
#chi-js-tabs--amd.chi-tabs-panel
p.-text
| If you use RequireJS or any other AMD compatible module loader in your project, you will find the AMD compatible
Expand Down Expand Up @@ -101,8 +101,8 @@ p.-text

.-mb--2
:code(lang='html')
<script type="module" src="https://assets.ctl.io/chi/3.5.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
<script nomodule="" src="https://assets.ctl.io/chi/3.5.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>
<script type="module" src="https://assets.ctl.io/chi/3.6.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
<script nomodule="" src="https://assets.ctl.io/chi/3.6.0/js/ce/ux-chi-ce/ux-chi-ce.js"></script>

p.-text.-mb--3
| After placing the files in your header, you are now ready to use the Web Components described in this documentation.
Expand Down
25 changes: 25 additions & 0 deletions src/website/views/getting-started/whats-new.pug
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,31 @@ order: 5
script(type='module' src='../../js/ce/ux-chi-ce/ux-chi-ce.esm.js')
script(nomodule='' src='../../js/ce/ux-chi-ce/ux-chi-ce.js')

.changelog__version.-py--1
h2.-text--h2.-text--bold.-mb--1 <a href="https://github.com/CenturyLinkCloud/ux-chi/releases/tag/v3.6.0" target="_blank">Chi v3.6.0</a>
.-text--grey.-text--md December 22, 2020
.-pt--1
h3.-text--h3.-text--bold Components
h4.-text--h4.-text--bold Added
ul.-text.-pl--2
li Added: Time picker and Datetime picker components to allow users to enter a time through text input or choose a time from a picker.
h4.-text--h4.-text--bold Changed
ul.-text.-pl--2
li Changed: Modal components with theme <code>-portal</code> now align buttons in <code>chi-modal__footer</code> to the right (Chi's default) instead of center.
li Changed: Picker group components with theme <code>-portal</code> now include a text color change on hover.
li Changed: Accordion components with theme <code>-portal</code> now render nested accordions with a border.
li Changed: Tab components with size class <code>-xs</code> no longer alter a tab items font-size, only padding. To alter font-size, please use the text size utility class <code>-text--xs</code> instead.
li Changed: Stat components with theme <code>-portal</code>, <code>-compact</code>, and info/help icons now include an alignment improvement to better support long metric titles.
h3.-text--h3.-text--bold Documentation
h4.-text--h4.-text--bold Added
ul.-text.-pl--2
li Added: Accessibility documentation has been added to define how to make web content more accessible to people with disabilities.
h4.-text--h4.-text--bold Changed
ul.-text.-pl--2
li Changed: Tab components with theme <code>-portal</code> now render tab examples using the <code>-xs</code> size class instead of <code>-sm</code>.

.chi-divider.-my--4

.changelog__version.-py--1
h2.-text--h2.-text--bold.-mb--1 <a href="https://github.com/CenturyLinkCloud/ux-chi/releases/tag/v3.5.0" target="_blank">Chi v3.5.0</a>
.-text--grey.-text--md December 4, 2020
Expand Down