Skip to content

Commit 2172bf6

Browse files
carbon-botjoshblack
carbon-bot
authored and
joshblack
committed
chore(project): sync generated files
1 parent a532237 commit 2172bf6

File tree

5 files changed

+175
-37
lines changed

5 files changed

+175
-37
lines changed

‎packages/components/demo/demo.min.js.LICENSE

+59
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
/*!
2+
Copyright (c) 2017 Jed Watson.
3+
Licensed under the MIT License (MIT), see
4+
http://jedwatson.github.io/classnames
5+
*/
6+
7+
/* flatpickr v4.6.1, @license MIT */
8+
9+
/*! *****************************************************************************
10+
Copyright (c) Microsoft Corporation. All rights reserved.
11+
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
12+
this file except in compliance with the License. You may obtain a copy of the
13+
License at http://www.apache.org/licenses/LICENSE-2.0
14+
15+
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
16+
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
17+
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
18+
MERCHANTABLITY OR NON-INFRINGEMENT.
19+
20+
See the Apache Version 2.0 License for specific language governing permissions
21+
and limitations under the License.
22+
***************************************************************************** */
23+
24+
/* flatpickr v4.5.7, @license MIT */
25+
26+
/*
27+
object-assign
28+
(c) Sindre Sorhus
29+
@license MIT
30+
*/
31+
32+
/** @license React v16.9.0
33+
* react.production.min.js
34+
*
35+
* Copyright (c) Facebook, Inc. and its affiliates.
36+
*
37+
* This source code is licensed under the MIT license found in the
38+
* LICENSE file in the root directory of this source tree.
39+
*/
40+
41+
/** @license React v16.9.0
42+
* react-dom.production.min.js
43+
*
44+
* Copyright (c) Facebook, Inc. and its affiliates.
45+
*
46+
* This source code is licensed under the MIT license found in the
47+
* LICENSE file in the root directory of this source tree.
48+
*/
49+
50+
/** @license React v0.15.0
51+
* scheduler.production.min.js
52+
*
53+
* Copyright (c) Facebook, Inc. and its affiliates.
54+
*
55+
* This source code is licensed under the MIT license found in the
56+
* LICENSE file in the root directory of this source tree.
57+
*/
58+
59+
/*! https://mths.be/punycode v1.4.1 by @mathias */

‎packages/components/docs/sass.md

+86-22
Original file line numberDiff line numberDiff line change
@@ -1236,18 +1236,25 @@ yet.
12361236

12371237
### ❌carbon--make-col [mixin]
12381238

1239-
Define the width of the column for a given span and column count.
1239+
Define the width of the column for a given span and column count. A width of 0
1240+
will hide the column entirely.
12401241

12411242
<details>
12421243
<summary>Source code</summary>
12431244

12441245
```scss
12451246
@mixin carbon--make-col($span, $columns) {
1246-
flex: 0 0 percentage($span / $columns);
1247-
// Add a `max-width` to ensure content within each column does not blow out
1248-
// the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
1249-
// do not appear to require this.
1250-
max-width: percentage($span / $columns);
1247+
@if $span == 0 {
1248+
display: none;
1249+
} @else {
1250+
// Explicitly include `display: block` to override
1251+
display: block;
1252+
flex: 0 0 percentage($span / $columns);
1253+
// Add a `max-width` to ensure content within each column does not blow out
1254+
// the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
1255+
// do not appear to require this.
1256+
max-width: percentage($span / $columns);
1257+
}
12511258
}
12521259
```
12531260

@@ -1316,7 +1323,7 @@ Output the CSS required for all the columns in a given grid system.
13161323
$columns: map-get(map-get($breakpoints, $breakpoint), columns);
13171324

13181325
// Allow columns to stretch full width below their breakpoints
1319-
@for $i from 1 through $columns {
1326+
@for $i from 0 through $columns {
13201327
.#{$prefix}--col#{$infix}-#{$i} {
13211328
@include carbon--make-col-ready();
13221329
}
@@ -1344,7 +1351,7 @@ Output the CSS required for all the columns in a given grid system.
13441351
max-width: 100%;
13451352
}
13461353

1347-
@for $i from 1 through $columns {
1354+
@for $i from 0 through $columns {
13481355
.#{$prefix}--col#{$infix}-#{$i} {
13491356
@include carbon--make-col($i, $columns);
13501357
}
@@ -10261,8 +10268,9 @@ Include a type reset for a given body and mono font family
1026110268
}
1026210269

