@public-ui/sample-react 2.0.0-rc.8 → 2.0.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 (117) hide show
  1. package/README.md +18 -0
  2. package/dist/1130.js +2 -0
  3. package/dist/1474.js +1 -1
  4. package/dist/183.js +1 -1
  5. package/dist/2337.js +1 -1
  6. package/dist/2412.js +1 -1
  7. package/dist/{5327.js → 2738.js} +2 -2
  8. package/dist/3303.js +1 -1
  9. package/dist/3325.js +1 -1
  10. package/dist/3429.js +1 -1
  11. package/dist/3459.js +1 -1
  12. package/dist/3932.js +1 -1
  13. package/dist/4022.js +1 -1
  14. package/dist/4164.js +1 -1
  15. package/dist/4195.js +1 -1
  16. package/dist/4291.js +1 -1
  17. package/dist/4323.js +1 -1
  18. package/dist/4355.js +1 -1
  19. package/dist/4564.js +1 -1
  20. package/dist/4891.js +1 -1
  21. package/dist/{7648.js → 4916.js} +2 -2
  22. package/dist/5139.js +2 -0
  23. package/dist/5183.js +1 -1
  24. package/dist/5369.js +1 -1
  25. package/dist/5390.js +1 -1
  26. package/dist/540.js +1 -1
  27. package/dist/5717.js +1 -1
  28. package/dist/{6487.js → 5860.js} +2 -2
  29. package/dist/5862.js +1 -1
  30. package/dist/5866.js +1 -1
  31. package/dist/5869.js +2 -0
  32. package/dist/6012.js +1 -1
  33. package/dist/6068.js +1 -1
  34. package/dist/6210.js +1 -1
  35. package/dist/6320.js +1 -1
  36. package/dist/6558.js +1 -1
  37. package/dist/6813.js +1 -1
  38. package/dist/6908.js +1 -1
  39. package/dist/7029.js +1 -1
  40. package/dist/7255.js +1 -1
  41. package/dist/{9598.js → 7380.js} +2 -2
  42. package/dist/7447.js +1 -1
  43. package/dist/7535.js +1 -1
  44. package/dist/7715.js +1 -1
  45. package/dist/7722.js +1 -1
  46. package/dist/7734.js +2 -0
  47. package/dist/7801.js +1 -1
  48. package/dist/7858.js +1 -1
  49. package/dist/7955.js +1 -1
  50. package/dist/7995.js +1 -1
  51. package/dist/8061.js +1 -1
  52. package/dist/8065.js +1 -1
  53. package/dist/8073.js +1 -1
  54. package/dist/8111.js +1 -1
  55. package/dist/8255.js +1 -1
  56. package/dist/8291.js +1 -1
  57. package/dist/8316.js +2 -0
  58. package/dist/8709.js +1 -1
  59. package/dist/8761.js +1 -1
  60. package/dist/9734.js +1 -1
  61. package/dist/9747.js +1 -1
  62. package/dist/9792.js +1 -1
  63. package/dist/9895.js +1 -1
  64. package/dist/9963.js +1 -1
  65. package/dist/9972.js +1 -1
  66. package/dist/main.css +2 -2
  67. package/dist/main.js +531 -3278
  68. package/dist/main.js.LICENSE.txt +2 -2
  69. package/package.json +14 -14
  70. package/src/App.tsx +3 -1
  71. package/src/components/FocusInput.tsx +9 -8
  72. package/src/components/avatar/basic.tsx +3 -1
  73. package/src/components/badge/basic.tsx +5 -5
  74. package/src/components/badge/button.tsx +5 -5
  75. package/src/components/button-link/basic.tsx +3 -0
  76. package/src/components/button-link/image.tsx +1 -1
  77. package/src/components/card/flex.tsx +1 -1
  78. package/src/components/card/selection.tsx +3 -3
  79. package/src/components/handout/basic.tsx +22 -8
  80. package/src/components/heading/badged.tsx +18 -6
  81. package/src/components/image/basic.tsx +1 -1
  82. package/src/components/input-checkbox/partials/cases.tsx +2 -0
  83. package/src/components/input-radio/partials/cases.tsx +0 -1
  84. package/src/components/link/basic.tsx +1 -3
  85. package/src/components/link/image.tsx +2 -2
  86. package/src/components/table/formatter.ts +5 -0
  87. package/src/components/table/render-cell.tsx +16 -8
  88. package/src/components/table/test-data.ts +340 -0
  89. package/src/components/table/with-pagination.tsx +4 -3
  90. package/src/components/tabs/basic.tsx +21 -6
  91. package/src/components/toast/basic.tsx +68 -34
  92. package/src/hooks/useSetCurrentLocation.ts +7 -0
  93. package/src/react.main.tsx +2 -2
  94. package/src/scenarios/appointment-form/ErrorList.tsx +1 -1
  95. package/src/scenarios/complex-form/component.tsx +29 -29
  96. package/src/scenarios/custom-tooltip-width.tsx +6 -0
  97. package/src/scenarios/inputs-get-value.tsx +160 -0
  98. package/src/scenarios/routes.ts +4 -0
  99. package/src/shares/routes.ts +0 -2
  100. package/src/shares/theme.ts +4 -4
  101. package/src/style.scss +2 -5
  102. package/dist/4556.js +0 -2
  103. package/dist/5414.js +0 -2
  104. package/dist/6077.js +0 -2
  105. package/dist/6655.js +0 -2
  106. package/dist/7929.js +0 -2
  107. package/src/components/popover/basic.tsx +0 -36
  108. package/src/components/popover/routes.ts +0 -8
  109. /package/dist/{4556.js.LICENSE.txt → 1130.js.LICENSE.txt} +0 -0
  110. /package/dist/{5327.js.LICENSE.txt → 2738.js.LICENSE.txt} +0 -0
  111. /package/dist/{5414.js.LICENSE.txt → 4916.js.LICENSE.txt} +0 -0
  112. /package/dist/{6077.js.LICENSE.txt → 5139.js.LICENSE.txt} +0 -0
  113. /package/dist/{6487.js.LICENSE.txt → 5860.js.LICENSE.txt} +0 -0
  114. /package/dist/{6655.js.LICENSE.txt → 5869.js.LICENSE.txt} +0 -0
  115. /package/dist/{7648.js.LICENSE.txt → 7380.js.LICENSE.txt} +0 -0
  116. /package/dist/{7929.js.LICENSE.txt → 7734.js.LICENSE.txt} +0 -0
  117. /package/dist/{9598.js.LICENSE.txt → 8316.js.LICENSE.txt} +0 -0
