@dynamic-framework/ui-react 1.20.0 → 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.
Files changed (11) hide show
  1. package/dist/css/dynamic-ui-non-root.css +100 -1
  2. package/dist/css/dynamic-ui-non-root.min.css +2 -2
  3. package/dist/css/dynamic-ui-root.css +34 -24
  4. package/dist/css/dynamic-ui-root.min.css +2 -2
  5. package/dist/css/dynamic-ui.css +133 -24
  6. package/dist/css/dynamic-ui.min.css +2 -2
  7. package/package.json +2 -2
  8. package/src/style/abstracts/_utilities.scss +7 -0
  9. package/src/style/abstracts/variables/_typography.scss +47 -12
  10. package/src/style/base/_type.scss +5 -0
  11. package/src/style/root/_root.scss +5 -0
package/dist/css/dynamic-ui-non-root.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * dynamic-framework 1.20.0
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;
@@ -15039,6 +15043,26 @@ label .d-icon {
15039
15043
  --bs-display-font-size: var(--bs-fs-display-6);
15040
15044
  }
15041
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
+
15042
15066
  @media (min-width: 576px) {
15043
15067
  .float-sm-start {
15044
15068
  float: left !important;
@@ -16208,6 +16232,21 @@ label .d-icon {
16208
16232
  .display-sm-6 {
16209
16233
  --bs-display-font-size: var(--bs-fs-display-6);
16210
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
+ }
16211
16250
  }
16212
16251
  @media (min-width: 768px) {
16213
16252
  .float-md-start {
@@ -17378,6 +17417,21 @@ label .d-icon {
17378
17417
  .display-md-6 {
17379
17418
  --bs-display-font-size: var(--bs-fs-display-6);
17380
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
+ }
17381
17435
  }
17382
17436
  @media (min-width: 992px) {
17383
17437
  .float-lg-start {
@@ -18548,6 +18602,21 @@ label .d-icon {
18548
18602
  .display-lg-6 {
18549
18603
  --bs-display-font-size: var(--bs-fs-display-6);
18550
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
+ }
18551
18620
  }
18552
18621
  @media (min-width: 1200px) {
18553
18622
  .float-xl-start {
@@ -19718,6 +19787,21 @@ label .d-icon {
19718
19787
  .display-xl-6 {
19719
19788
  --bs-display-font-size: var(--bs-fs-display-6);
19720
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
+ }
19721
19805
  }
19722
19806
  @media (min-width: 1400px) {
19723
19807
  .float-xxl-start {
@@ -20888,6 +20972,21 @@ label .d-icon {
20888
20972
  .display-xxl-6 {
20889
20973
  --bs-display-font-size: var(--bs-fs-display-6);
20890
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
+ }
20891
20990
  }
20892
20991
  @media print {
20893
20992
  .d-print-inline {