@carbon/type 10.44.0-rc.0 → 11.0.0

package/scss/font-face/_settings.scss

@@ -1,12 +0,0 @@
-//
-// Copyright IBM Corp. 2018, 2018
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-/// Defines how font files are loaded and displayed by the browser
-/// @link https://css-tricks.com/almanac/properties/f/font-display/
-/// @access public
-/// @group @carbon/type
-$carbon--font-display: auto !default;

package/scss/index.scss

@@ -1,8 +0,0 @@
-//
-// Copyright IBM Corp. 2018, 2018
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-@import 'reset';

package/scss/modules/_classes.scss

@@ -1,42 +0,0 @@
-//
-// Copyright IBM Corp. 2018, 2018
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-@use 'sass:map';
-@use 'font-family' as *;
-@use 'prefix' as *;
-@use 'styles' as *;
-
-/// Create type classes for font families, weights, styles
-/// @access public
-/// @group @carbon/type
-@mixin type-classes {
-  // Font families
-  @each $name, $value in $font-families {
-    .#{$prefix}--type-#{$name} {
-      font-family: $value;
-    }
-  }
-
-  // Font weights
-  @each $name, $value in $font-weights {
-    .#{$prefix}--type-#{$name} {
-      font-weight: $value;
-    }
-  }
-
-  // Font styles
-  .#{$prefix}--type-italic {
-    font-style: italic;
-  }
-
-  // Type styles
-  @each $name, $value in $tokens {
-    .#{$prefix}--type-#{$name} {
-      @include type-style($name, map.has-key($value, breakpoints));
-    }
-  }
-}

package/scss/modules/_font-family.scss

@@ -1,104 +0,0 @@
-//
-// Copyright IBM Corp. 2018, 2018
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-@use 'sass:string';
-
-/// Font family fallbacks for: IBM Plex Mono, IBM Plex Sans, IBM Plex Sans
-/// Condensed, IBM Plex Sans Hebrew, and IBM Plex Serif
-/// @type Map
-/// @access public
-/// @group @carbon/type
-$font-families: (
-  'mono':
-    string.unquote(
-      "'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace"
-    ),
-  'sans':
-    string.unquote(
-      "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
-    ),
-  'sans-condensed':
-    string.unquote(
-      "'IBM Plex Sans Condensed', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
-    ),
-  'sans-arabic':
-    string.unquote(
-      "'IBM Plex Sans Arabic', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
-    ),
-  'sans-devanagari':
-    string.unquote(
-      "'IBM Plex Sans Devanagari', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
-    ),
-  'sans-hebrew':
-    string.unquote(
-      "'IBM Plex Sans Hebrew', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
-    ),
-  'sans-jp':
-    string.unquote(
-      "'IBM Plex Sans JP', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
-    ),
-  'sans-kr':
-    string.unquote(
-      "'IBM Plex Sans KR', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
-    ),
-  'sans-thai-looped':
-    string.unquote(
-      "'IBM Plex Sans Thai Looped', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
-    ),
-  'sans-thai':
-    string.unquote(
-      "'IBM Plex Sans Thai', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
-    ),
-  'serif':
-    string.unquote(
-      "'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif"
-    ),
-) !default;
-
-/// Get the font-family for an IBM Plex font
-/// @param {String} $name
-/// @return {String}
-/// @access public
-/// @group @carbon/type
-@function font-family($name) {
-  @return map-get($font-families, $name);
-}
-
-/// Include the `font-family` definition for the given name in your selector
-/// @param {String} $name
-/// @access public
-/// @group @carbon/type
-@mixin font-family($name) {
-  font-family: font-family($name);
-}
-
-/// Suggested font weights to be used in product
-/// @type Map
-/// @access public
-/// @group @carbon/type
-$font-weights: (
-  'light': 300,
-  'regular': 400,
-  'semibold': 600,
-) !default;
-
-/// Retrieve the font-weight value for a given name
-/// @param {String} $weight
-/// @return {Number}
-/// @access public
-/// @group @carbon/type
-@function font-weight($weight) {
-  @return map-get($font-weights, $weight);
-}
-
-/// Set the `font-weight` property with the value for a given name
-/// @param {String} $weight
-/// @access public
-/// @group @carbon/type
-@mixin font-weight($weight) {
-  font-weight: font-weight($weight);
-}

package/scss/modules/_prefix.scss

@@ -1,11 +0,0 @@
-//
-// Copyright IBM Corp. 2018, 2018
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-/// @type String
-/// @access public
-/// @group @carbon/type
-$prefix: 'bx' !default;

package/scss/modules/_reset.scss

@@ -1,44 +0,0 @@
-//
-// Copyright IBM Corp. 2018, 2018
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-@use 'sass:map';
-@use 'sass:meta';
-@use '@carbon/layout';
-@use 'font-family' as *;
-
-/// Include a type reset for a given body and mono font family
-/// @param {String} $body-font-family [font-family('sans')] - The font family used on the `<body>` element
-/// @param {String} $mono-font-family [font-family('mono')] - The font family used on elements that require mono fonts, like the `<code>` element
-/// @access public
-/// @group @carbon/type
-@mixin reset(
-  // TODO: remove in next major release. This has been replaced with 100%
-  $base-font-size: layout.$base-font-size,
-  $body-font-family: font-family('sans'),
-  $mono-font-family: font-family('mono')
-) {
-  html {
-    font-size: 100%;
-  }
-
-  body {
-    @include font-weight('regular');
-
-    font-family: $body-font-family;
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-font-smoothing: antialiased;
-    text-rendering: optimizeLegibility;
-  }
-
-  code {
-    font-family: $mono-font-family;
-  }
-
-  strong {
-    @include font-weight('semibold');
-  }
-}

package/scss/modules/_scale.scss

@@ -1,57 +0,0 @@
-//
-// Copyright IBM Corp. 2018, 2018
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-@use '@carbon/layout';
-@use 'sass:list';
-
-/// Compute the type size for the given type scale step
-/// @param {Number} $step
-/// @return {Number} In px
-/// @access public
-/// @group @carbon/type
-@function get-type-size($step) {
-  @if $step == 1 {
-    @return 12px;
-  }
-  // Yn = Yn-1 + {INT[(n-2)/4] + 1} * 2
-  @return get-type-size($step - 1) + (floor(($step - 2) * 0.25) + 1) * 2;
-}
-
-/// Type scale follows a custom formula for determining each step size and supports sizes from 12px to 92px
-/// @type Map
-/// @access public
-/// @group @carbon/type
-$type-scale: ();
-@for $i from 1 through 23 {
-  $type-scale: list.append($type-scale, layout.rem(get-type-size($i)));
-}
-
-/// Get the value of a specific step in the type scale
-/// @param {Number} $step
-/// @return {Number} In rem
-/// @access public
-/// @group @carbon/type
-@function type-scale($step) {
-  @return nth($type-scale, $step);
-}
-
-/// Set the font-size value of a selector with the value at the given `$step`
-/// @param {Number} $step
-/// @access public
-/// @group @carbon/type
-@mixin type-scale($step) {
-  font-size: type-scale($step);
-}
-
-/// Alias of `type-scale` mixin.
-/// @param {Number} $step
-/// @alias type-scale
-/// @access public
-/// @group @carbon/type
-@mixin font-size($step) {
-  font-size: type-scale($step);
-}