1026310270
body {
10264-
font-family: $body-font-family;
1026510271
@include carbon--font-weight('regular');
10272+
10273+
font-family: $body-font-family;
1026610274
text-rendering: optimizeLegibility;
1026710275
-webkit-font-smoothing: antialiased;
1026810276
-moz-osx-font-smoothing: grayscale;
@@ -16004,7 +16012,7 @@ Date picker styles
1600416012

1600516013
.#{$prefix}--date-picker__calendar,
1600616014
.flatpickr-calendar.open {
16007-
@include layer('pop-out');
16015+
@include box-shadow;
1600816016
background-color: $ui-01;
1600916017
display: flex;
1601016018
flex-direction: column;
@@ -16401,6 +16409,7 @@ Dropdown styles
1640116409
border: none;
1640216410
border-bottom: 1px solid $ui-04;
1640316411
width: 100%;
16412+
height: rem(40px);
1640416413
cursor: pointer;
1640516414
color: $text-01;
1640616415
outline: 2px solid transparent;
@@ -16468,7 +16477,7 @@ Dropdown styles
1646816477
}
1646916478

1647016479
.#{$prefix}--dropdown--open .#{$prefix}--dropdown-list {
16471-
@include layer('overlay');
16480+
@include box-shadow;
1647216481
}
1647316482

1647416483
.#{$prefix}--dropdown--light {
@@ -16516,7 +16525,7 @@ Dropdown styles
1651616525
.#{$prefix}--dropdown-list {
1651716526
@include reset;
1651816527
@include focus-outline('reset');
16519-
@include layer('overlay');
16528+
@include box-shadow;
1652016529
@include type-style('body-short-01');
1652116530
background-color: $ui-01;
1652216531
display: flex;
@@ -16588,6 +16597,18 @@ Dropdown styles
1658816597
}
1658916598
}
1659016599

16600+
.#{$prefix}--dropdown--sm .#{$prefix}--dropdown-link {
16601+
padding-top: rem(7px);
16602+
padding-bottom: rem(7px);
16603+
height: rem(32px);
16604+
}
16605+
16606+
.#{$prefix}--dropdown--xl .#{$prefix}--dropdown-link {
16607+
padding-top: rem(15px);
16608+
padding-bottom: rem(15px);
16609+
height: rem(48px);
16610+
}
16611+
1659116612
.#{$prefix}--dropdown--focused,
1659216613
.#{$prefix}--dropdown-link:focus {
1659316614
@include focus-outline('outline');
@@ -16732,7 +16753,7 @@ Dropdown styles
1673216753

1673316754
.#{$prefix}--dropdown--inline.#{$prefix}--dropdown--open:focus
1673416755
.#{$prefix}--dropdown-list {
16735-
@include layer('overlay');
16756+
@include box-shadow;
1673616757
}
1673716758

1673816759
.#{$prefix}--dropdown--inline .#{$prefix}--dropdown-link {
@@ -17460,8 +17481,21 @@ List styles
1746017481
margin-top: 0;
1746117482
}
1746217483

17463-
.#{$prefix}--list--ordered {
17464-
list-style-type: decimal;
17484+
.#{$prefix}--list--ordered:not(.#{$prefix}--list--nested) {
17485+
counter-reset: item;
17486+
}
17487+
17488+
.#{$prefix}--list--ordered:not(.#{$prefix}--list--nested)
17489+
> .#{$prefix}--list__item {
17490+
position: relative;
17491+
}
17492+
17493+
.#{$prefix}--list--ordered:not(.#{$prefix}--list--nested)
17494+
> .#{$prefix}--list__item::before {
17495+
content: counter(item) '.';
17496+
counter-increment: item;
17497+
position: absolute;
17498+
left: rem(-24px);
1746517499
}
1746617500

1746717501
.#{$prefix}--list--ordered.#{$prefix}--list--nested {
@@ -17964,6 +17998,14 @@ List box styles
1796417998
}
1796517999
}
1796618000

18001+
.#{$prefix}--list-box--sm .#{$prefix}--list-box__menu-item {
18002+
height: rem(32px);
18003+
}
18004+
18005+
.#{$prefix}--list-box--xl .#{$prefix}--list-box__menu-item {
18006+
height: rem(48px);
18007+
}
18008+
1796718009
.#{$prefix}--list-box--disabled .#{$prefix}--list-box__menu-item:hover {
1796818010
background-color: transparent;
1796918011
}
@@ -18029,6 +18071,18 @@ List box styles
1802918071
}
1803018072
}
1803118073

18074+
.#{$prefix}--list-box--sm .#{$prefix}--list-box__menu-item__option {
18075+
padding-top: rem(7px);
18076+
padding-bottom: rem(7px);
18077+
height: rem(32px);
18078+
}
18079+
18080+
.#{$prefix}--list-box--xl .#{$prefix}--list-box__menu-item__option {
18081+
padding-top: rem(15px);
18082+
padding-bottom: rem(15px);
18083+
height: rem(48px);
18084+
}
18085+
1803218086
.#{$prefix}--list-box--disabled
1803318087
.#{$prefix}--list-box__menu-item:hover
1803418088
.#{$prefix}--list-box__menu-item__option,
@@ -18360,13 +18414,13 @@ Modal styles
1836018414
.#{$prefix}--modal {
1836118415
position: fixed;
1836218416
top: 0;
18363-
right: 0;
18364-
bottom: 0;
1836518417
left: 0;
1836618418
z-index: z('modal');
1836718419
display: flex;
1836818420
align-items: center;
1836918421
justify-content: center;
18422+
width: 100vw;
18423+
height: 100vh;
1837018424
content: '';
1837118425
background-color: transparent;
1837218426
opacity: 0;
@@ -18390,7 +18444,8 @@ Modal styles
1839018444
.#{$prefix}--select-input,
1839118445
.#{$prefix}--dropdown,
1839218446
.#{$prefix}--dropdown-list,
18393-
.#{$prefix}--number input[type='number'] {
18447+
.#{$prefix}--number input[type='number'],
18448+
.#{$prefix}--date-picker__input {
1839418449
background-color: $field-02;
1839518450
}
1839618451
}
@@ -21670,7 +21725,7 @@ Tabs styles
2167021725
}
2167121726

