@dialpad/dialtone 7.0.0-beta.8 → 7.1.0

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.
Files changed (6) hide show
  1. package/lib/build/less/components/badge.less +0 -1
  2. package/lib/build/less/components/input.less +6 -3
  3. package/lib/build/less/variables/typography.less +4 -3
  4. package/lib/dist/css/dialtone.css +20 -15
  5. package/lib/dist/css/dialtone.min.css +1 -1
  6. package/package.json +1 -1
package/lib/build/less/components/badge.less CHANGED
@@ -93,6 +93,5 @@
93
93
  }
94
94
 
95
95
  .d-badge--red-300 {
96
- --badge--fc: var(--white);
97
96
  --badge--bgc: var(--red-300);
98
97
  }
package/lib/build/less/components/input.less CHANGED
@@ -186,7 +186,8 @@
186
186
  --input--bc: var(--warning-color) !important;
187
187
  --input--focus-bc: var(--warning-color);
188
188
 
189
- &:focus {
189
+ &:focus,
190
+ &:focus-within {
190
191
  box-shadow: var(--bs-focus-ring-warning) !important;
191
192
  }
192
193
  }
@@ -196,7 +197,8 @@
196
197
  --input--bc: var(--error-color) !important;
197
198
  --input--focus-bc: var(--error-color);
198
199
 
199
- &:focus {
200
+ &:focus,
201
+ &:focus-within {
200
202
  box-shadow: var(--bs-focus-ring-error) !important;
201
203
  }
202
204
  }
@@ -206,7 +208,8 @@
206
208
  --input--bc: var(--success-color) !important;
207
209
  --input--focus-bc: var(--success-color);
208
210
 
209
- &:focus {
211
+ &:focus,
212
+ &:focus-within {
210
213
  box-shadow: var(--bs-focus-ring-success) !important;
211
214
  }
212
215
  }
package/lib/build/less/variables/typography.less CHANGED
@@ -19,8 +19,8 @@
19
19
  // $ FONT FAMILY
20
20
  // ----------------------------------------------------------------------------
21
21
  @define-ff-custom-name: -apple-system, BlinkMacSystemFont, 'Segoe UI Adjusted', 'Segoe UI', SFMono,
22
- 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
23
- 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
22
+ 'Helvetica Neue', Cantarell, Ubuntu, Roboto, Arial, 'Noto Sans', sans-serif,
23
+ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
24
24
  @define-ff-mono: @ff-sf-mono;
25
25
  @define-ff-mono-name: 'SFMono';
26
26
  @define-ff-marketing: @ff-archivo;
@@ -66,7 +66,8 @@
66
66
 
67
67
 
68
68
  @ff-custom: @define-ff-custom-name;
69
- @ff-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
69
+ @ff-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Cantarell, Ubuntu, Roboto, Arial, sans-serif,
70
+ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
70
71
  @ff-mono: @define-ff-mono-name, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
71
72
  @ff-marketing: @define-ff-marketing-name, @ff-sans;
72
73
  @ff-marketing-semi-expanded: @define-ff-marketing-semi-expanded-name, @ff-sans;
package/lib/dist/css/dialtone.css CHANGED
@@ -628,7 +628,6 @@ body {
628
628
  --badge--bgc: var(--green-400);
629
629
  }
630
630
  .d-badge--red-300 {
631
- --badge--fc: var(--white);
632
631
  --badge--bgc: var(--red-300);
633
632
  }
