@dialpad/dialtone 9.5.0 → 9.6.0

package/dist/css/dialtone.css

@@ -317,6 +317,202 @@ template {
   box-shadow: var(--dt-shadow-focus);
 }
 /* stylelint-disable meowtec/no-px */
+.d-root-layout {
+  position: relative;
+  display: grid;
+  grid-template-areas: 'header header' 'sidebar body' 'footer footer';
+  grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
+  grid-template-rows: min-content 1fr min-content;
+  grid-template-columns: -webkit-min-content 1fr;
+  grid-template-columns: min-content 1fr;
+  min-height: 100vh;
+}
+.d-root-layout--inverted {
+  grid-template-areas: 'header header' 'body sidebar' 'footer footer';
+  grid-template-columns: 1fr -webkit-min-content;
+  grid-template-columns: 1fr min-content;
+}
+.d-root-layout--fixed {
+  height: 100vh;
+}
+.d-root-layout__header {
+  grid-area: header;
+}
+.d-root-layout__header--sticky {
+  position: sticky;
+  top: 0;
+  z-index: var(--zi-navigation);
+}
+.d-root-layout__sidebar {
+  grid-area: sidebar;
+  height: 100%;
+  overflow: hidden auto;
+  box-shadow: none;
+}
+.d-root-layout__content {
+  grid-area: body;
+  overflow-y: auto;
+  box-shadow: none;
+}
+.d-root-layout__content:focus-visible {
+  box-shadow: none;
+}
+.d-root-layout__footer {
+  grid-area: footer;
+}
+.d-stack {
+  --stack-gap: 0;
+  --stack-direction: column;
+  display: flex;
+  flex-direction: var(--stack-direction);
+  gap: var(--stack-gap);
+  justify-content: flex-start;
+}
+.d-stack--column-reverse {
+  --stack-direction: column-reverse;
+  justify-content: flex-start;
+}
+.d-stack--row {
+  --stack-direction: row;
+  align-items: center;
+  justify-content: normal;
+}
+.d-stack--row-reverse {
+  --stack-direction: row-reverse;
+  align-items: center;
+  justify-content: normal;
+}
+@media screen and (max-width: 1264px) {
+  .d-stack--xl--column {
+    --stack-direction: column;
+    justify-content: flex-start;
+  }
+  .d-stack--xl--column-reverse {
+    --stack-direction: column-reverse;
+    justify-content: flex-start;
+  }
+  .d-stack--xl--row {
+    --stack-direction: row;
+    align-items: center;
+    justify-content: normal;
+  }
+  .d-stack--xl--row-reverse {
+    --stack-direction: row-reverse;
+    align-items: center;
+    justify-content: normal;
+  }
+}
+@media screen and (max-width: 980px) {
+  .d-stack--lg--column {
+    --stack-direction: column;
+    justify-content: flex-start;
+  }
+  .d-stack--lg--column-reverse {
+    --stack-direction: column-reverse;
+    justify-content: flex-start;
+  }
+  .d-stack--lg--row {
+    --stack-direction: row;
+    align-items: center;
+    justify-content: normal;
+  }
+  .d-stack--lg--row-reverse {
+    --stack-direction: row-reverse;
+    align-items: center;
+    justify-content: normal;
+  }
+}
+@media screen and (max-width: 640px) {
+  .d-stack--md--column {
+    --stack-direction: column;
+    justify-content: flex-start;
+  }
+  .d-stack--md--column-reverse {
+    --stack-direction: column-reverse;
+    justify-content: flex-start;
+  }
+  .d-stack--md--row {
+    --stack-direction: row;
+    align-items: center;
+    justify-content: normal;
+  }
+  .d-stack--md--row-reverse {
+    --stack-direction: row-reverse;
+    align-items: center;
+    justify-content: normal;
+  }
+}
+@media screen and (max-width: 480px) {
+  .d-stack--sm--column {
+    --stack-direction: column;
+    justify-content: flex-start;
+  }
+  .d-stack--sm--column-reverse {
+    --stack-direction: column-reverse;
+    justify-content: flex-start;
+  }
+  .d-stack--sm--row {
+    --stack-direction: row;
+    align-items: center;
+    justify-content: normal;
+  }
+  .d-stack--sm--row-reverse {
+    --stack-direction: row-reverse;
+    align-items: center;
+    justify-content: normal;
+  }
+}
+.d-stack--gap-100 {
+  --stack-gap: var(--dt-space-100);
+}
+.d-stack--gap-200 {
+  --stack-gap: var(--dt-space-200);
+}
+.d-stack--gap-300 {
+  --stack-gap: var(--dt-space-300);
+}
+.d-stack--gap-400 {
+  --stack-gap: var(--dt-space-400);
+}
+.d-stack--gap-500 {
+  --stack-gap: var(--dt-space-500);
+}
+.d-stack--gap-600 {
+  --stack-gap: var(--dt-space-600);
+}
+.dt-item-layout {
+  display: flex;
+  align-items: center;
+  min-height: calc(var(--dt-size-550) + var(--dt-size-300));
+  padding: var(--dt-space-300) var(--dt-space-400);
+  font-size: var(--dt-font-size-200);
+  line-height: var(--dt-font-line-height-300);
+}
+.dt-item-layout--content {
+  flex-grow: 1;
+  min-width: var(--dt-size-0);
+}
+.dt-item-layout--subtitle {
+  color: var(--dt-color-foreground-tertiary);
+  font-size: var(--dt-font-size-100);
+}
+.dt-item-layout--right,
+.dt-item-layout--left {
+  display: flex;
+  align-items: center;
+  min-width: var(--dt-size-600);
+  min-height: inherit;
+}
+.dt-item-layout--right {
+  padding-left: var(--dt-space-400);
+}
+.dt-item-layout--left {
+  justify-content: flex-end;
+  padding-right: var(--dt-space-400);
+}
+.dt-item-layout--bottom {
+  margin-top: var(--dt-space-200);
+}
 .d-avatar {
   --avatar-color-background: var(--dt-avatar-color-background-000);
   --avatar-color-text: var(--dt-avatar-color-foreground);
@@ -1377,114 +1573,61 @@ template {
 }
 .d-datepicker {
   --datepicker-width: calc(var(--dt-size-300) * 75);
-  --datepicker-day-size: calc(var(--dt-size-600) - var(--dt-size-200));
-  display: flex;
-  flex-direction: column;
-  gap: var(--dt-space-400);
+  --datepicker-button-size: calc(var(--dt-size-600) - var(--dt-size-200));
   width: var(--datepicker-width);
   padding: var(--dt-space-500);
+  box-sizing: border-box;
 }
-.d-datepicker p {
-  display: flex;
-  color: var(--dt-color-foreground-secondary);
-  font-size: var(--dt-font-size-100);
-  text-transform: uppercase;
-}
-.d-datepicker--body {
-  padding: 0;
+.d-datepicker__hd {
+  padding: 0 var(--dt-space-300);
 }
-.d-datepicker__month-year-picker {
-  display: flex;
-  gap: var(--dt-space-500);
-  align-items: center;
+.d-datepicker__month-year {
   justify-content: space-between;
+  width: 100%;
+  color: var(--dt-color-foreground-secondary);
+  text-align: center;
 }
-.d-datepicker__month-year-picker > div {
-  display: flex;
-  gap: var(--dt-space-200);
-}
-.d-datepicker__month-year-picker button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--datepicker-day-size);
-  height: var(--datepicker-day-size);
-  padding: 0;
-  color: var(--dt-action-color-foreground-base-default);
-  background-color: var(--dt-action-color-background-base-default);
-  border: none;
-  border-radius: var(--dt-size-radius-circle);
-  cursor: pointer;
+.d-datepicker__month-year-title {
+  line-height: var(--dt-font-line-height-300);
+  font-size: var(--dt-font-size-100);
+  font-weight: var(--dt-font-weight-normal);
+  text-transform: uppercase;
 }
-.d-datepicker__month-year-picker button:hover {
-  color: var(--dt-action-color-foreground-base-hover);
-  background-color: var(--dt-action-color-background-base-hover);
+.d-datepicker__nav-btn {
+  width: var(--datepicker-button-size);
+  height: var(--datepicker-button-size);
 }
-.d-datepicker__month-year-picker button:active {
-  color: var(--dt-action-color-foreground-base-active);
-  background-color: var(--dt-action-color-background-base-active);
+.d-datepicker__weekday {
+  color: var(--dt-color-foreground-tertiary);
+  font-weight: var(--dt-font-weight-medium);
+  font-size: var(--dt-font-size-100);
+  text-transform: uppercase;
 }
 .d-datepicker__calendar {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dt-space-200);
-}
-.d-datepicker__week-day {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.d-datepicker__week-day > div {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--datepicker-day-size);
-  height: var(--datepicker-day-size);
+  width: 100%;
+  border-collapse: collapse;
 }
-.d-datepicker__week-day > div p {
-  margin: 0;
-  color: var(--dt-color-foreground-tertiary);
-  font-weight: var(--dt-font-weight-medium);
+.d-datepicker__cell {
+  padding: 0;
+  padding-top: var(--dt-space-200);
+  text-align: center;
 }
-.d-datepicker__week {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+.d-datepicker__cell--header {
+  padding-top: 0;
+  padding-bottom: var(--dt-space-400);
 }
 .d-datepicker__day {
-  width: var(--datepicker-day-size);
-  height: var(--datepicker-day-size);
-  padding: 0;
-  color: var(--dt-action-color-foreground-muted-default);
-  font-size: var(--dt-font-size-100);
+  width: var(--datepicker-button-size);
+  height: var(--datepicker-button-size);
   font-variant-numeric: tabular-nums;
-  line-height: 1;
-  background-color: transparent;
-  border: none;
-  border-radius: var(--dt-size-radius-circle);
-  cursor: pointer;
-}
-.d-datepicker__day--disabled {
-  color: var(--dt-color-foreground-muted);
-  cursor: default;
 }
 .d-datepicker__day--selected {
   color: var(--dt-color-neutral-white);
   background: var(--dt-color-brand-purple);
 }
-.d-datepicker__day:hover:not(.d-datepicker__day--selected, .d-datepicker__day--disabled) {
-  color: var(--dt-action-color-foreground-muted-hover);
-  background-color: var(--dt-action-color-background-muted-hover);
-}
-.d-datepicker__day:active:not(.d-datepicker__day--selected, .d-datepicker__day--disabled) {
-  color: var(--dt-action-color-foreground-muted-active);
-  background-color: var(--dt-action-color-background-muted-active);
-}
-.d-datepicker__day:focus-visible {
-  box-shadow: var(--dt-shadow-focus);
-}
-.d-datepicker__day:focus-visible:not(.d-datepicker__day--selected) {
-  background-color: var(--dt-color-surface-moderate);
+.d-datepicker__day--disabled {
+  color: var(--dt-color-foreground-muted);
+  background-color: var(--dt-color-neutral-transparent);
 }
 .d-emoji-picker {
   flex-direction: column;
@@ -3963,202 +4106,6 @@ legend .d-label {
 .d-icon--size-100 {
   --icon-size: var(--icon-size-100);
 }
-.d-root-layout {
-  position: relative;
-  display: grid;
-  grid-template-areas: 'header header' 'sidebar body' 'footer footer';
-  grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
-  grid-template-rows: min-content 1fr min-content;
-  grid-template-columns: -webkit-min-content 1fr;
-  grid-template-columns: min-content 1fr;
-  min-height: 100vh;
-}
-.d-root-layout--inverted {
-  grid-template-areas: 'header header' 'body sidebar' 'footer footer';
-  grid-template-columns: 1fr -webkit-min-content;
-  grid-template-columns: 1fr min-content;
-}
-.d-root-layout--fixed {
-  height: 100vh;
-}
-.d-root-layout__header {
-  grid-area: header;
-}
-.d-root-layout__header--sticky {
-  position: sticky;
-  top: 0;
-  z-index: var(--zi-navigation);
-}
-.d-root-layout__sidebar {
-  grid-area: sidebar;
-  height: 100%;
-  overflow: hidden auto;
-  box-shadow: none;
-}
-.d-root-layout__content {
-  grid-area: body;
-  overflow-y: auto;
-  box-shadow: none;
-}
-.d-root-layout__content:focus-visible {
-  box-shadow: none;
-}
-.d-root-layout__footer {
-  grid-area: footer;
-}
-.d-stack {
-  --stack-gap: 0;
-  --stack-direction: column;
-  display: flex;
-  flex-direction: var(--stack-direction);
-  gap: var(--stack-gap);
-  justify-content: flex-start;
-}
-.d-stack--column-reverse {
-  --stack-direction: column-reverse;
-  justify-content: flex-start;
-}
-.d-stack--row {
-  --stack-direction: row;
-  align-items: center;
-  justify-content: normal;
-}
-.d-stack--row-reverse {
-  --stack-direction: row-reverse;
-  align-items: center;
-  justify-content: normal;
-}
-@media screen and (max-width: 1264px) {
-  .d-stack--xl--column {
-    --stack-direction: column;
-    justify-content: flex-start;
-  }
-  .d-stack--xl--column-reverse {
-    --stack-direction: column-reverse;
-    justify-content: flex-start;
-  }
-  .d-stack--xl--row {
-    --stack-direction: row;
-    align-items: center;
-    justify-content: normal;
-  }
-  .d-stack--xl--row-reverse {
-    --stack-direction: row-reverse;
-    align-items: center;
-    justify-content: normal;
-  }
-}
-@media screen and (max-width: 980px) {
-  .d-stack--lg--column {
-    --stack-direction: column;
-    justify-content: flex-start;
-  }
-  .d-stack--lg--column-reverse {
-    --stack-direction: column-reverse;
-    justify-content: flex-start;
-  }
-  .d-stack--lg--row {
-    --stack-direction: row;
-    align-items: center;
-    justify-content: normal;
-  }
-  .d-stack--lg--row-reverse {
-    --stack-direction: row-reverse;
-    align-items: center;
-    justify-content: normal;
-  }
-}
-@media screen and (max-width: 640px) {
-  .d-stack--md--column {
-    --stack-direction: column;
-    justify-content: flex-start;
-  }
-  .d-stack--md--column-reverse {
-    --stack-direction: column-reverse;
-    justify-content: flex-start;
-  }
-  .d-stack--md--row {
-    --stack-direction: row;
-    align-items: center;
-    justify-content: normal;
-  }
-  .d-stack--md--row-reverse {
-    --stack-direction: row-reverse;
-    align-items: center;
-    justify-content: normal;
-  }
-}
-@media screen and (max-width: 480px) {
-  .d-stack--sm--column {
-    --stack-direction: column;
-    justify-content: flex-start;
-  }
-  .d-stack--sm--column-reverse {
-    --stack-direction: column-reverse;
-    justify-content: flex-start;
-  }
-  .d-stack--sm--row {
-    --stack-direction: row;
-    align-items: center;
-    justify-content: normal;
-  }
-  .d-stack--sm--row-reverse {
-    --stack-direction: row-reverse;
-    align-items: center;
-    justify-content: normal;
-  }
-}
-.d-stack--gap-100 {
-  --stack-gap: var(--dt-space-100);
-}
-.d-stack--gap-200 {
-  --stack-gap: var(--dt-space-200);
-}
-.d-stack--gap-300 {
-  --stack-gap: var(--dt-space-300);
-}
-.d-stack--gap-400 {
-  --stack-gap: var(--dt-space-400);
-}
-.d-stack--gap-500 {
-  --stack-gap: var(--dt-space-500);
-}
-.d-stack--gap-600 {
-  --stack-gap: var(--dt-space-600);
-}
-.dt-item-layout {
-  display: flex;
-  align-items: center;
-  min-height: calc(var(--dt-size-550) + var(--dt-size-300));
-  padding: var(--dt-space-300) var(--dt-space-400);
-  font-size: var(--dt-font-size-200);
-  line-height: var(--dt-font-line-height-300);
-}
-.dt-item-layout--content {
-  flex-grow: 1;
-  min-width: var(--dt-size-0);
-}
-.dt-item-layout--subtitle {
-  color: var(--dt-color-foreground-tertiary);
-  font-size: var(--dt-font-size-100);
-}
-.dt-item-layout--right,
-.dt-item-layout--left {
-  display: flex;
-  align-items: center;
-  min-width: var(--dt-size-600);
-  min-height: inherit;
-}
-.dt-item-layout--right {
-  padding-left: var(--dt-space-400);
-}
-.dt-item-layout--left {
-  justify-content: flex-end;
-  padding-right: var(--dt-space-400);
-}
-.dt-item-layout--bottom {
-  margin-top: var(--dt-space-200);
-}
 .d-bga-scroll {
   background-attachment: scroll !important;
 }
@@ -7427,7 +7374,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Mon, 15 Jan 2024 18:39:18 GMT
+ * Generated on Tue, 16 Jan 2024 19:27:32 GMT
  */
 
 .dialtone-theme-light {
@@ -8224,7 +8171,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Mon, 15 Jan 2024 18:39:19 GMT
+ * Generated on Tue, 16 Jan 2024 19:27:33 GMT
  */
 
 .dialtone-theme-dark {