@dialpad/dialtone-css 8.72.0 → 8.73.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.
- package/lib/build/less/components/datepicker.less +6 -2
- package/lib/build/less/utilities/typography.less +9 -0
- package/lib/dist/dialtone-default-theme.css +20 -1
- package/lib/dist/dialtone-default-theme.min.css +1 -1
- package/lib/dist/dialtone-docs.json +1 -1
- package/lib/dist/dialtone.css +20 -1
- package/lib/dist/dialtone.min.css +1 -1
- package/package.json +1 -1
|
@@ -22,7 +22,6 @@
|
|
|
22
22
|
padding: 0 var(--dt-space-300);
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
|
|
26
25
|
&__month-year {
|
|
27
26
|
justify-content: space-between;
|
|
28
27
|
width: 100%;
|
|
@@ -40,6 +39,11 @@
|
|
|
40
39
|
&__nav-btn {
|
|
41
40
|
width: var(--datepicker-button-size);
|
|
42
41
|
height: var(--datepicker-button-size);
|
|
42
|
+
|
|
43
|
+
&:disabled {
|
|
44
|
+
background-color: var(--dt-color-neutral-transparent);
|
|
45
|
+
opacity: var(--dt-opacity-900);
|
|
46
|
+
}
|
|
43
47
|
}
|
|
44
48
|
|
|
45
49
|
&__weekday {
|
|
@@ -76,8 +80,8 @@
|
|
|
76
80
|
}
|
|
77
81
|
|
|
78
82
|
&--disabled {
|
|
79
|
-
color: var(--dt-color-foreground-muted);
|
|
80
83
|
background-color: var(--dt-color-neutral-transparent);
|
|
84
|
+
opacity: var(--dt-opacity-900);
|
|
81
85
|
}
|
|
82
86
|
}
|
|
83
87
|
}
|
|
@@ -428,6 +428,15 @@ ul {
|
|
|
428
428
|
.d-tt-none { text-transform: none !important; }
|
|
429
429
|
.d-tt-unset { text-transform: unset !important; }
|
|
430
430
|
|
|
431
|
+
// ============================================================================
|
|
432
|
+
// $$ TEXT WRAP
|
|
433
|
+
// ----------------------------------------------------------------------------
|
|
434
|
+
|
|
435
|
+
.d-tw-wrap { text-wrap: wrap !important; }
|
|
436
|
+
.d-tw-nowrap { text-wrap: nowrap !important; }
|
|
437
|
+
.d-tw-balance { text-wrap: balance !important; }
|
|
438
|
+
.d-tw-pretty { text-wrap: pretty !important; }
|
|
439
|
+
.d-tw-unset { text-wrap: unset !important; }
|
|
431
440
|
|
|
432
441
|
// ============================================================================
|
|
433
442
|
// $$ VERTICAL ALIGN
|
|
@@ -2555,6 +2555,10 @@ template {
|
|
|
2555
2555
|
width: var(--datepicker-button-size);
|
|
2556
2556
|
height: var(--datepicker-button-size);
|
|
2557
2557
|
}
|
|
2558
|
+
.d-datepicker__nav-btn:disabled {
|
|
2559
|
+
background-color: var(--dt-color-neutral-transparent);
|
|
2560
|
+
opacity: var(--dt-opacity-900);
|
|
2561
|
+
}
|
|
2558
2562
|
.d-datepicker__weekday {
|
|
2559
2563
|
color: var(--dt-color-foreground-tertiary);
|
|
2560
2564
|
font-weight: var(--dt-font-weight-medium);
|
|
@@ -2584,8 +2588,8 @@ template {
|
|
|
2584
2588
|
background: var(--dt-action-color-background-base-primary-default);
|
|
2585
2589
|
}
|
|
2586
2590
|
.d-datepicker__day--disabled {
|
|
2587
|
-
color: var(--dt-color-foreground-muted);
|
|
2588
2591
|
background-color: var(--dt-color-neutral-transparent);
|
|
2592
|
+
opacity: var(--dt-opacity-900);
|
|
2589
2593
|
}
|
|
2590
2594
|
.d-context-menu-list {
|
|
2591
2595
|
width: var(--dt-size-850);
|
|
@@ -8704,6 +8708,21 @@ ul {
|
|
|
8704
8708
|
.d-tt-unset {
|
|
8705
8709
|
text-transform: unset !important;
|
|
8706
8710
|
}
|
|
8711
|
+
.d-tw-wrap {
|
|
8712
|
+
text-wrap: wrap !important;
|
|
8713
|
+
}
|
|
8714
|
+
.d-tw-nowrap {
|
|
8715
|
+
text-wrap: nowrap !important;
|
|
8716
|
+
}
|
|
8717
|
+
.d-tw-balance {
|
|
8718
|
+
text-wrap: balance !important;
|
|
8719
|
+
}
|
|
8720
|
+
.d-tw-pretty {
|
|
8721
|
+
text-wrap: pretty !important;
|
|
8722
|
+
}
|
|
8723
|
+
.d-tw-unset {
|
|
8724
|
+
text-wrap: unset !important;
|
|
8725
|
+
}
|
|
8707
8726
|
.d-va-baseline {
|
|
8708
8727
|
vertical-align: baseline !important;
|
|
8709
8728
|
}
|