634
633
  .d-banner {
@@ -1740,7 +1739,9 @@ legend .d-label {
1740
1739
  --input--focus-bc: var(--warning-color);
1741
1740
  }
1742
1741
  .d-input--warning:focus,
1743
- .d-textarea--warning:focus {
1742
+ .d-textarea--warning:focus,
1743
+ .d-input--warning:focus-within,
1744
+ .d-textarea--warning:focus-within {
1744
1745
  box-shadow: var(--bs-focus-ring-warning) !important;
1745
1746
  }
1746
1747
  .d-input--error,
@@ -1749,7 +1750,9 @@ legend .d-label {
1749
1750
  --input--focus-bc: var(--error-color);
1750
1751
  }
1751
1752
  .d-input--error:focus,
1752
- .d-textarea--error:focus {
1753
+ .d-textarea--error:focus,
1754
+ .d-input--error:focus-within,
1755
+ .d-textarea--error:focus-within {
1753
1756
  box-shadow: var(--bs-focus-ring-error) !important;
1754
1757
  }
1755
1758
  .d-input--success,
@@ -1758,7 +1761,9 @@ legend .d-label {
1758
1761
  --input--focus-bc: var(--success-color);
1759
1762
  }
1760
1763
  .d-input--success:focus,
1761
- .d-textarea--success:focus {
1764
+ .d-textarea--success:focus,
1765
+ .d-input--success:focus-within,
1766
+ .d-textarea--success:focus-within {
1762
1767
  box-shadow: var(--bs-focus-ring-success) !important;
1763
1768
  }
1764
1769
  .d-input-icon {
@@ -19403,22 +19408,22 @@ body.theme-dark .d\:d-bgg-to-0 {
19403
19408
  font-weight: 700;
19404
19409
  }
19405
19410
  .d-ff-custom {
19406
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI Adjusted', 'Segoe UI', SFMono, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;
19411
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI Adjusted', 'Segoe UI', SFMono, 'Helvetica Neue', Cantarell, Ubuntu, Roboto, Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;
19407
19412
  }
19408
19413
  .d-ff-sans {
19409
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
19414
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Cantarell, Ubuntu, Roboto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
19410
19415
  }
19411
19416
  .d-ff-mono {
19412
19417
  font-family: 'SFMono', SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace !important;
19413
19418
  }
19414
19419
  .d-ff-marketing {
19415
- font-family: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
19420
+ font-family: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Cantarell, Ubuntu, Roboto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
19416
19421
  }
19417
19422
  .d-ff-marketing-semi-expanded {
19418
- font-family: 'ArchivoSemiExpanded', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
19423
+ font-family: 'ArchivoSemiExpanded', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Cantarell, Ubuntu, Roboto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
19419
19424
  }
19420
19425
  .d-ff-marketing-expanded {
19421
- font-family: 'ArchivoExpanded', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
19426
+ font-family: 'ArchivoExpanded', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Cantarell, Ubuntu, Roboto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
19422
19427
  }
19423
19428
  .d-ff-unset {
19424
19429
  font-family: unset !important;
@@ -20340,12 +20345,12 @@ body {
20340
20345
  --grid-columns: 12;
20341
20346
  --grid-column-width: minmax(min-content, 24rem);
20342
20347
  --grid-column-auto: 1fr;
20343
- --ff-custom: -apple-system, BlinkMacSystemFont, 'Segoe UI Adjusted', 'Segoe UI', SFMono, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
20344
- --ff-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
20348
+ --ff-custom: -apple-system, BlinkMacSystemFont, 'Segoe UI Adjusted', 'Segoe UI', SFMono, 'Helvetica Neue', Cantarell, Ubuntu, Roboto, Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
20349
+ --ff-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Cantarell, Ubuntu, Roboto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
20345
20350
  --ff-mono: 'SFMono', SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
20346
- --ff-marketing: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
20347
- --ff-marketing-semi-expanded: 'ArchivoSemiExpanded', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
20348
- --ff-marketing-expanded: 'ArchivoExpanded', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
20351
+ --ff-marketing: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Cantarell, Ubuntu, Roboto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
20352
+ --ff-marketing-semi-expanded: 'ArchivoSemiExpanded', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Cantarell, Ubuntu, Roboto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
20353
+ --ff-marketing-expanded: 'ArchivoExpanded', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Cantarell, Ubuntu, Roboto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
20349
20354
  --fs-100: 1.2rem;
20350
20355
  --fs-200: 1.5rem;
20351
20356
  --fs-300: 1.9rem;
@@ -20438,7 +20443,7 @@ body {
20438
20443
  --nav-background-color: hsl(var(--nav-background-color-h) var(--nav-background-color-s) var(--nav-background-color-l));
20439
20444
  --topbar-height: var(--su64);
20440
20445
  --base--font-size: var(--fs-200);
20441
- --base--font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI Adjusted', 'Segoe UI', SFMono, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
20446
+ --base--font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI Adjusted', 'Segoe UI', SFMono, 'Helvetica Neue', Cantarell, Ubuntu, Roboto, Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
20442
20447
  --base--font-feature-settings: 'calt' 0;
20443
20448
  --base--line-height: var(--lh-300);
20444
20449
  --base--corner-radius: 0.25em;