@dialpad/dialtone-css 8.71.3 → 8.71.4

package/lib/build/less/recipes/motion_text.less

@@ -75,13 +75,13 @@
 }
 
 .dt-recipe-motion-text__char {
-  display: inline-block;
+  display: inline;
   white-space: pre;
 }
 
 .dt-recipe-motion-text__word {
   position: relative;
-  display: inline;
+  display: inline-block;
   white-space: nowrap;
 }
 

package/lib/build/less/utilities/flex.less

@@ -23,8 +23,8 @@
 //     has more than one line.
 //  ----------------------------------------------------------------------------
 .d-ac-center { align-content: center !important; }
-.d-ac-flex-end { align-content: flex-end !important; }
-.d-ac-flex-start { align-content: flex-start !important; }
+.d-ac-flex-end, .d-ac-end { align-content: flex-end !important; }
+.d-ac-flex-start, .d-ac-start { align-content: flex-start !important; }
 .d-ac-space-around { align-content: space-around !important; }
 .d-ac-space-between { align-content: space-between !important; }
 .d-ac-space-evenly { align-content: space-evenly !important; }
@@ -41,8 +41,8 @@
 //     justify-content.
 //  ----------------------------------------------------------------------------
 .d-ai-center { align-items: center !important; }
-.d-ai-flex-end { align-items: flex-end !important; }
-.d-ai-flex-start { align-items: flex-start !important; }
+.d-ai-flex-end, .d-ai-end { align-items: flex-end !important; }
+.d-ai-flex-start, .d-ai-start { align-items: flex-start !important; }
 .d-ai-baseline { align-items: baseline !important; }
 .d-ai-stretch { align-items: stretch !important; }
 .d-ai-normal { align-items: normal !important; }
@@ -55,15 +55,14 @@
 //     of the parent's main axis direction.
 //  ----------------------------------------------------------------------------
 .d-as-center { align-self: center !important; }
-.d-as-flex-end { align-self: flex-end !important; }
-.d-as-flex-start { align-self: flex-start !important; }
+.d-as-flex-end, .d-as-end { align-self: flex-end !important; }
+.d-as-flex-start, .d-as-start { align-self: flex-start !important; }
 .d-as-baseline { align-self: baseline !important; }
 .d-as-stretch { align-self: stretch !important; }
 .d-as-auto { align-self: auto !important; }
 .d-as-normal { align-self: normal !important; }
 .d-as-unset { align-self: unset !important; }
 
-
 //  ============================================================================
 //  $  COLUMNS & LAYOUTS
 //  ----------------------------------------------------------------------------
@@ -185,11 +184,11 @@
 //     Defines the child alignment along the parent's main axis
 //  ----------------------------------------------------------------------------
 .d-jc-center { justify-content: center !important; }
-.d-jc-flex-end { justify-content: flex-end !important; }
-.d-jc-flex-start { justify-content: flex-start !important; }
-.d-jc-space-around { justify-content: space-around !important; }
-.d-jc-space-between { justify-content: space-between !important; }
-.d-jc-space-evenly { justify-content: space-evenly !important; }
+.d-jc-flex-end, .d-jc-end { justify-content: flex-end !important; }
+.d-jc-flex-start, .d-jc-start { justify-content: flex-start !important; }
+.d-jc-space-around, .d-jc-around { justify-content: space-around !important; }
+.d-jc-space-between, .d-jc-between { justify-content: space-between !important; }
+.d-jc-space-evenly, .d-jc-evenly { justify-content: space-evenly !important; }
 .d-jc-baseline { justify-content: baseline !important; }
 .d-jc-normal { justify-content: normal !important; }
 .d-jc-unset { justify-content: unset !important; }

package/lib/dist/dialtone-default-theme.css

@@ -6588,10 +6588,12 @@ legend .d-label--md {
 .d-ac-center {
   align-content: center !important;
 }
-.d-ac-flex-end {
+.d-ac-flex-end,
+.d-ac-end {
   align-content: flex-end !important;
 }
-.d-ac-flex-start {
+.d-ac-flex-start,
+.d-ac-start {
   align-content: flex-start !important;
 }
 .d-ac-space-around {
@@ -6618,10 +6620,12 @@ legend .d-label--md {
 .d-ai-center {
   align-items: center !important;
 }
-.d-ai-flex-end {
+.d-ai-flex-end,
+.d-ai-end {
   align-items: flex-end !important;
 }
-.d-ai-flex-start {
+.d-ai-flex-start,
+.d-ai-start {
   align-items: flex-start !important;
 }
 .d-ai-baseline {
@@ -6639,10 +6643,12 @@ legend .d-label--md {
 .d-as-center {
   align-self: center !important;
 }
-.d-as-flex-end {
+.d-as-flex-end,
+.d-as-end {
   align-self: flex-end !important;
 }
-.d-as-flex-start {
+.d-as-flex-start,
+.d-as-start {
   align-self: flex-start !important;
 }
 .d-as-baseline {
@@ -6834,19 +6840,24 @@ legend .d-label--md {
 .d-jc-center {
   justify-content: center !important;
 }
-.d-jc-flex-end {
+.d-jc-flex-end,
+.d-jc-end {
   justify-content: flex-end !important;
 }
-.d-jc-flex-start {
+.d-jc-flex-start,
+.d-jc-start {
   justify-content: flex-start !important;
 }
-.d-jc-space-around {
+.d-jc-space-around,
+.d-jc-around {
   justify-content: space-around !important;
 }
-.d-jc-space-between {
+.d-jc-space-between,
+.d-jc-between {
   justify-content: space-between !important;
 }
-.d-jc-space-evenly {
+.d-jc-space-evenly,
+.d-jc-evenly {
   justify-content: space-evenly !important;
 }
 .d-jc-baseline {
@@ -10173,12 +10184,12 @@ ul {
   display: contents;
 }
 .dt-recipe-motion-text__char {
-  display: inline-block;
+  display: inline;
   white-space: pre;
 }
 .dt-recipe-motion-text__word {
   position: relative;
-  display: inline;
+  display: inline-block;
   white-space: nowrap;
 }
 @-webkit-keyframes dt-recipe-motion-text-gradient-in-char-appear {