package/dist/main.css CHANGED
@@ -1,3 +1,3 @@
1
- *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.container{width:100%;}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.grid{display:grid;}.inline-grid{display:inline-grid;}.col-span-2{grid-column:span 2/span 2;}.col-span-3{grid-column:span 3/span 3;}.col-span-5{grid-column:span 5/span 5;}.grid-cols-\[4fr_4fr_1fr\]{grid-template-columns:4fr 4fr 1fr;}.grid-cols-\[auto_1fr_1fr\]{grid-template-columns:auto 1fr 1fr;}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}.m0{margin:0;}.mx-auto{margin-left:auto;margin-right:auto;}.my-1{margin-top:0.25rem;margin-bottom:0.25rem;}.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}.my-3{margin-top:0.75rem;margin-bottom:0.75rem;}.my-4{margin-top:1rem;margin-bottom:1rem;}.mb-2{margin-bottom:0.5rem;}.mb-3{margin-bottom:0.75rem;}.me{margin-inline-end:1rem;}.ml,.ml-4{margin-left:1rem;}.mla{margin-left:auto;}.mt,.mt-4{margin-top:1rem;}.mt-2{margin-top:0.5rem;}.inline{display:inline;}.block{display:block;}.inline-block{display:inline-block;}.max-w-\[400px\]{max-width:400px;}.w-12rem{width:12rem;}.w-50{width:12.5rem;}.w-50\%{width:50%;}.w-75px{width:75px;}.w-80\%{width:80%;}.w-8rem{width:8rem;}.flex{display:flex;}.inline-flex{display:inline-flex;}.flex-wrap{flex-wrap:wrap;}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.list-inside{list-style-position:inside;}.flex-items-center,.items-center{align-items:center;}.justify-items-center{justify-items:center;}.gap-14{gap:3.5rem;}.gap-2{gap:0.5rem;}.gap-4{gap:1rem;}.flex-justify-end{justify-content:flex-end;}.flex-justify-between{justify-content:space-between;}.flex-self-center{align-self:center;}.border{border-width:1px;}.p-2{padding:0.5rem;}.p-4{padding:1rem;}.p0{padding:0;}.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.pt-8{padding-top:2rem;}.text-center{text-align:center;}.tab-0{-moz-tab-size:0;-o-tab-size:0;tab-size:0;}.tab-1{-moz-tab-size:1;-o-tab-size:1;tab-size:1;}.tab-2{-moz-tab-size:2;-o-tab-size:2;tab-size:2;}.tab-3{-moz-tab-size:3;-o-tab-size:3;tab-size:3;}@media (min-width: 640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (min-width: 1280px){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}}
2
- *{font-family:Verdana}body{margin:0}dl,hr{margin:0}.w-4rem{width:4rem}.w-8rem{width:8rem}.w-12rem{width:12rem}.grid-cols-2{grid-template-columns:auto auto}@media(min-width: 1024px){.app-container{display:grid;grid-template-columns:360px auto;height:100%}.app-sidebar{border-right:1px solid gray}}@media print{.no-print,.no-print *{display:none !important}}
1
+ *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.container{width:100%;}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.grid{display:grid;}.inline-grid{display:inline-grid;}.col-span-2{grid-column:span 2/span 2;}.col-span-3{grid-column:span 3/span 3;}.col-span-5{grid-column:span 5/span 5;}.grid-cols-\[4fr_4fr_1fr\]{grid-template-columns:4fr 4fr 1fr;}.grid-cols-\[auto_1fr_1fr\]{grid-template-columns:auto 1fr 1fr;}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}.m0{margin:0;}.my-1{margin-top:0.25rem;margin-bottom:0.25rem;}.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}.my-3{margin-top:0.75rem;margin-bottom:0.75rem;}.my-4{margin-top:1rem;margin-bottom:1rem;}.mb-2{margin-bottom:0.5rem;}.mb-3{margin-bottom:0.75rem;}.me{margin-inline-end:1rem;}.ml,.ml-4{margin-left:1rem;}.mla{margin-left:auto;}.mt,.mt-4{margin-top:1rem;}.mt-2{margin-top:0.5rem;}.inline{display:inline;}.block{display:block;}.inline-block{display:inline-block;}.w-12rem{width:12rem;}.w-50{width:12.5rem;}.w-50\%{width:50%;}.w-75px{width:75px;}.w-80\%{width:80%;}.w-8rem{width:8rem;}.flex{display:flex;}.inline-flex{display:inline-flex;}.flex-wrap{flex-wrap:wrap;}.table{display:table;}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.list-inside{list-style-position:inside;}.items-end{align-items:flex-end;}.flex-items-center,.items-center{align-items:center;}.justify-items-center{justify-items:center;}.gap-14{gap:3.5rem;}.gap-2{gap:0.5rem;}.gap-4{gap:1rem;}.flex-justify-end{justify-content:flex-end;}.flex-justify-between{justify-content:space-between;}.flex-self-center{align-self:center;}.border{border-width:1px;}.p-2{padding:0.5rem;}.p-4{padding:1rem;}.p0{padding:0;}.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.text-center{text-align:center;}.tab-0{-moz-tab-size:0;-o-tab-size:0;tab-size:0;}.tab-1{-moz-tab-size:1;-o-tab-size:1;tab-size:1;}.tab-2{-moz-tab-size:2;-o-tab-size:2;tab-size:2;}.tab-3{-moz-tab-size:3;-o-tab-size:3;tab-size:3;}@media (min-width: 640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (min-width: 1280px){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}}
2
+ body{margin:0;font-family:Verdana}dl,hr{margin:0}.w-4rem{width:4rem}.w-8rem{width:8rem}.w-12rem{width:12rem}.grid-cols-2{grid-template-columns:auto auto}@media(min-width: 1024px){.app-container{display:grid;grid-template-columns:360px auto;height:100%}.app-sidebar{border-right:1px solid gray}}@media print{.no-print,.no-print *{display:none !important}}
3
3
  .loader{width:48px;height:48px;border:5px solid #333;border-radius:50%;display:inline-block;box-sizing:border-box;position:relative;animation:pulse 1s linear infinite}.loader:after{content:"";position:absolute;width:48px;height:48px;border:5px solid red;border-radius:50%;display:inline-block;box-sizing:border-box;left:50%;top:50%;transform:translate(-50%, -50%);animation:scaleUp 1s linear infinite}@keyframes scaleUp{0%{transform:translate(-50%, -50%) scale(0)}60%,100%{transform:translate(-50%, -50%) scale(1)}}@keyframes pulse{0%,60%,100%{transform:scale(1)}80%{transform:scale(1.2)}}@media(prefers-reduced-motion){.loader,.loader:after{animation-duration:2s}}