@dialpad/dialtone-css 8.24.0 → 8.24.1

package/lib/build/less/components/emoji-text-wrapper.less

@@ -0,0 +1,5 @@
+.d-emoji-text-wrapper {
+  span {
+    vertical-align: middle;
+  }
+}

package/lib/build/less/components/emoji.less

@@ -0,0 +1,4 @@
+.d-emoji {
+  display: inline-block;
+  vertical-align: middle;
+}

package/lib/build/less/components/link.less

@@ -30,7 +30,7 @@
     font: inherit;
     text-decoration: var(--link-text-decoration);
     text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100));
-    text-decoration-thickness: var(--dt-size-border-100);
+    text-decoration-thickness: var(--dt-size-border-50);
     background-color: transparent;
     border: 0;
     transition-timing-function: var(--ttf-out-quint);

package/lib/build/less/dialtone-reset.less

@@ -75,6 +75,14 @@ pre {
 
 a {
   background-color: transparent;
+  text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100));
+  text-decoration-thickness: var(--dt-size-border-50);
+}
+
+ins,
+u {
+  text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100));
+  text-decoration-thickness: var(--dt-size-border-50);
 }
 
 /**
@@ -86,6 +94,13 @@ abbr[title] {
   border-bottom: none; /* 1 */
   text-decoration: underline; /* 2 */
   text-decoration: underline dotted; /* 2 */
+  text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100));
+  text-decoration-thickness: var(--dt-size-border-100);
+}
+
+del,
+s {
+  text-decoration-thickness: var(--dt-size-border-100) !important;
 }
 
 /**

package/lib/build/less/dialtone.less

@@ -24,6 +24,8 @@
 @import 'components/collapsible';
 @import 'components/combobox';
 @import 'components/datepicker';
+@import 'components/emoji';
+@import 'components/emoji-text-wrapper';
 @import 'components/emoji-picker';
 @import 'components/forms';
 @import 'components/image-viewer';

package/lib/build/less/utilities/typography.less

@@ -211,14 +211,17 @@ ul {
 .d-td-underline {
     text-decoration: underline !important;
     text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100)) !important;
-    text-decoration-thickness: var(--dt-size-border-100) !important;
+    text-decoration-thickness: var(--dt-size-border-50) !important;
 }
 .d-td-dotted {
     text-decoration: underline dotted !important;
     text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100)) !important;
     text-decoration-thickness: var(--dt-size-border-100) !important;
 }
-.d-td-line-through { text-decoration: line-through !important; }
+.d-td-line-through {
+    text-decoration: line-through !important;
+    text-decoration-thickness: var(--dt-size-border-100) !important;
+}
 .d-td-unset { text-decoration: unset !important; }
 
 

package/lib/dist/css/dialtone.css

@@ -64,6 +64,13 @@ pre {
  */
 a {
   background-color: transparent;
+  text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100));
+  text-decoration-thickness: var(--dt-size-border-50);
+}
+ins,
+u {
+  text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100));
+  text-decoration-thickness: var(--dt-size-border-50);
 }
 /**
  * 1. Remove the bottom border in Chrome 57-
@@ -77,6 +84,12 @@ abbr[title] {
   -webkit-text-decoration: underline dotted;
           text-decoration: underline dotted;
   /* 2 */
+  text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100));
+  text-decoration-thickness: var(--dt-size-border-100);
+}
+del,
+s {
+  text-decoration-thickness: var(--dt-size-border-100) !important;
 }
 /**
  * Add the correct font weight in Chrome, Edge, and Safari.
@@ -1629,6 +1642,13 @@ template {
   color: var(--dt-color-foreground-muted);
   background-color: var(--dt-color-neutral-transparent);
 }
+.d-emoji {
+  display: inline-block;
+  vertical-align: middle;
+}
+.d-emoji-text-wrapper span {
+  vertical-align: middle;
+}
 .d-emoji-picker {
   flex-direction: column;
   width: calc(var(--dt-size-925) + var(--dt-size-600) + var(--dt-size-400));
@@ -2344,7 +2364,7 @@ legend .d-label {
   -webkit-text-decoration: var(--link-text-decoration);
           text-decoration: var(--link-text-decoration);
   text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100));
-  text-decoration-thickness: var(--dt-size-border-100);
+  text-decoration-thickness: var(--dt-size-border-50);
   background-color: transparent;
   border: 0;
   transition-timing-function: var(--ttf-out-quint);
@@ -7164,7 +7184,7 @@ ul {
 .d-td-underline {
   text-decoration: underline !important;
   text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100)) !important;
-  text-decoration-thickness: var(--dt-size-border-100) !important;
+  text-decoration-thickness: var(--dt-size-border-50) !important;
 }
 .d-td-dotted {
   -webkit-text-decoration: underline dotted !important;
@@ -7174,6 +7194,7 @@ ul {
 }
 .d-td-line-through {
   text-decoration: line-through !important;
+  text-decoration-thickness: var(--dt-size-border-100) !important;
 }
 .d-td-unset {
   text-decoration: unset !important;
@@ -7380,7 +7401,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 26 Jan 2024 00:08:28 GMT
+ * Generated on Mon, 05 Feb 2024 23:02:51 GMT
  */
 
 .dialtone-theme-light {
@@ -8177,7 +8198,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 26 Jan 2024 00:08:29 GMT
+ * Generated on Mon, 05 Feb 2024 23:02:52 GMT
  */
 
 .dialtone-theme-dark {