@dialpad/dialtone 7.0.0-beta.7 → 7.0.0-beta.8

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.
@@ -141,18 +141,21 @@ ul {
141
141
  .d-headline48 { .d-fs-500(); font-weight: @headline-weight !important; }
142
142
  .d-headline54 { .d-fs-500(); font-weight: @headline-weight !important; }
143
143
 
144
- .d-headline-eyebrow { line-height: var(--lh-300); font-size: var(--fs-100); font-weight: var(--fw-normal); .d-tt-uppercase(); }
145
- .d-headline-small { line-height: var(--lh-300); font-size: var(--fs-100); font-weight: var(--fw-bold); }
146
- .d-headline-medium { line-height: var(--lh-400); font-size: var(--fs-200); font-weight: var(--fw-bold); }
147
- .d-headline-compact-small { line-height: var(--lh-200); font-size: var(--fs-100); font-weight: var(--fw-bold); }
148
- .d-headline-compact-base { line-height: var(--lh-300); font-size: var(--fs-200); font-weight: var(--fw-bold); }
149
- .d-headline-large { line-height: var(--lh-400); font-size: var(--fs-300); font-weight: var(--fw-bold); }
150
- .d-headline-extra-large { line-height: var(--lh-200); font-size: var(--fs-400); font-weight: var(--fw-medium); }
151
- .d-headline-extra-extra-large { line-height: var(--lh-200); font-size: var(--fs-500); font-weight: var(--fw-medium); }
144
+ .d-headline-eyebrow { line-height: var(--lh-300); font-size: var(--fs-100); font-weight: var(--fw-normal); .d-tt-uppercase(); }
145
+ .d-headline-small { line-height: var(--lh-300); font-size: var(--fs-100); font-weight: var(--fw-bold); }
146
+ .d-headline-soft-small { line-height: var(--lh-300); font-size: var(--fs-100); font-weight: var(--fw-medium); }
147
+ .d-headline-medium { line-height: var(--lh-400); font-size: var(--fs-200); font-weight: var(--fw-bold); }
148
+ .d-headline-compact-small { line-height: var(--lh-200); font-size: var(--fs-100); font-weight: var(--fw-bold); }
149
+ .d-headline-compact-soft-small { line-height: var(--lh-200); font-size: var(--fs-100); font-weight: var(--fw-medium); }
150
+ .d-headline-compact-base,
151
+ .d-headline-compact-medium { line-height: var(--lh-300); font-size: var(--fs-200); font-weight: var(--fw-bold); }
152
+ .d-headline-compact-large { line-height: var(--lh-200); font-size: var(--fs-300); font-weight: var(--fw-bold); }
153
+ .d-headline-large { line-height: var(--lh-400); font-size: var(--fs-300); font-weight: var(--fw-bold); }
154
+ .d-headline-extra-large { line-height: var(--lh-200); font-size: var(--fs-400); font-weight: var(--fw-medium); }
155
+ .d-headline-extra-extra-large { line-height: var(--lh-200); font-size: var(--fs-500); font-weight: var(--fw-medium); }
152
156
 
153
157
  .d-fs-unset { font-size: unset !important; }
154
158
 
155
-
156
159
  // ============================================================================
157
160
  // $$ FONT STYLE
158
161
  // ----------------------------------------------------------------------------
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M18 8H17V6C17 3.24 14.76 1 12 1C9.24 1 7 3.24 7 6V8H6C4.9 8 4 8.9 4 10V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V10C20 8.9 19.1 8 18 8ZM9 6C9 4.34 10.34 3 12 3C13.66 3 15 4.34 15 6V8H9V6ZM18 20H6V10H18V20ZM12 17C13.1 17 14 16.1 14 15C14 13.9 13.1 13 12 13C10.9 13 10 13.9 10 15C10 16.1 10.9 17 12 17Z" fill="#0D0C0F"/>
3
+ </svg>
@@ -19609,6 +19609,11 @@ ul {
19609
19609
  font-size: var(--fs-100);
19610
19610
  font-weight: var(--fw-bold);
19611
19611
  }
19612
+ .d-headline-soft-small {
19613
+ line-height: var(--lh-300);
19614
+ font-size: var(--fs-100);
19615
+ font-weight: var(--fw-medium);
19616
+ }
19612
19617
  .d-headline-medium {
19613
19618
  line-height: var(--lh-400);
19614
19619
  font-size: var(--fs-200);
@@ -19619,11 +19624,22 @@ ul {
19619
19624
  font-size: var(--fs-100);
19620
19625
  font-weight: var(--fw-bold);
19621
19626
  }
19622
- .d-headline-compact-base {
19627
+ .d-headline-compact-soft-small {
19628
+ line-height: var(--lh-200);
19629
+ font-size: var(--fs-100);
19630
+ font-weight: var(--fw-medium);
19631
+ }
19632
+ .d-headline-compact-base,
19633
+ .d-headline-compact-medium {
19623
19634
  line-height: var(--lh-300);
19624
19635
  font-size: var(--fs-200);
19625
19636
  font-weight: var(--fw-bold);
19626
19637
  }
19638
+ .d-headline-compact-large {
19639
+ line-height: var(--lh-200);
19640
+ font-size: var(--fs-300);
19641
+ font-weight: var(--fw-bold);
19642
+ }
19627
19643
  .d-headline-large {
19628
19644
  line-height: var(--lh-400);
19629
19645
  font-size: var(--fs-300);