@dynamic-framework/ui-react 1.19.1 → 1.21.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/dist/css/dynamic-ui-non-root.css +102 -2
- package/dist/css/dynamic-ui-non-root.min.css +2 -2
- package/dist/css/dynamic-ui-root.css +34 -24
- package/dist/css/dynamic-ui-root.min.css +2 -2
- package/dist/css/dynamic-ui.css +135 -25
- package/dist/css/dynamic-ui.min.css +2 -2
- package/dist/index.esm.js +43 -27
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +43 -27
- package/dist/index.js.map +1 -1
- package/dist/types/components/DDatePicker/DDatePicker.d.ts +4 -1
- package/dist/types/components/DDatePickerInput/DDatePickerInput.d.ts +1 -1
- package/package.json +2 -2
- package/src/style/abstracts/_utilities.scss +7 -0
- package/src/style/abstracts/variables/_typography.scss +47 -12
- package/src/style/base/_type.scss +5 -0
- package/src/style/components/_d-input-pin.scss +1 -1
- package/src/style/components/_d-select.scss +1 -0
- package/src/style/root/_root.scss +5 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* dynamic-framework 1.
|
|
2
|
+
* dynamic-framework 1.21.0
|
|
3
3
|
* bootstrap ^5.3.3
|
|
4
4
|
* license https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md
|
|
5
5
|
*/
|
|
@@ -6575,6 +6575,10 @@ textarea.form-control-lg {
|
|
|
6575
6575
|
line-height: var(--bs-heading-line-height);
|
|
6576
6576
|
}
|
|
6577
6577
|
|
|
6578
|
+
[class*=fs-body-] {
|
|
6579
|
+
font-size: var(--bs-fs-body-font-size);
|
|
6580
|
+
}
|
|
6581
|
+
|
|
6578
6582
|
.list-unstyled {
|
|
6579
6583
|
padding-left: 0;
|
|
6580
6584
|
list-style: none;
|
|
@@ -8623,7 +8627,7 @@ label .d-icon {
|
|
|
8623
8627
|
flex-direction: column;
|
|
8624
8628
|
align-items: flex-start;
|
|
8625
8629
|
}
|
|
8626
|
-
.d-input-pin
|
|
8630
|
+
.d-input-pin .d-input-pin-group {
|
|
8627
8631
|
display: flex;
|
|
8628
8632
|
flex-direction: row;
|
|
8629
8633
|
gap: var(--bs-input-pin-form-gap);
|
|
@@ -10983,6 +10987,7 @@ label .d-icon {
|
|
|
10983
10987
|
}
|
|
10984
10988
|
.d-select .d-select__menu-list {
|
|
10985
10989
|
top: calc(var(--bs-input-border-width) * 2);
|
|
10990
|
+
margin: calc(var(--bs-input-border-width) * -1);
|
|
10986
10991
|
background: var(--bs-white);
|
|
10987
10992
|
border-radius: var(--bs-input-border-radius);
|
|
10988
10993
|
box-shadow: var(--bs-select-menu-shadow);
|
|
@@ -15038,6 +15043,26 @@ label .d-icon {
|
|
|
15038
15043
|
--bs-display-font-size: var(--bs-fs-display-6);
|
|
15039
15044
|
}
|
|
15040
15045
|
|
|
15046
|
+
.fs-body-large {
|
|
15047
|
+
--bs-fs-body-font-size: var(--bs-fs-body-large);
|
|
15048
|
+
}
|
|
15049
|
+
|
|
15050
|
+
.fs-body-medium {
|
|
15051
|
+
--bs-fs-body-font-size: var(--bs-fs-body-medium);
|
|
15052
|
+
}
|
|
15053
|
+
|
|
15054
|
+
.fs-body-normal {
|
|
15055
|
+
--bs-fs-body-font-size: var(--bs-fs-body-normal);
|
|
15056
|
+
}
|
|
15057
|
+
|
|
15058
|
+
.fs-body-small {
|
|
15059
|
+
--bs-fs-body-font-size: var(--bs-fs-body-small);
|
|
15060
|
+
}
|
|
15061
|
+
|
|
15062
|
+
.fs-body-tiny {
|
|
15063
|
+
--bs-fs-body-font-size: var(--bs-fs-body-tiny);
|
|
15064
|
+
}
|
|
15065
|
+
|
|
15041
15066
|
@media (min-width: 576px) {
|
|
15042
15067
|
.float-sm-start {
|
|
15043
15068
|
float: left !important;
|
|
@@ -16207,6 +16232,21 @@ label .d-icon {
|
|
|
16207
16232
|
.display-sm-6 {
|
|
16208
16233
|
--bs-display-font-size: var(--bs-fs-display-6);
|
|
16209
16234
|
}
|
|
16235
|
+
.fs-body-sm-large {
|
|
16236
|
+
--bs-fs-body-font-size: var(--bs-fs-body-large);
|
|
16237
|
+
}
|
|
16238
|
+
.fs-body-sm-medium {
|
|
16239
|
+
--bs-fs-body-font-size: var(--bs-fs-body-medium);
|
|
16240
|
+
}
|
|
16241
|
+
.fs-body-sm-normal {
|
|
16242
|
+
--bs-fs-body-font-size: var(--bs-fs-body-normal);
|
|
16243
|
+
}
|
|
16244
|
+
.fs-body-sm-small {
|
|
16245
|
+
--bs-fs-body-font-size: var(--bs-fs-body-small);
|
|
16246
|
+
}
|
|
16247
|
+
.fs-body-sm-tiny {
|
|
16248
|
+
--bs-fs-body-font-size: var(--bs-fs-body-tiny);
|
|
16249
|
+
}
|
|
16210
16250
|
}
|
|
16211
16251
|
@media (min-width: 768px) {
|
|
16212
16252
|
.float-md-start {
|
|
@@ -17377,6 +17417,21 @@ label .d-icon {
|
|
|
17377
17417
|
.display-md-6 {
|
|
17378
17418
|
--bs-display-font-size: var(--bs-fs-display-6);
|
|
17379
17419
|
}
|
|
17420
|
+
.fs-body-md-large {
|
|
17421
|
+
--bs-fs-body-font-size: var(--bs-fs-body-large);
|
|
17422
|
+
}
|
|
17423
|
+
.fs-body-md-medium {
|
|
17424
|
+
--bs-fs-body-font-size: var(--bs-fs-body-medium);
|
|
17425
|
+
}
|
|
17426
|
+
.fs-body-md-normal {
|
|
17427
|
+
--bs-fs-body-font-size: var(--bs-fs-body-normal);
|
|
17428
|
+
}
|
|
17429
|
+
.fs-body-md-small {
|
|
17430
|
+
--bs-fs-body-font-size: var(--bs-fs-body-small);
|
|
17431
|
+
}
|
|
17432
|
+
.fs-body-md-tiny {
|
|
17433
|
+
--bs-fs-body-font-size: var(--bs-fs-body-tiny);
|
|
17434
|
+
}
|
|
17380
17435
|
}
|
|
17381
17436
|
@media (min-width: 992px) {
|
|
17382
17437
|
.float-lg-start {
|
|
@@ -18547,6 +18602,21 @@ label .d-icon {
|
|
|
18547
18602
|
.display-lg-6 {
|
|
18548
18603
|
--bs-display-font-size: var(--bs-fs-display-6);
|
|
18549
18604
|
}
|
|
18605
|
+
.fs-body-lg-large {
|
|
18606
|
+
--bs-fs-body-font-size: var(--bs-fs-body-large);
|
|
18607
|
+
}
|
|
18608
|
+
.fs-body-lg-medium {
|
|
18609
|
+
--bs-fs-body-font-size: var(--bs-fs-body-medium);
|
|
18610
|
+
}
|
|
18611
|
+
.fs-body-lg-normal {
|
|
18612
|
+
--bs-fs-body-font-size: var(--bs-fs-body-normal);
|
|
18613
|
+
}
|
|
18614
|
+
.fs-body-lg-small {
|
|
18615
|
+
--bs-fs-body-font-size: var(--bs-fs-body-small);
|
|
18616
|
+
}
|
|
18617
|
+
.fs-body-lg-tiny {
|
|
18618
|
+
--bs-fs-body-font-size: var(--bs-fs-body-tiny);
|
|
18619
|
+
}
|
|
18550
18620
|
}
|
|
18551
18621
|
@media (min-width: 1200px) {
|
|
18552
18622
|
.float-xl-start {
|
|
@@ -19717,6 +19787,21 @@ label .d-icon {
|
|
|
19717
19787
|
.display-xl-6 {
|
|
19718
19788
|
--bs-display-font-size: var(--bs-fs-display-6);
|
|
19719
19789
|
}
|
|
19790
|
+
.fs-body-xl-large {
|
|
19791
|
+
--bs-fs-body-font-size: var(--bs-fs-body-large);
|
|
19792
|
+
}
|
|
19793
|
+
.fs-body-xl-medium {
|
|
19794
|
+
--bs-fs-body-font-size: var(--bs-fs-body-medium);
|
|
19795
|
+
}
|
|
19796
|
+
.fs-body-xl-normal {
|
|
19797
|
+
--bs-fs-body-font-size: var(--bs-fs-body-normal);
|
|
19798
|
+
}
|
|
19799
|
+
.fs-body-xl-small {
|
|
19800
|
+
--bs-fs-body-font-size: var(--bs-fs-body-small);
|
|
19801
|
+
}
|
|
19802
|
+
.fs-body-xl-tiny {
|
|
19803
|
+
--bs-fs-body-font-size: var(--bs-fs-body-tiny);
|
|
19804
|
+
}
|
|
19720
19805
|
}
|
|
19721
19806
|
@media (min-width: 1400px) {
|
|
19722
19807
|
.float-xxl-start {
|
|
@@ -20887,6 +20972,21 @@ label .d-icon {
|
|
|
20887
20972
|
.display-xxl-6 {
|
|
20888
20973
|
--bs-display-font-size: var(--bs-fs-display-6);
|
|
20889
20974
|
}
|
|
20975
|
+
.fs-body-xxl-large {
|
|
20976
|
+
--bs-fs-body-font-size: var(--bs-fs-body-large);
|
|
20977
|
+
}
|
|
20978
|
+
.fs-body-xxl-medium {
|
|
20979
|
+
--bs-fs-body-font-size: var(--bs-fs-body-medium);
|
|
20980
|
+
}
|
|
20981
|
+
.fs-body-xxl-normal {
|
|
20982
|
+
--bs-fs-body-font-size: var(--bs-fs-body-normal);
|
|
20983
|
+
}
|
|
20984
|
+
.fs-body-xxl-small {
|
|
20985
|
+
--bs-fs-body-font-size: var(--bs-fs-body-small);
|
|
20986
|
+
}
|
|
20987
|
+
.fs-body-xxl-tiny {
|
|
20988
|
+
--bs-fs-body-font-size: var(--bs-fs-body-tiny);
|
|
20989
|
+
}
|
|
20890
20990
|
}
|
|
20891
20991
|
@media print {
|
|
20892
20992
|
.d-print-inline {
|