hds-web 1.2.8 → 1.3.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.
@@ -955,6 +955,18 @@ select {
955
955
  grid-column: span 1 / span 1;
956
956
  }
957
957
 
958
+ .col-span-2 {
959
+ grid-column: span 2 / span 2;
960
+ }
961
+
962
+ .col-span-3 {
963
+ grid-column: span 3 / span 3;
964
+ }
965
+
966
+ .col-span-4 {
967
+ grid-column: span 4 / span 4;
968
+ }
969
+
958
970
  .-m-1 {
959
971
  margin: -0.25rem;
960
972
  }
@@ -1209,6 +1221,10 @@ select {
1209
1221
  margin-top: 3rem;
1210
1222
  }
1211
1223
 
1224
+ .mt-14 {
1225
+ margin-top: 3.5rem;
1226
+ }
1227
+
1212
1228
  .mt-16 {
1213
1229
  margin-top: 4rem;
1214
1230
  }
@@ -1522,8 +1538,12 @@ select {
1522
1538
  width: 100vw;
1523
1539
  }
1524
1540
 
1525
- .min-w-\[15rem\] {
1526
- min-width: 15rem;
1541
+ .w-1 {
1542
+ width: 0.25rem;
1543
+ }
1544
+
1545
+ .min-w-\[11\.5rem\] {
1546
+ min-width: 11.5rem;
1527
1547
  }
1528
1548
 
1529
1549
  .min-w-\[18rem\] {
@@ -1812,6 +1832,10 @@ select {
1812
1832
  align-items: stretch;
1813
1833
  }
1814
1834
 
1835
+ .justify-start {
1836
+ justify-content: flex-start;
1837
+ }
1838
+
1815
1839
  .justify-end {
1816
1840
  justify-content: flex-end;
1817
1841
  }
@@ -1957,12 +1981,6 @@ select {
1957
1981
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
1958
1982
  }
1959
1983
 
1960
- .space-x-6 > :not([hidden]) ~ :not([hidden]) {
1961
- --tw-space-x-reverse: 0;
1962
- margin-right: calc(1.5rem * var(--tw-space-x-reverse));
1963
- margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
1964
- }
1965
-
1966
1984
  .space-x-8 > :not([hidden]) ~ :not([hidden]) {
1967
1985
  --tw-space-x-reverse: 0;
1968
1986
  margin-right: calc(2rem * var(--tw-space-x-reverse));
@@ -2028,6 +2046,18 @@ select {
2028
2046
  overflow: hidden;
2029
2047
  }
2030
2048
 
2049
+ .overflow-visible {
2050
+ overflow: visible;
2051
+ }
2052
+
2053
+ .overflow-scroll {
2054
+ overflow: scroll;
2055
+ }
2056
+
2057
+ .overflow-x-auto {
2058
+ overflow-x: auto;
2059
+ }
2060
+
2031
2061
  .overflow-y-auto {
2032
2062
  overflow-y: auto;
2033
2063
  }
@@ -2072,6 +2102,10 @@ select {
2072
2102
  border-radius: 1.5rem;
2073
2103
  }
2074
2104
 
2105
+ .rounded-\[32px\] {
2106
+ border-radius: 32px;
2107
+ }
2108
+
2075
2109
  .rounded-full {
2076
2110
  border-radius: 9999px;
2077
2111
  }
@@ -2136,11 +2170,6 @@ select {
2136
2170
  border-top-right-radius: 0.375rem;
2137
2171
  }
2138
2172
 
2139
- .rounded-t-lg {
2140
- border-top-left-radius: 0.5rem;
2141
- border-top-right-radius: 0.5rem;
2142
- }
2143
-
2144
2173
  .rounded-tl-2xl {
2145
2174
  border-top-left-radius: 1rem;
2146
2175
  }
@@ -5432,6 +5461,10 @@ select {
5432
5461
  padding-top: 1.5rem;
5433
5462
  }
5434
5463
 
5464
+ .pt-5 {
5465
+ padding-top: 1.25rem;
5466
+ }
5467
+
5435
5468
  .text-left {
5436
5469
  text-align: left;
5437
5470
  }
@@ -5739,6 +5772,13 @@ select {
5739
5772
  line-height: 1rem;
5740
5773
  }
5741
5774
 
5775
+ .text-hds-m-h7 {
5776
+ font-size: 0.75rem;
5777
+ line-height: 1.25rem;
5778
+ letter-spacing: 0.08em;
5779
+ font-weight: 700;
5780
+ }
5781
+
5742
5782
  .font-medium {
5743
5783
  font-weight: 500;
5744
5784
  }
@@ -6417,12 +6457,12 @@ select {
6417
6457
  transition-delay: 300ms;
6418
6458
  }
6419
6459
 
6420
- .duration-100 {
6421
- transition-duration: 100ms;
6460
+ .delay-500 {
6461
+ transition-delay: 500ms;
6422
6462
  }
6423
6463
 
6424
- .duration-1000 {
6425
- transition-duration: 1000ms;
6464
+ .duration-100 {
6465
+ transition-duration: 100ms;
6426
6466
  }
6427
6467
 
6428
6468
  .duration-150 {
@@ -6445,6 +6485,10 @@ select {
6445
6485
  transition-duration: 700ms;
6446
6486
  }
6447
6487
 
6488
+ .duration-1000 {
6489
+ transition-duration: 1000ms;
6490
+ }
6491
+
6448
6492
  .ease-in {
6449
6493
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
6450
6494
  }
@@ -6459,6 +6503,15 @@ select {
6459
6503
 
6460
6504
  /* Typography classes */
6461
6505
 
6506
+ .gridAutoClass {
6507
+ flex: 1 0 30%;
6508
+ margin-top: 40px;
6509
+ margin-right: 32px;
6510
+ background: blue;
6511
+ justify-content: center;
6512
+ display: flex;
6513
+ }
6514
+
6462
6515
  @-webkit-keyframes pill-move-left {
6463
6516
  0% {
6464
6517
  left: 0;
@@ -7387,38 +7440,15 @@ select {
7387
7440
  margin-left: 0px;
7388
7441
  }
7389
7442
 
7390
- .first\:rounded-full:first-child {
7391
- border-radius: 9999px;
7392
- }
7393
-
7394
- .first\:rounded-t-lg:first-child {
7395
- border-top-left-radius: 0.5rem;
7396
- border-top-right-radius: 0.5rem;
7397
- }
7398
-
7399
7443
  .first\:bg-blue-500:first-child {
7400
7444
  --tw-bg-opacity: 1;
7401
7445
  background-color: rgb(57 112 253 / var(--tw-bg-opacity));
7402
7446
  }
7403
7447
 
7404
- .first\:bg-green-400:first-child {
7405
- --tw-bg-opacity: 1;
7406
- background-color: rgb(57 218 170 / var(--tw-bg-opacity));
7407
- }
7408
-
7409
7448
  .last\:mr-0:last-child {
7410
7449
  margin-right: 0px;
7411
7450
  }
7412
7451
 
7413
- .last\:rounded-full:last-child {
7414
- border-radius: 9999px;
7415
- }
7416
-
7417
- .last\:rounded-b-2xl:last-child {
7418
- border-bottom-right-radius: 1rem;
7419
- border-bottom-left-radius: 1rem;
7420
- }
7421
-
7422
7452
  .last\:border-b-0:last-child {
7423
7453
  border-bottom-width: 0px;
7424
7454
  }
@@ -7960,6 +7990,10 @@ select {
7960
7990
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
7961
7991
  }
7962
7992
 
7993
+ .group:hover .group-hover\:stroke-blue-600 {
7994
+ stroke: #1E56E3;
7995
+ }
7996
+
7963
7997
  .group:hover .group-hover\:stroke-neutral-0 {
7964
7998
  stroke: #FFFFFF;
7965
7999
  }
@@ -7968,10 +8002,6 @@ select {
7968
8002
  stroke: #111927;
7969
8003
  }
7970
8004
 
7971
- .group:hover .group-hover\:stroke-blue-600 {
7972
- stroke: #1E56E3;
7973
- }
7974
-
7975
8005
  .group:hover .group-hover\:opacity-30 {
7976
8006
  opacity: 0.3;
7977
8007
  }
@@ -8039,6 +8069,10 @@ select {
8039
8069
  margin-top: -4px;
8040
8070
  }
8041
8071
 
8072
+ .tb\:mt-14 {
8073
+ margin-top: 3.5rem;
8074
+ }
8075
+
8042
8076
  .tb\:block {
8043
8077
  display: block;
8044
8078
  }
@@ -8117,10 +8151,6 @@ select {
8117
8151
  max-width: 530px;
8118
8152
  }
8119
8153
 
8120
- .tb\:flex-1 {
8121
- flex: 1 1 0%;
8122
- }
8123
-
8124
8154
  .tb\:grid-cols-2 {
8125
8155
  grid-template-columns: repeat(2, minmax(0, 1fr));
8126
8156
  }
@@ -8174,6 +8204,14 @@ select {
8174
8204
  border-radius: 1rem;
8175
8205
  }
8176
8206
 
8207
+ .tb\:rounded-3xl {
8208
+ border-radius: 1.5rem;
8209
+ }
8210
+
8211
+ .tb\:rounded {
8212
+ border-radius: 0.25rem;
8213
+ }
8214
+
8177
8215
  .tb\:rounded-e-none {
8178
8216
  border-start-end-radius: 0px;
8179
8217
  border-end-end-radius: 0px;
@@ -8192,6 +8230,10 @@ select {
8192
8230
  border-right-color: rgb(236 237 240 / var(--tw-border-opacity));
8193
8231
  }
8194
8232
 
8233
+ .tb\:p-10 {
8234
+ padding: 2.5rem;
8235
+ }
8236
+
8195
8237
  .tb\:p-16 {
8196
8238
  padding: 4rem;
8197
8239
  }
@@ -8210,6 +8252,11 @@ select {
8210
8252
  padding-right: 2rem;
8211
8253
  }
8212
8254
 
8255
+ .tb\:px-3 {
8256
+ padding-left: 0.75rem;
8257
+ padding-right: 0.75rem;
8258
+ }
8259
+
8213
8260
  .tb\:pb-14 {
8214
8261
  padding-bottom: 3.5rem;
8215
8262
  }
@@ -8230,6 +8277,14 @@ select {
8230
8277
  padding-top: 2.875rem;
8231
8278
  }
8232
8279
 
8280
+ .tb\:pt-14 {
8281
+ padding-top: 3.5rem;
8282
+ }
8283
+
8284
+ .tb\:pt-10 {
8285
+ padding-top: 2.5rem;
8286
+ }
8287
+
8233
8288
  .tb\:text-left {
8234
8289
  text-align: left;
8235
8290
  }
@@ -8482,6 +8537,13 @@ select {
8482
8537
  letter-spacing: -0.01em;
8483
8538
  font-weight: 400;
8484
8539
  }
8540
+
8541
+ .tb\:text-hds-t-h7 {
8542
+ font-size: 0.75rem;
8543
+ line-height: 1.25rem;
8544
+ letter-spacing: 0.08em;
8545
+ font-weight: 700;
8546
+ }
8485
8547
  }
8486
8548
 
8487
8549
  @media (min-width: 640px) {
@@ -8585,31 +8647,15 @@ select {
8585
8647
  }
8586
8648
  }
8587
8649
 
8588
- @media (min-width: 768px) {
8589
- .md\:ml-12 {
8590
- margin-left: 3rem;
8591
- }
8592
-
8593
- .md\:hidden {
8594
- display: none;
8595
- }
8596
-
8597
- .md\:justify-start {
8598
- justify-content: flex-start;
8599
- }
8600
-
8601
- .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
8602
- --tw-space-x-reverse: 0;
8603
- margin-right: calc(1.5rem * var(--tw-space-x-reverse));
8604
- margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
8605
- }
8606
- }
8607
-
8608
8650
  @media (min-width: 905px) {
8609
8651
  .tb-l\:mb-0 {
8610
8652
  margin-bottom: 0px;
8611
8653
  }
8612
8654
 
8655
+ .tb-l\:ml-12 {
8656
+ margin-left: 3rem;
8657
+ }
8658
+
8613
8659
  .tb-l\:ml-\[-4px\] {
8614
8660
  margin-left: -4px;
8615
8661
  }
@@ -8654,6 +8700,10 @@ select {
8654
8700
  min-width: 400px;
8655
8701
  }
8656
8702
 
8703
+ .tb-l\:flex-1 {
8704
+ flex: 1 1 0%;
8705
+ }
8706
+
8657
8707
  .tb-l\:flex-row {
8658
8708
  flex-direction: row;
8659
8709
  }
@@ -8670,6 +8720,10 @@ select {
8670
8720
  justify-content: flex-start;
8671
8721
  }
8672
8722
 
8723
+ .tb-l\:justify-center {
8724
+ justify-content: center;
8725
+ }
8726
+
8673
8727
  .tb-l\:justify-between {
8674
8728
  justify-content: space-between;
8675
8729
  }
@@ -8682,6 +8736,12 @@ select {
8682
8736
  gap: 9rem;
8683
8737
  }
8684
8738
 
8739
+ .tb-l\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
8740
+ --tw-space-x-reverse: 0;
8741
+ margin-right: calc(1.5rem * var(--tw-space-x-reverse));
8742
+ margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
8743
+ }
8744
+
8685
8745
  .tb-l\:self-center {
8686
8746
  align-self: center;
8687
8747
  }
@@ -8699,6 +8759,10 @@ select {
8699
8759
  padding-bottom: 3rem;
8700
8760
  }
8701
8761
 
8762
+ .tb-l\:pl-8 {
8763
+ padding-left: 2rem;
8764
+ }
8765
+
8702
8766
  .tb-l\:text-left {
8703
8767
  text-align: left;
8704
8768
  }
@@ -8761,6 +8825,14 @@ select {
8761
8825
  margin-left: 0px;
8762
8826
  }
8763
8827
 
8828
+ .db\:mt-16 {
8829
+ margin-top: 4rem;
8830
+ }
8831
+
8832
+ .db\:mt-24 {
8833
+ margin-top: 6rem;
8834
+ }
8835
+
8764
8836
  .db\:inline {
8765
8837
  display: inline;
8766
8838
  }
@@ -8769,6 +8841,10 @@ select {
8769
8841
  display: flex;
8770
8842
  }
8771
8843
 
8844
+ .db\:max-h-\[374px\] {
8845
+ max-height: 374px;
8846
+ }
8847
+
8772
8848
  .db\:w-1\/2 {
8773
8849
  width: 50%;
8774
8850
  }
@@ -8799,14 +8875,26 @@ select {
8799
8875
  min-width: 625px;
8800
8876
  }
8801
8877
 
8878
+ .db\:max-w-\[488px\] {
8879
+ max-width: 488px;
8880
+ }
8881
+
8802
8882
  .db\:max-w-\[500px\] {
8803
8883
  max-width: 500px;
8804
8884
  }
8805
8885
 
8886
+ .db\:max-w-\[540px\] {
8887
+ max-width: 540px;
8888
+ }
8889
+
8806
8890
  .db\:max-w-\[625px\] {
8807
8891
  max-width: 625px;
8808
8892
  }
8809
8893
 
8894
+ .db\:max-w-\[353px\] {
8895
+ max-width: 353px;
8896
+ }
8897
+
8810
8898
  .db\:grid-cols-4 {
8811
8899
  grid-template-columns: repeat(4, minmax(0, 1fr));
8812
8900
  }
@@ -8815,6 +8903,14 @@ select {
8815
8903
  justify-content: flex-start;
8816
8904
  }
8817
8905
 
8906
+ .db\:justify-center {
8907
+ justify-content: center;
8908
+ }
8909
+
8910
+ .db\:justify-between {
8911
+ justify-content: space-between;
8912
+ }
8913
+
8818
8914
  .db\:gap-0 {
8819
8915
  gap: 0px;
8820
8916
  }
@@ -8841,6 +8937,10 @@ select {
8841
8937
  row-gap: 0.5rem;
8842
8938
  }
8843
8939
 
8940
+ .db\:p-20 {
8941
+ padding: 5rem;
8942
+ }
8943
+
8844
8944
  .db\:px-20 {
8845
8945
  padding-left: 5rem;
8846
8946
  padding-right: 5rem;
@@ -8889,6 +8989,10 @@ select {
8889
8989
  padding-top: 8rem;
8890
8990
  }
8891
8991
 
8992
+ .db\:pt-24 {
8993
+ padding-top: 6rem;
8994
+ }
8995
+
8892
8996
  .db\:text-left {
8893
8997
  text-align: left;
8894
8998
  }
@@ -9137,6 +9241,13 @@ select {
9137
9241
  letter-spacing: -0.01em;
9138
9242
  font-weight: 400;
9139
9243
  }
9244
+
9245
+ .db\:text-hds-d-h7 {
9246
+ font-size: 0.75;
9247
+ line-height: 1.25;
9248
+ letter-spacing: 0.08em;
9249
+ font-weight: 700;
9250
+ }
9140
9251
  }
9141
9252
 
9142
9253
  @media (min-width: 1880px) {
@@ -9154,6 +9265,11 @@ select {
9154
9265
  margin-bottom: 0px;
9155
9266
  }
9156
9267
 
9268
+ .\[\&\>p\>a\]\:text-blue-600>p>a {
9269
+ --tw-text-opacity: 1;
9270
+ color: rgb(30 86 227 / var(--tw-text-opacity));
9271
+ }
9272
+
9157
9273
  .\[\&\>p\]\:pb-2>p {
9158
9274
  padding-bottom: 0.5rem;
9159
9275
  }
@@ -1,6 +1,7 @@
1
1
  /** @type {import('tailwindcss').Config} */
2
2
  module.exports = {
3
3
  content: ["./src/**/*.{html,js,jsx}"],
4
+ darkMode: 'class',
4
5
  theme: {
5
6
  fontFamily: {
6
7
  sans: [