@dialpad/dialtone-css 8.45.2 → 8.45.3
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.
- package/lib/build/less/components/badge.less +1 -1
- package/lib/build/less/components/input.less +1 -1
- package/lib/build/less/components/modal.less +5 -0
- package/lib/build/less/components/popover.less +3 -0
- package/lib/build/less/components/radio-checkbox.less +1 -1
- package/lib/dist/dialtone-default-theme.css +84 -81
- package/lib/dist/dialtone-default-theme.min.css +1 -1
- package/lib/dist/dialtone.css +7 -4
- package/lib/dist/dialtone.min.css +1 -1
- package/lib/dist/tokens/tokens-base-dark.css +49 -49
- package/lib/dist/tokens/tokens-base-light.css +42 -42
- package/lib/dist/tokens/tokens-dp-dark.css +35 -35
- package/lib/dist/tokens/tokens-dp-light.css +35 -35
- package/lib/dist/tokens/tokens-expressive-dark.css +35 -35
- package/lib/dist/tokens/tokens-expressive-light.css +35 -35
- package/lib/dist/tokens/tokens-expressive-sm-dark.css +35 -35
- package/lib/dist/tokens/tokens-expressive-sm-light.css +35 -35
- package/lib/dist/tokens/tokens-tmo-dark.css +35 -35
- package/lib/dist/tokens/tokens-tmo-light.css +35 -35
- package/package.json +2 -2
package/lib/dist/dialtone.css
CHANGED
|
@@ -1096,7 +1096,7 @@ template {
|
|
|
1096
1096
|
background-image: var(--dt-badge-color-background-ai);
|
|
1097
1097
|
}
|
|
1098
1098
|
.d-badge--outlined {
|
|
1099
|
-
box-shadow: 0 0 0 var(--dt-size-border-
|
|
1099
|
+
box-shadow: 0 0 0 var(--dt-size-border-100) var(--badge-color-outline) inset;
|
|
1100
1100
|
}
|
|
1101
1101
|
.d-badge--decorate-black-400 {
|
|
1102
1102
|
--badge-decorative-color: var(--dt-color-black-400);
|
|
@@ -2228,7 +2228,7 @@ legend .d-label--md {
|
|
|
2228
2228
|
--input-color-background: var(--dt-inputs-color-background-default);
|
|
2229
2229
|
--input-color-background-disabled: var(--dt-inputs-color-background-disabled);
|
|
2230
2230
|
--input-color-text: var(--dt-inputs-color-foreground-default);
|
|
2231
|
-
--input-border-width: var(--dt-size-border-
|
|
2231
|
+
--input-border-width: var(--dt-size-border-100);
|
|
2232
2232
|
--input-border-radius: var(--dt-inputs-size-radius-md);
|
|
2233
2233
|
--input-padding-y: calc(var(--dt-space-400) - var(--input-border-width));
|
|
2234
2234
|
--input-padding-x: calc((var(--dt-space-500) - var(--dt-space-300)) - var(--input-border-width));
|
|
@@ -2872,6 +2872,7 @@ legend .d-label--md {
|
|
|
2872
2872
|
--modal-dialog-color-text: var(--dt-color-foreground-primary);
|
|
2873
2873
|
--modal-header-color-text: var(--dt-color-foreground-primary);
|
|
2874
2874
|
--modal-dialog-shadow: var(--dt-shadow-large);
|
|
2875
|
+
-webkit-app-region: no-drag;
|
|
2875
2876
|
position: fixed;
|
|
2876
2877
|
inset: 0;
|
|
2877
2878
|
z-index: var(--zi-hide);
|
|
@@ -2889,6 +2890,7 @@ legend .d-label--md {
|
|
|
2889
2890
|
}
|
|
2890
2891
|
.d-modal--transparent {
|
|
2891
2892
|
--modal-backdrop-color-background: var(--d-bgc-transparent);
|
|
2893
|
+
-webkit-app-region: no-drag;
|
|
2892
2894
|
}
|
|
2893
2895
|
.d-modal--transparent[aria-hidden='false'] {
|
|
2894
2896
|
position: fixed;
|
|
@@ -3386,6 +3388,7 @@ legend .d-label--md {
|
|
|
3386
3388
|
--popover-border-radius: var(--dt-size-400);
|
|
3387
3389
|
--popover-color-border: var(--dt-color-border-subtle);
|
|
3388
3390
|
--popover-shadow: var(--dt-shadow-card);
|
|
3391
|
+
-webkit-app-region: no-drag;
|
|
3389
3392
|
display: grid;
|
|
3390
3393
|
grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
|
|
3391
3394
|
grid-template-rows: min-content 1fr min-content;
|
|
@@ -3450,7 +3453,7 @@ legend .d-label--md {
|
|
|
3450
3453
|
--check-radio-color-background: var(--dt-inputs-color-background-default);
|
|
3451
3454
|
--check-radio-color-background-checked: var(--dt-checkbox-color-background-checked);
|
|
3452
3455
|
--check-radio-color-background-disabled: var(--dt-inputs-color-background-disabled);
|
|
3453
|
-
--check-radio-border-width: var(--dt-size-border-
|
|
3456
|
+
--check-radio-border-width: var(--dt-size-border-100);
|
|
3454
3457
|
flex: 0 auto;
|
|
3455
3458
|
align-self: flex-start;
|
|
3456
3459
|
transition-timing-function: var(--ttf-out-quint);
|
|
@@ -3672,7 +3675,7 @@ legend .d-label--md {
|
|
|
3672
3675
|
--input-color-background: var(--dt-inputs-color-background-default);
|
|
3673
3676
|
--input-color-background-disabled: var(--dt-inputs-color-background-disabled);
|
|
3674
3677
|
--input-color-text: var(--dt-inputs-color-foreground-default);
|
|
3675
|
-
--input-border-width: var(--dt-size-border-
|
|
3678
|
+
--input-border-width: var(--dt-size-border-100);
|
|
3676
3679
|
--input-border-radius: var(--dt-inputs-size-radius-md);
|
|
3677
3680
|
--input-padding-y: calc(var(--dt-space-400) - var(--input-border-width));
|
|
3678
3681
|
--input-padding-x: calc((var(--dt-space-500) - var(--dt-space-300)) - var(--input-border-width));
|