2167221727
.#{$prefix}--tabs__nav {
21673-
@include layer('overlay');
21728+
@include box-shadow;
2167421729
margin: 0;
2167521730
padding: 0;
2167621731
position: absolute;
@@ -22070,6 +22125,7 @@ Tag styles
2207022125
min-width: rem(32px); // ensures tag stays pill shaped;
2207122126
margin: $carbon--spacing-02;
2207222127
border-radius: rem(15px);
22128+
cursor: default;
2207322129

2207422130
&:not(:first-child) {
2207522131
margin-left: 0;
@@ -22363,6 +22419,14 @@ Text input styles
2236322419
}
2236422420
}
2236522421

22422+
.#{$prefix}--text-input--large {
22423+
height: rem(48px);
22424+
}
22425+
22426+
.#{$prefix}--text-input--small {
22427+
height: rem(32px);
22428+
}
22429+
2236622430
.#{$prefix}--password-input {
2236722431
padding-right: $carbon--spacing-08;
2236822432
}
@@ -23383,7 +23447,7 @@ Toolbar styles
2338323447
}
2338423448

2338523449
&::after {
23386-
@include layer('overlay');
23450+
@include box-shadow;
2338723451
min-width: rem(24px);
2338823452
max-width: rem(208px);
2338923453
height: rem(24px);
@@ -23522,7 +23586,7 @@ Toolbar styles
2352223586

2352323587
.#{$prefix}--tooltip--definition__bottom,
2352423588
.#{$prefix}--tooltip--definition__top {
23525-
@include layer('overlay');
23589+
@include box-shadow;
2352623590
position: absolute;
2352723591
z-index: 1;
2352823592
display: none;
@@ -23744,7 +23808,7 @@ Tooltip styles
2374423808
}
2374523809

2374623810
.#{$prefix}--tooltip {
23747-
@include layer('overlay');
23811+
@include box-shadow;
2374823812
@include reset;
2374923813
position: absolute;
2375023814
display: none;

‎packages/elements/docs/sass.md

+17-9
Original file line numberDiff line numberDiff line change
@@ -1080,18 +1080,25 @@ yet.
10801080

10811081
### ❌carbon--make-col [mixin]
10821082

1083-
Define the width of the column for a given span and column count.
1083+
Define the width of the column for a given span and column count. A width of 0
1084+
will hide the column entirely.
10841085

10851086
<details>
10861087
<summary>Source code</summary>
10871088

10881089
```scss
10891090
@mixin carbon--make-col($span, $columns) {
1090-
flex: 0 0 percentage($span / $columns);
1091-
// Add a `max-width` to ensure content within each column does not blow out
1092-
// the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
1093-
// do not appear to require this.
1094-
max-width: percentage($span / $columns);
1091+
@if $span == 0 {
1092+
display: none;
1093+
} @else {
1094+
// Explicitly include `display: block` to override
1095+
display: block;
1096+
flex: 0 0 percentage($span / $columns);
1097+
// Add a `max-width` to ensure content within each column does not blow out
1098+
// the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
1099+
// do not appear to require this.
1100+
max-width: percentage($span / $columns);
1101+
}
10951102
}
10961103
```
10971104

@@ -1160,7 +1167,7 @@ Output the CSS required for all the columns in a given grid system.
11601167
$columns: map-get(map-get($breakpoints, $breakpoint), columns);
11611168

11621169
// Allow columns to stretch full width below their breakpoints
1163-
@for $i from 1 through $columns {
1170+
@for $i from 0 through $columns {
11641171
.#{$prefix}--col#{$infix}-#{$i} {
11651172
@include carbon--make-col-ready();
11661173
}
@@ -1188,7 +1195,7 @@ Output the CSS required for all the columns in a given grid system.
11881195
max-width: 100%;
11891196
}
11901197

1191-
@for $i from 1 through $columns {
1198+
@for $i from 0 through $columns {
11921199
.#{$prefix}--col#{$infix}-#{$i} {
11931200
@include carbon--make-col($i, $columns);
11941201
}
@@ -9557,8 +9564,9 @@ Include a type reset for a given body and mono font family
95579564
}
95589565

95599566
body {
9560-
font-family: $body-font-family;
95619567
@include carbon--font-weight('regular');
9568+
9569+
font-family: $body-font-family;
95629570
text-rendering: optimizeLegibility;
95639571
-webkit-font-smoothing: antialiased;
95649572
-moz-osx-font-smoothing: grayscale;

0 commit comments

Comments
 (0)