@carbon/elements 10.55.0 → 11.0.1
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/es/index.js +1 -1
- package/lib/index.js +0 -4
- package/package.json +12 -13
- package/src/__tests__/__snapshots__/PublicAPI-test.js.snap +44 -131
- package/src/index.js +0 -1
- package/umd/index.js +0 -4
- package/scss/colors/colors.scss +0 -12
- package/scss/colors/index.scss +0 -12
- package/scss/colors/mixins.scss +0 -1456
- package/scss/elements.scss +0 -17
- package/scss/grid/12.scss +0 -41
- package/scss/grid/_inlined/12.scss +0 -41
- package/scss/grid/_inlined/_mixins.import.scss +0 -431
- package/scss/grid/_inlined/_mixins.scss +0 -415
- package/scss/grid/_inlined/_prefix.scss +0 -12
- package/scss/grid/_mixins.import.scss +0 -431
- package/scss/grid/_mixins.scss +0 -415
- package/scss/grid/_prefix.scss +0 -12
- package/scss/grid/grid.scss +0 -10
- package/scss/grid/index.scss +0 -10
- package/scss/grid/modules/_breakpoint.scss +0 -198
- package/scss/grid/modules/_config.scss +0 -94
- package/scss/grid/modules/_css-grid.scss +0 -470
- package/scss/grid/modules/_flex-grid.scss +0 -363
- package/scss/grid/modules/_mixins.scss +0 -336
- package/scss/grid/vendor/@carbon/import-once/import-once.scss +0 -27
- package/scss/grid/vendor/@carbon/import-once/index.scss +0 -8
- package/scss/grid/vendor/@carbon/layout/_breakpoint.scss +0 -246
- package/scss/grid/vendor/@carbon/layout/_convert.import.scss +0 -65
- package/scss/grid/vendor/@carbon/layout/_convert.scss +0 -54
- package/scss/grid/vendor/@carbon/layout/_key-height.import.scss +0 -117
- package/scss/grid/vendor/@carbon/layout/_key-height.scss +0 -111
- package/scss/grid/vendor/@carbon/layout/_mini-unit.scss +0 -23
- package/scss/grid/vendor/@carbon/layout/_spacing.scss +0 -12
- package/scss/grid/vendor/@carbon/layout/_utilities.scss +0 -41
- package/scss/grid/vendor/@carbon/layout/generated/_container.scss +0 -73
- package/scss/grid/vendor/@carbon/layout/generated/_fluid-spacing.scss +0 -61
- package/scss/grid/vendor/@carbon/layout/generated/_icon-size.scss +0 -34
- package/scss/grid/vendor/@carbon/layout/generated/_layout.scss +0 -97
- package/scss/grid/vendor/@carbon/layout/generated/_size.scss +0 -17
- package/scss/grid/vendor/@carbon/layout/generated/_spacing.scss +0 -169
- package/scss/grid/vendor/@carbon/layout/index.scss +0 -8
- package/scss/grid/vendor/@carbon/layout/layout.scss +0 -12
- package/scss/grid/vendor/@carbon/layout/modules/_convert.scss +0 -51
- package/scss/grid/vendor/@carbon/layout/modules/_spacing.scss +0 -9
- package/scss/grid/vendor/@carbon/layout/modules/_utilities.scss +0 -41
- package/scss/grid/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +0 -37
- package/scss/grid/vendor/@carbon/layout/modules/generated/_spacing.scss +0 -91
- package/scss/icons/icons.scss +0 -10
- package/scss/icons/index.scss +0 -8
- package/scss/icons/mixins.scss +0 -18
- package/scss/import-once/import-once.scss +0 -27
- package/scss/import-once/index.scss +0 -8
- package/scss/index.scss +0 -15
- package/scss/layout/_breakpoint.scss +0 -246
- package/scss/layout/_convert.import.scss +0 -65
- package/scss/layout/_convert.scss +0 -54
- package/scss/layout/_key-height.import.scss +0 -117
- package/scss/layout/_key-height.scss +0 -111
- package/scss/layout/_mini-unit.scss +0 -23
- package/scss/layout/_spacing.scss +0 -12
- package/scss/layout/_utilities.scss +0 -41
- package/scss/layout/generated/_container.scss +0 -73
- package/scss/layout/generated/_fluid-spacing.scss +0 -61
- package/scss/layout/generated/_icon-size.scss +0 -34
- package/scss/layout/generated/_layout.scss +0 -97
- package/scss/layout/generated/_size.scss +0 -17
- package/scss/layout/generated/_spacing.scss +0 -169
- package/scss/layout/index.scss +0 -8
- package/scss/layout/layout.scss +0 -12
- package/scss/layout/modules/_convert.scss +0 -51
- package/scss/layout/modules/_spacing.scss +0 -9
- package/scss/layout/modules/_utilities.scss +0 -41
- package/scss/layout/modules/generated/_fluid-spacing.scss +0 -37
- package/scss/layout/modules/generated/_spacing.scss +0 -91
- package/scss/motion/index.scss +0 -8
- package/scss/motion/motion.scss +0 -78
- package/scss/themes/_mixins.scss +0 -39
- package/scss/themes/_theme-maps.scss +0 -9
- package/scss/themes/_tokens.scss +0 -8
- package/scss/themes/compat/_themes.scss +0 -8
- package/scss/themes/compat/_tokens.scss +0 -8
- package/scss/themes/compat/generated/_themes.scss +0 -271
- package/scss/themes/compat/generated/_tokens.scss +0 -206
- package/scss/themes/generated/_mixins.scss +0 -3622
- package/scss/themes/generated/_themes.scss +0 -2955
- package/scss/themes/generated/_tokens.scss +0 -3179
- package/scss/themes/index.scss +0 -8
- package/scss/themes/modules/_config.scss +0 -11
- package/scss/themes/modules/_theme.scss +0 -120
- package/scss/themes/modules/_themes.scss +0 -8
- package/scss/themes/modules/_tokens.scss +0 -8
- package/scss/themes/modules/_utilities.scss +0 -18
- package/scss/themes/modules/generated/_themes.scss +0 -432
- package/scss/themes/modules/generated/_tokens.scss +0 -308
- package/scss/themes/themes.scss +0 -10
- package/scss/type/_classes.scss +0 -41
- package/scss/type/_font-family.scss +0 -70
- package/scss/type/_inlined/_classes.scss +0 -41
- package/scss/type/_inlined/_font-family.scss +0 -70
- package/scss/type/_inlined/_prefix.scss +0 -11
- package/scss/type/_inlined/_reset.scss +0 -90
- package/scss/type/_inlined/_scale.scss +0 -59
- package/scss/type/_inlined/_styles.import.scss +0 -766
- package/scss/type/_inlined/_styles.scss +0 -924
- package/scss/type/_inlined/font-face/_mono.scss +0 -1166
- package/scss/type/_inlined/font-face/_sans-condensed.scss +0 -1009
- package/scss/type/_inlined/font-face/_sans.scss +0 -1326
- package/scss/type/_inlined/font-face/_serif.scss +0 -1166
- package/scss/type/_inlined/font-face/_settings.scss +0 -12
- package/scss/type/_prefix.scss +0 -11
- package/scss/type/_reset.scss +0 -90
- package/scss/type/_scale.scss +0 -59
- package/scss/type/_styles.import.scss +0 -766
- package/scss/type/_styles.scss +0 -924
- package/scss/type/font-face/_mono.scss +0 -1166
- package/scss/type/font-face/_sans-condensed.scss +0 -1009
- package/scss/type/font-face/_sans.scss +0 -1326
- package/scss/type/font-face/_serif.scss +0 -1166
- package/scss/type/font-face/_settings.scss +0 -12
- package/scss/type/index.scss +0 -8
- package/scss/type/modules/_classes.scss +0 -42
- package/scss/type/modules/_default-type.scss +0 -55
- package/scss/type/modules/_font-family.scss +0 -104
- package/scss/type/modules/_prefix.scss +0 -11
- package/scss/type/modules/_reset.scss +0 -44
- package/scss/type/modules/_scale.scss +0 -57
- package/scss/type/modules/_styles.scss +0 -876
- package/scss/type/type.scss +0 -8
- package/scss/type/vendor/@carbon/grid/12.scss +0 -41
- package/scss/type/vendor/@carbon/grid/_inlined/12.scss +0 -41
- package/scss/type/vendor/@carbon/grid/_inlined/_mixins.import.scss +0 -431
- package/scss/type/vendor/@carbon/grid/_inlined/_mixins.scss +0 -415
- package/scss/type/vendor/@carbon/grid/_inlined/_prefix.scss +0 -12
- package/scss/type/vendor/@carbon/grid/_mixins.import.scss +0 -431
- package/scss/type/vendor/@carbon/grid/_mixins.scss +0 -415
- package/scss/type/vendor/@carbon/grid/_prefix.scss +0 -12
- package/scss/type/vendor/@carbon/grid/grid.scss +0 -10
- package/scss/type/vendor/@carbon/grid/index.scss +0 -10
- package/scss/type/vendor/@carbon/grid/modules/_breakpoint.scss +0 -198
- package/scss/type/vendor/@carbon/grid/modules/_config.scss +0 -94
- package/scss/type/vendor/@carbon/grid/modules/_css-grid.scss +0 -470
- package/scss/type/vendor/@carbon/grid/modules/_flex-grid.scss +0 -363
- package/scss/type/vendor/@carbon/grid/modules/_mixins.scss +0 -336
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/import-once/import-once.scss +0 -27
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/import-once/index.scss +0 -8
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_breakpoint.scss +0 -246
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_convert.import.scss +0 -65
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_convert.scss +0 -54
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_key-height.import.scss +0 -117
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_key-height.scss +0 -111
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_mini-unit.scss +0 -23
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_spacing.scss +0 -12
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_utilities.scss +0 -41
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/generated/_container.scss +0 -73
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/generated/_fluid-spacing.scss +0 -61
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/generated/_icon-size.scss +0 -34
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/generated/_layout.scss +0 -97
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/generated/_size.scss +0 -17
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/generated/_spacing.scss +0 -169
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/index.scss +0 -8
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/layout.scss +0 -12
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/modules/_convert.scss +0 -51
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/modules/_spacing.scss +0 -9
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/modules/_utilities.scss +0 -41
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +0 -37
- package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/modules/generated/_spacing.scss +0 -91
- package/scss/type/vendor/@carbon/import-once/import-once.scss +0 -27
- package/scss/type/vendor/@carbon/import-once/index.scss +0 -8
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright IBM Corp. 2018, 2018
|
|
3
|
-
//
|
|
4
|
-
// This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
// LICENSE file in the root directory of this source tree.
|
|
6
|
-
//
|
|
7
|
-
|
|
8
|
-
@import '../../layout/convert';
|
|
9
|
-
|
|
10
|
-
/// Compute the type size for the given type scale step
|
|
11
|
-
/// @param {Number} $step
|
|
12
|
-
/// @return {Number} In px
|
|
13
|
-
/// @access public
|
|
14
|
-
/// @group @carbon/type
|
|
15
|
-
@function carbon--get-type-size($step) {
|
|
16
|
-
@if $step == 1 {
|
|
17
|
-
@return 12px;
|
|
18
|
-
}
|
|
19
|
-
// Yn = Yn-1 + {INT[(n-2)/4] + 1} * 2
|
|
20
|
-
@return carbon--get-type-size($step - 1) + (floor(($step - 2) * 0.25) + 1) * 2;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
/// Type scale follows a custom formula for determining each step size and supports sizes from 12px to 92px
|
|
24
|
-
/// @type Map
|
|
25
|
-
/// @access public
|
|
26
|
-
/// @group @carbon/type
|
|
27
|
-
$carbon--type-scale: ();
|
|
28
|
-
@for $i from 1 through 23 {
|
|
29
|
-
$carbon--type-scale: append(
|
|
30
|
-
$carbon--type-scale,
|
|
31
|
-
carbon--rem(carbon--get-type-size($i))
|
|
32
|
-
);
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
/// Get the value of a specific step in the type scale
|
|
36
|
-
/// @param {Number} $step
|
|
37
|
-
/// @return {Number} In rem
|
|
38
|
-
/// @access public
|
|
39
|
-
/// @group @carbon/type
|
|
40
|
-
@function carbon--type-scale($step) {
|
|
41
|
-
@return nth($carbon--type-scale, $step);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
/// Set the font-size value of a selector with the value at the given `$step`
|
|
45
|
-
/// @param {Number} $step
|
|
46
|
-
/// @access public
|
|
47
|
-
/// @group @carbon/type
|
|
48
|
-
@mixin carbon--type-scale($step) {
|
|
49
|
-
font-size: carbon--type-scale($step);
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
/// Alias of `type-scale` mixin.
|
|
53
|
-
/// @param {Number} $step
|
|
54
|
-
/// @alias carbon--type-scale
|
|
55
|
-
/// @access public
|
|
56
|
-
/// @group @carbon/type
|
|
57
|
-
@mixin carbon--font-size($step) {
|
|
58
|
-
font-size: carbon--type-scale($step);
|
|
59
|
-
}
|