@dialpad/dialtone-css 8.76.0 → 8.77.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/recipes/message_input.less +8 -0
  2. package/lib/dist/dialtone-default-theme.css +7 -0
  3. package/lib/dist/dialtone-default-theme.min.css +1 -1
  4. package/lib/dist/dialtone.css +7 -0
  5. package/lib/dist/dialtone.min.css +1 -1
  6. package/package.json +3 -3
package/lib/build/less/recipes/message_input.less CHANGED
@@ -46,6 +46,7 @@
46
46
  }
47
47
 
48
48
  .d-recipe-message-input__button {
49
+ flex-shrink: 0;
49
50
  max-width: 2.8rem;
50
51
  max-height: 2.8rem;
51
52
  border-radius: var(--dt-size-radius-300);
@@ -65,6 +66,7 @@
65
66
 
66
67
  .d-recipe-message-input__bottom-section {
67
68
  display: flex;
69
+ flex-wrap: nowrap;
68
70
  justify-content: space-between;
69
71
  padding: var(--dt-space-300) var(--dt-space-400) var(--dt-space-400);
70
72
  }
@@ -74,6 +76,12 @@
74
76
  display: flex;
75
77
  }
76
78
 
79
+ .d-recipe-message-input__bottom-section-left,
80
+ .d-recipe-message-input__bottom-section-left-stack {
81
+ flex: 1 1 auto;
82
+ min-width: var(--dt-size-0);
83
+ }
84
+
77
85
  .d-recipe-message-input__image-input {
78
86
  position: absolute;
79
87
  }
package/lib/dist/dialtone-default-theme.css CHANGED
@@ -10428,6 +10428,7 @@ ul {
10428
10428
  margin-bottom: auto;
10429
10429
  }
10430
10430
  .d-recipe-message-input__button {
10431
+ flex-shrink: 0;
10431
10432
  max-width: 2.8rem;
10432
10433
  max-height: 2.8rem;
10433
10434
  border-radius: var(--dt-size-radius-300);
@@ -10444,6 +10445,7 @@ ul {
10444
10445
  }
10445
10446
  .d-recipe-message-input__bottom-section {
10446
10447
  display: flex;
10448
+ flex-wrap: nowrap;
10447
10449
  justify-content: space-between;
10448
10450
  padding: var(--dt-space-300) var(--dt-space-400) var(--dt-space-400);
10449
10451
  }
@@ -10451,6 +10453,11 @@ ul {
10451
10453
  .d-recipe-message-input__bottom-section-right {
10452
10454
  display: flex;
10453
10455
  }
10456
+ .d-recipe-message-input__bottom-section-left,
10457
+ .d-recipe-message-input__bottom-section-left-stack {
10458
+ flex: 1 1 auto;
10459
+ min-width: var(--dt-size-0);
10460
+ }
10454
10461
  .d-recipe-message-input__image-input {
10455
10462
  position: absolute;
10456
10463
  }