@tuwaio/docs-ui 0.0.31 → 0.0.32

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 (2) hide show
  1. package/dist/index.css +103 -222
  2. package/package.json +6 -6
package/dist/index.css CHANGED
@@ -1,7 +1,6 @@
1
- /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
3
3
  @layer properties;
4
- @layer properties;
5
4
  @layer theme, base, components, utilities;
6
5
  @layer theme {
7
6
  :root, :host {
@@ -224,90 +223,56 @@
224
223
  --tw-outline-style: none;
225
224
  outline-style: none;
226
225
  }
227
- .novacore\:hover\:bg-\[var\(--tuwa-bg-muted\)\] {
228
- &:hover {
229
- @media (hover: hover) {
230
- background-color: var(--tuwa-bg-muted);
231
- }
226
+ @media (hover: hover) {
227
+ .novacore\:hover\:bg-\[var\(--tuwa-bg-muted\)\]:hover {
228
+ background-color: var(--tuwa-bg-muted);
232
229
  }
233
- }
234
- .novacore\:hover\:bg-\[var\(--tuwa-standart-button-hover\)\] {
235
- &:hover {
236
- @media (hover: hover) {
237
- background-color: var(--tuwa-standart-button-hover);
238
- }
230
+ .novacore\:hover\:bg-\[var\(--tuwa-standart-button-hover\)\]:hover {
231
+ background-color: var(--tuwa-standart-button-hover);
239
232
  }
240
- }
241
- .novacore\:hover\:text-\[var\(--tuwa-text-primary\)\] {
242
- &:hover {
243
- @media (hover: hover) {
244
- color: var(--tuwa-text-primary);
245
- }
233
+ .novacore\:hover\:text-\[var\(--tuwa-text-primary\)\]:hover {
234
+ color: var(--tuwa-text-primary);
246
235
  }
247
236
  }
248
- .novacore\:disabled\:cursor-not-allowed {
249
- &:disabled {
250
- cursor: not-allowed;
251
- }
237
+ .novacore\:disabled\:cursor-not-allowed:disabled {
238
+ cursor: not-allowed;
252
239
  }
253
- .novacore\:disabled\:opacity-50 {
254
- &:disabled {
255
- opacity: 50%;
256
- }
240
+ .novacore\:disabled\:opacity-50:disabled {
241
+ opacity: 50%;
257
242
  }
258
- .novacore\:sm\:top-\[50\%\] {
259
- @media (width >= 40rem) {
243
+ @media (width >= 40rem) {
244
+ .novacore\:sm\:top-\[50\%\] {
260
245
  top: 50%;
261
246
  }
262
- }
263
- .novacore\:sm\:bottom-auto {
264
- @media (width >= 40rem) {
247
+ .novacore\:sm\:bottom-auto {
265
248
  bottom: auto;
266
249
  }
267
- }
268
- .novacore\:sm\:left-\[50\%\] {
269
- @media (width >= 40rem) {
250
+ .novacore\:sm\:left-\[50\%\] {
270
251
  left: 50%;
271
252
  }
272
- }
273
- .novacore\:sm\:translate-x-\[-50\%\] {
274
- @media (width >= 40rem) {
253
+ .novacore\:sm\:translate-x-\[-50\%\] {
275
254
  --tw-translate-x: -50%;
276
255
  translate: var(--tw-translate-x) var(--tw-translate-y);
277
256
  }
278
- }
279
- .novacore\:sm\:translate-y-\[-50\%\] {
280
- @media (width >= 40rem) {
257
+ .novacore\:sm\:translate-y-\[-50\%\] {
281
258
  --tw-translate-y: -50%;
282
259
  translate: var(--tw-translate-x) var(--tw-translate-y);
283
260
  }
284
- }
285
- .novacore\:sm\:flex-row {
286
- @media (width >= 40rem) {
261
+ .novacore\:sm\:flex-row {
287
262
  flex-direction: row;
288
263
  }
289
- }
290
- .novacore\:sm\:justify-end {
291
- @media (width >= 40rem) {
264
+ .novacore\:sm\:justify-end {
292
265
  justify-content: flex-end;
293
266
  }
294
- }
295
- .novacore\:sm\:space-x-2 {
296
- @media (width >= 40rem) {
297
- :where(& > :not(:last-child)) {
298
- --tw-space-x-reverse: 0;
299
- margin-inline-start: calc(calc(var(--novacore-spacing) * 2) * var(--tw-space-x-reverse));
300
- margin-inline-end: calc(calc(var(--novacore-spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
301
- }
267
+ :where(.novacore\:sm\:space-x-2 > :not(:last-child)) {
268
+ --tw-space-x-reverse: 0;
269
+ margin-inline-start: calc(calc(var(--novacore-spacing) * 2) * var(--tw-space-x-reverse));
270
+ margin-inline-end: calc(calc(var(--novacore-spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
302
271
  }
303
- }
304
- .novacore\:sm\:rounded-\[var\(--tuwa-rounded-corners\)\] {
305
- @media (width >= 40rem) {
272
+ .novacore\:sm\:rounded-\[var\(--tuwa-rounded-corners\)\] {
306
273
  border-radius: var(--tuwa-rounded-corners);
307
274
  }
308
- }
309
- .novacore\:sm\:p-4 {
310
- @media (width >= 40rem) {
275
+ .novacore\:sm\:p-4 {
311
276
  padding: calc(var(--novacore-spacing) * 4);
312
277
  }
313
278
  }
@@ -576,7 +541,7 @@
576
541
  position: relative;
577
542
  }
578
543
  .tuwadocs\:inset-0 {
579
- inset: 0;
544
+ inset: 0px;
580
545
  }
581
546
  .tuwadocs\:top-\[1px\] {
582
547
  top: 1px;
@@ -886,224 +851,140 @@
886
851
  --tw-ease: var(--tuwadocs-ease-in-out);
887
852
  transition-timing-function: var(--tuwadocs-ease-in-out);
888
853
  }
889
- .tuwadocs\:group-hover\:text-indigo-300 {
890
- &:is(:where(.tuwadocs\:group):hover *) {
891
- @media (hover: hover) {
892
- color: var(--tuwadocs-color-indigo-300);
893
- }
854
+ @media (hover: hover) {
855
+ .tuwadocs\:group-hover\:text-indigo-300:is(:where(.tuwadocs\:group):hover *) {
856
+ color: var(--tuwadocs-color-indigo-300);
894
857
  }
895
- }
896
- .tuwadocs\:group-hover\:text-yellow-400 {
897
- &:is(:where(.tuwadocs\:group):hover *) {
898
- @media (hover: hover) {
899
- color: var(--tuwadocs-color-yellow-400);
900
- }
858
+ .tuwadocs\:group-hover\:text-yellow-400:is(:where(.tuwadocs\:group):hover *) {
859
+ color: var(--tuwadocs-color-yellow-400);
901
860
  }
902
- }
903
- .tuwadocs\:group-hover\:opacity-100 {
904
- &:is(:where(.tuwadocs\:group):hover *) {
905
- @media (hover: hover) {
906
- opacity: 100%;
907
- }
861
+ .tuwadocs\:group-hover\:opacity-100:is(:where(.tuwadocs\:group):hover *) {
862
+ opacity: 100%;
908
863
  }
909
- }
910
- .tuwadocs\:hover\:bg-black\/10 {
911
- &:hover {
912
- @media (hover: hover) {
913
- background-color: var(--tuwadocs-color-black);
914
- @supports (color: color-mix(in lab, red, red)) {
915
- background-color: color-mix(in oklab, var(--tuwadocs-color-black) 10%, transparent);
916
- }
917
- }
864
+ .tuwadocs\:hover\:bg-black\/10:hover {
865
+ background-color: var(--tuwadocs-color-black);
918
866
  }
919
- }
920
- .tuwadocs\:hover\:text-\[var\(--tuwa-text-primary\)\] {
921
- &:hover {
922
- @media (hover: hover) {
923
- color: var(--tuwa-text-primary);
867
+ @supports (color: color-mix(in lab, red, red)) {
868
+ .tuwadocs\:hover\:bg-black\/10:hover {
869
+ background-color: color-mix(in oklab, var(--tuwadocs-color-black) 10%, transparent);
924
870
  }
925
871
  }
926
- }
927
- .tuwadocs\:hover\:text-red-600 {
928
- &:hover {
929
- @media (hover: hover) {
930
- color: var(--tuwadocs-color-red-600);
931
- }
872
+ .tuwadocs\:hover\:text-\[var\(--tuwa-text-primary\)\]:hover {
873
+ color: var(--tuwa-text-primary);
932
874
  }
933
- }
934
- .tuwadocs\:hover\:underline {
935
- &:hover {
936
- @media (hover: hover) {
937
- text-decoration-line: underline;
938
- }
875
+ .tuwadocs\:hover\:text-red-600:hover {
876
+ color: var(--tuwadocs-color-red-600);
939
877
  }
940
- }
941
- .tuwadocs\:hover\:opacity-80 {
942
- &:hover {
943
- @media (hover: hover) {
944
- opacity: 80%;
945
- }
878
+ .tuwadocs\:hover\:underline:hover {
879
+ text-decoration-line: underline;
946
880
  }
947
- }
948
- .tuwadocs\:hover\:shadow-lg {
949
- &:hover {
950
- @media (hover: hover) {
951
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
952
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
953
- }
881
+ .tuwadocs\:hover\:opacity-80:hover {
882
+ opacity: 80%;
954
883
  }
955
- }
956
- .tuwadocs\:focus\:ring-\[length\:var\(--tuwa-ring-width\)\] {
957
- &:focus {
958
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tuwa-ring-width) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
884
+ .tuwadocs\:hover\:shadow-lg:hover {
885
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
959
886
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
960
887
  }
961
888
  }
962
- .tuwadocs\:focus\:ring-\[var\(--tuwa-text-accent\)\] {
963
- &:focus {
964
- --tw-ring-color: var(--tuwa-text-accent);
965
- }
889
+ .tuwadocs\:focus\:ring-\[length\:var\(--tuwa-ring-width\)\]:focus {
890
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tuwa-ring-width) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
891
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
966
892
  }
967
- .tuwadocs\:focus\:ring-offset-\[length\:var\(--tuwa-ring-width\)\] {
968
- &:focus {
969
- --tw-ring-offset-width: var(--tuwa-ring-width);
970
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
971
- }
893
+ .tuwadocs\:focus\:ring-\[var\(--tuwa-text-accent\)\]:focus {
894
+ --tw-ring-color: var(--tuwa-text-accent);
972
895
  }
973
- .tuwadocs\:focus\:ring-offset-\[var\(--tuwa-bg-primary\)\] {
974
- &:focus {
975
- --tw-ring-offset-color: var(--tuwa-bg-primary);
976
- }
896
+ .tuwadocs\:focus\:ring-offset-\[length\:var\(--tuwa-ring-width\)\]:focus {
897
+ --tw-ring-offset-width: var(--tuwa-ring-width);
898
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
977
899
  }
978
- .tuwadocs\:focus\:outline-none {
979
- &:focus {
980
- --tw-outline-style: none;
981
- outline-style: none;
982
- }
900
+ .tuwadocs\:focus\:ring-offset-\[var\(--tuwa-bg-primary\)\]:focus {
901
+ --tw-ring-offset-color: var(--tuwa-bg-primary);
983
902
  }
984
- .tuwadocs\:sm\:flex {
985
- @media (width >= 40rem) {
903
+ .tuwadocs\:focus\:outline-none:focus {
904
+ --tw-outline-style: none;
905
+ outline-style: none;
906
+ }
907
+ @media (width >= 40rem) {
908
+ .tuwadocs\:sm\:flex {
986
909
  display: flex;
987
910
  }
988
- }
989
- .tuwadocs\:sm\:inline {
990
- @media (width >= 40rem) {
911
+ .tuwadocs\:sm\:inline {
991
912
  display: inline;
992
913
  }
993
- }
994
- .tuwadocs\:sm\:flex-row {
995
- @media (width >= 40rem) {
914
+ .tuwadocs\:sm\:flex-row {
996
915
  flex-direction: row;
997
916
  }
998
- }
999
- .tuwadocs\:sm\:items-center {
1000
- @media (width >= 40rem) {
917
+ .tuwadocs\:sm\:items-center {
1001
918
  align-items: center;
1002
919
  }
1003
- }
1004
- .tuwadocs\:sm\:items-start {
1005
- @media (width >= 40rem) {
920
+ .tuwadocs\:sm\:items-start {
1006
921
  align-items: flex-start;
1007
922
  }
1008
923
  }
1009
- .tuwadocs\:md\:block {
1010
- @media (width >= 48rem) {
924
+ @media (width >= 48rem) {
925
+ .tuwadocs\:md\:block {
1011
926
  display: block;
1012
927
  }
1013
- }
1014
- .tuwadocs\:md\:hidden {
1015
- @media (width >= 48rem) {
928
+ .tuwadocs\:md\:hidden {
1016
929
  display: none;
1017
930
  }
1018
- }
1019
- .tuwadocs\:md\:h-5 {
1020
- @media (width >= 48rem) {
931
+ .tuwadocs\:md\:h-5 {
1021
932
  height: calc(var(--tuwadocs-spacing) * 5);
1022
933
  }
1023
- }
1024
- .tuwadocs\:md\:h-7 {
1025
- @media (width >= 48rem) {
934
+ .tuwadocs\:md\:h-7 {
1026
935
  height: calc(var(--tuwadocs-spacing) * 7);
1027
936
  }
1028
- }
1029
- .tuwadocs\:md\:h-8 {
1030
- @media (width >= 48rem) {
937
+ .tuwadocs\:md\:h-8 {
1031
938
  height: calc(var(--tuwadocs-spacing) * 8);
1032
939
  }
1033
- }
1034
- .tuwadocs\:md\:w-5 {
1035
- @media (width >= 48rem) {
940
+ .tuwadocs\:md\:w-5 {
1036
941
  width: calc(var(--tuwadocs-spacing) * 5);
1037
942
  }
1038
- }
1039
- .tuwadocs\:md\:w-7 {
1040
- @media (width >= 48rem) {
943
+ .tuwadocs\:md\:w-7 {
1041
944
  width: calc(var(--tuwadocs-spacing) * 7);
1042
945
  }
1043
- }
1044
- .tuwadocs\:md\:w-16 {
1045
- @media (width >= 48rem) {
946
+ .tuwadocs\:md\:w-16 {
1046
947
  width: calc(var(--tuwadocs-spacing) * 16);
1047
948
  }
1048
- }
1049
- .tuwadocs\:md\:grid-cols-3 {
1050
- @media (width >= 48rem) {
949
+ .tuwadocs\:md\:grid-cols-3 {
1051
950
  grid-template-columns: repeat(3, minmax(0, 1fr));
1052
951
  }
1053
- }
1054
- .tuwadocs\:md\:opacity-0 {
1055
- @media (width >= 48rem) {
952
+ .tuwadocs\:md\:opacity-0 {
1056
953
  opacity: 0%;
1057
954
  }
1058
955
  }
1059
- .tuwadocs\:dark\:border-white\/10 {
1060
- &:where(.dark, .dark *) {
1061
- border-color: var(--tuwadocs-color-white);
1062
- @supports (color: color-mix(in lab, red, red)) {
1063
- border-color: color-mix(in oklab, var(--tuwadocs-color-white) 10%, transparent);
1064
- }
956
+ .tuwadocs\:dark\:border-white\/10:where(.dark, .dark *) {
957
+ border-color: var(--tuwadocs-color-white);
958
+ @supports (color: color-mix(in lab, red, red)) {
959
+ border-color: color-mix(in oklab, var(--tuwadocs-color-white) 10%, transparent);
1065
960
  }
1066
961
  }
1067
- .tuwadocs\:dark\:bg-white\/10 {
1068
- &:where(.dark, .dark *) {
1069
- background-color: var(--tuwadocs-color-white);
1070
- @supports (color: color-mix(in lab, red, red)) {
1071
- background-color: color-mix(in oklab, var(--tuwadocs-color-white) 10%, transparent);
1072
- }
962
+ .tuwadocs\:dark\:bg-white\/10:where(.dark, .dark *) {
963
+ background-color: var(--tuwadocs-color-white);
964
+ @supports (color: color-mix(in lab, red, red)) {
965
+ background-color: color-mix(in oklab, var(--tuwadocs-color-white) 10%, transparent);
1073
966
  }
1074
967
  }
1075
- .tuwadocs\:dark\:from-\[\#0a0e27\] {
1076
- &:where(.dark, .dark *) {
1077
- --tw-gradient-from: #0a0e27;
1078
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1079
- }
968
+ .tuwadocs\:dark\:from-\[\#0a0e27\]:where(.dark, .dark *) {
969
+ --tw-gradient-from: #0a0e27;
970
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1080
971
  }
1081
- .tuwadocs\:dark\:to-\[\#1a1f3a\] {
1082
- &:where(.dark, .dark *) {
1083
- --tw-gradient-to: #1a1f3a;
1084
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1085
- }
972
+ .tuwadocs\:dark\:to-\[\#1a1f3a\]:where(.dark, .dark *) {
973
+ --tw-gradient-to: #1a1f3a;
974
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1086
975
  }
1087
- .tuwadocs\:dark\:hover\:bg-white\/20 {
1088
- &:where(.dark, .dark *) {
1089
- &:hover {
1090
- @media (hover: hover) {
1091
- background-color: var(--tuwadocs-color-white);
1092
- @supports (color: color-mix(in lab, red, red)) {
1093
- background-color: color-mix(in oklab, var(--tuwadocs-color-white) 20%, transparent);
1094
- }
1095
- }
1096
- }
976
+ @media (hover: hover) {
977
+ .tuwadocs\:dark\:hover\:bg-white\/20:where(.dark, .dark *):hover {
978
+ background-color: var(--tuwadocs-color-white);
1097
979
  }
1098
- }
1099
- .tuwadocs\:dark\:hover\:text-red-400 {
1100
- &:where(.dark, .dark *) {
1101
- &:hover {
1102
- @media (hover: hover) {
1103
- color: var(--tuwadocs-color-red-400);
1104
- }
980
+ @supports (color: color-mix(in lab, red, red)) {
981
+ .tuwadocs\:dark\:hover\:bg-white\/20:where(.dark, .dark *):hover {
982
+ background-color: color-mix(in oklab, var(--tuwadocs-color-white) 20%, transparent);
1105
983
  }
1106
984
  }
985
+ .tuwadocs\:dark\:hover\:text-red-400:where(.dark, .dark *):hover {
986
+ color: var(--tuwadocs-color-red-400);
987
+ }
1107
988
  }
1108
989
  }
1109
990
  html {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tuwaio/docs-ui",
3
- "version": "0.0.31",
3
+ "version": "0.0.32",
4
4
  "private": false,
5
5
  "author": "Oleksandr Tkach",
6
6
  "license": "Apache-2.0",
@@ -51,7 +51,7 @@
51
51
  "@tuwaio/nova-core": "^0.4.4",
52
52
  "@types/react-syntax-highlighter": "^15.5.13",
53
53
  "clsx": "^2.1.1",
54
- "html-react-parser": "^6.1.4",
54
+ "html-react-parser": "^6.1.5",
55
55
  "react-syntax-highlighter": "^16.1.1",
56
56
  "tailwind-merge": "^3.6.0"
57
57
  },
@@ -64,18 +64,18 @@
64
64
  },
65
65
  "devDependencies": {
66
66
  "@heroicons/react": "^2.2.0",
67
- "@tailwindcss/postcss": "^4.3.2",
68
- "@tailwindcss/vite": "^4.3.2",
67
+ "@tailwindcss/postcss": "^4.3.3",
68
+ "@tailwindcss/vite": "^4.3.3",
69
69
  "@types/node": "^26",
70
70
  "@types/react": "^19.2.17",
71
- "autoprefixer": "^10.5.2",
71
+ "autoprefixer": "^10.5.4",
72
72
  "next": "16.2.10",
73
73
  "nextra": "^4.6.1",
74
74
  "nextra-theme-docs": "^4.6.1",
75
75
  "postcss": "^8.5.19",
76
76
  "postcss-cli": "^11.0.1",
77
77
  "react": "^19.2.7",
78
- "tailwindcss": "^4.3.2",
78
+ "tailwindcss": "^4.3.3",
79
79
  "tsup": "^8.5.1",
80
80
  "typescript": "^6.0.3"
81
81
  },