ar-design 0.1.2 → 0.1.3

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 (74) hide show
  1. package/dist/assest/css/alert/alert.css +63 -0
  2. package/dist/assest/css/alert/core/border.css +24 -0
  3. package/dist/assest/css/alert/core/color.css +28 -0
  4. package/dist/assest/css/ar-core.css +6 -0
  5. package/dist/assest/css/button/button.css +23 -1
  6. package/dist/assest/css/button/core/icon.css +2 -0
  7. package/dist/assest/css/button/core/shape.css +4 -2
  8. package/dist/assest/css/button/core/size.css +12 -0
  9. package/dist/assest/css/css/alert/alert.css +63 -0
  10. package/dist/assest/css/css/alert/core/border.css +24 -0
  11. package/dist/assest/css/css/alert/core/color.css +28 -0
  12. package/dist/assest/css/css/ar-core.css +6 -0
  13. package/dist/assest/css/css/button/button.css +23 -1
  14. package/dist/assest/css/css/button/core/icon.css +2 -0
  15. package/dist/assest/css/css/button/core/shape.css +4 -2
  16. package/dist/assest/css/css/button/core/size.css +12 -0
  17. package/dist/assest/css/css/divider/divider.css +5 -1
  18. package/dist/assest/css/css/layout/header.css +18 -0
  19. package/dist/assest/css/css/layout/layout.css +27 -0
  20. package/dist/assest/css/css/menu/core/open-or-close.css +5 -0
  21. package/dist/assest/css/css/menu/core/selected.css +3 -4
  22. package/dist/assest/css/css/menu/menu.css +57 -1
  23. package/dist/assest/css/css/syntax-highlighter/syntax-highlighter.css +57 -1
  24. package/dist/assest/css/css/typography/paragraph/core.css +1 -0
  25. package/dist/assest/css/css/typography/title/core.css +1 -0
  26. package/dist/assest/css/divider/divider.css +5 -1
  27. package/dist/assest/css/layout/header.css +18 -0
  28. package/dist/assest/css/layout/layout.css +27 -0
  29. package/dist/assest/css/menu/core/open-or-close.css +5 -0
  30. package/dist/assest/css/menu/core/selected.css +3 -4
  31. package/dist/assest/css/menu/menu.css +57 -1
  32. package/dist/assest/css/syntax-highlighter/syntax-highlighter.css +57 -1
  33. package/dist/assest/css/typography/paragraph/core.css +1 -0
  34. package/dist/assest/css/typography/title/core.css +1 -0
  35. package/dist/components/alert/Types.d.ts +9 -0
  36. package/dist/components/alert/Types.js +1 -0
  37. package/dist/components/alert/index.d.ts +5 -0
  38. package/dist/components/alert/index.js +60 -0
  39. package/dist/components/button/Types.d.ts +2 -1
  40. package/dist/components/button/index.js +4 -2
  41. package/dist/components/grid-system/column/Column.js +2 -0
  42. package/dist/components/layout/Aside.d.ts +4 -0
  43. package/dist/components/layout/Aside.js +11 -0
  44. package/dist/components/layout/Footer.d.ts +3 -0
  45. package/dist/components/layout/Footer.js +7 -0
  46. package/dist/components/layout/Header.d.ts +4 -0
  47. package/dist/components/layout/Header.js +10 -0
  48. package/dist/components/layout/Main.d.ts +4 -0
  49. package/dist/components/layout/Main.js +3 -0
  50. package/dist/components/layout/Section.d.ts +4 -0
  51. package/dist/components/layout/Section.js +3 -0
  52. package/dist/components/layout/Types.d.ts +17 -0
  53. package/dist/components/layout/Types.js +1 -0
  54. package/dist/components/layout/index.d.ts +11 -0
  55. package/dist/components/layout/index.js +17 -0
  56. package/dist/components/menu/index.js +4 -1
  57. package/dist/components/syntax-highlighter/index.js +4 -1
  58. package/dist/components/typography/paragraph/Paragraph.js +1 -0
  59. package/dist/components/typography/title/Title.js +1 -0
  60. package/dist/index.d.ts +4 -6
  61. package/dist/index.js +4 -6
  62. package/dist/libs/core/application/contexts/Layout.d.ts +16 -0
  63. package/dist/libs/core/application/contexts/Layout.js +8 -0
  64. package/dist/libs/core/application/hooks/useLayout.d.ts +13 -0
  65. package/dist/libs/core/application/hooks/useLayout.js +4 -0
  66. package/package.json +1 -1
  67. package/dist/assest/css/button/core/core.css +0 -17
  68. package/dist/assest/css/css/button/core/core.css +0 -17
  69. package/dist/assest/css/css/divider/core/core.css +0 -4
  70. package/dist/assest/css/css/menu/core/core.css +0 -47
  71. package/dist/assest/css/css/syntax-highlighter/core/core.css +0 -55
  72. package/dist/assest/css/divider/core/core.css +0 -4
  73. package/dist/assest/css/menu/core/core.css +0 -47
  74. package/dist/assest/css/syntax-highlighter/core/core.css +0 -55
package/dist/assest/css/css/syntax-highlighter/core/core.css DELETED
@@ -1,55 +0,0 @@
1
- .ar-syntax {
2
- display: flex;
3
- flex-direction: column;
4
- border: solid 1px var(--gray-200);
5
- border-radius: var(--border-radius-lg);
6
- overflow: hidden;
7
- }
8
- .ar-syntax > .preview {
9
- position: relative;
10
- display: flex;
11
- align-items: center;
12
- gap: 1rem;
13
- background-color: var(--white);
14
- padding: 1rem;
15
- }
16
-
17
- .ar-syntax > .preview.left {
18
- justify-content: left;
19
- }
20
- .ar-syntax > .preview.center {
21
- justify-content: center;
22
- }
23
- .ar-syntax > .preview.right {
24
- justify-content: right;
25
- }
26
-
27
- .ar-syntax > .ar-syntax-button-group {
28
- position: relative;
29
- display: flex;
30
- justify-content: center;
31
- align-items: center;
32
- padding: 0.5rem 0;
33
- border: dashed 1px transparent;
34
- border-top-color: var(--gray-200);
35
- }
36
-
37
- .ar-syntax > .pre {
38
- margin: 0;
39
- padding: 1rem;
40
- border: dashed 1px transparent;
41
- border-top-color: var(--gray-200);
42
- overflow-x: auto;
43
- }
44
- .ar-syntax > .pre.hidden {
45
- display: none;
46
- }
47
- .ar-syntax > .pre.visible {
48
- display: block;
49
- }
50
- .ar-syntax > .pre > code {
51
- display: flex;
52
- flex-direction: column;
53
- gap: 0.5rem 0;
54
- font-family: var(--jetBrainsMonoRegular) !important;
55
- }
package/dist/assest/css/divider/core/core.css DELETED
@@ -1,4 +0,0 @@
1
- .ar-divider {
2
- border: none;
3
- border-bottom: solid 1px var(--gray-200);
4
- }
package/dist/assest/css/menu/core/core.css DELETED
@@ -1,47 +0,0 @@
1
- @import url("./selected.css");
2
- @import url("./open-or-close.css");
3
-
4
- .ar-menu {
5
- background-color: var(--white);
6
- }
7
- .ar-menu ul {
8
- margin: 0;
9
- padding: 0;
10
- list-style: none;
11
- }
12
- .ar-menu ul li:last-child {
13
- padding-bottom: 0;
14
- }
15
- .ar-menu ul li ul {
16
- margin-left: 0.5rem;
17
- padding-left: 0.5rem;
18
- }
19
- .ar-menu > .ar-menu-list {
20
- display: flex;
21
- }
22
- .ar-menu .ar-menu-list-item-group-item-title {
23
- display: flex;
24
- align-items: center;
25
- height: 2.5rem;
26
- padding-left: 1rem;
27
- user-select: none;
28
- }
29
- .ar-menu .ar-menu-list-item-group-item-title:not(.group) > * {
30
- display: flex;
31
- align-items: center;
32
- width: 100%;
33
- height: 100%;
34
- }
35
- .ar-menu .ar-menu-list-item-group-item-title:not(.group):hover {
36
- background-color: var(--gray-100);
37
- }
38
- .ar-menu .ar-menu-list-item-group-item-title.selection-item {
39
- background-color: red;
40
- }
41
- .ar-menu .ar-menu-list-item-group-item-title.group {
42
- margin-left: 1rem;
43
- padding-left: 0;
44
- border-radius: 0;
45
- border-bottom: solid 1px var(--gray-100);
46
- color: var(--gray-500);
47
- }
package/dist/assest/css/syntax-highlighter/core/core.css DELETED
@@ -1,55 +0,0 @@
1
- .ar-syntax {
2
- display: flex;
3
- flex-direction: column;
4
- border: solid 1px var(--gray-200);
5
- border-radius: var(--border-radius-lg);
6
- overflow: hidden;
7
- }
8
- .ar-syntax > .preview {
9
- position: relative;
10
- display: flex;
11
- align-items: center;
12
- gap: 1rem;
13
- background-color: var(--white);
14
- padding: 1rem;
15
- }
16
-
17
- .ar-syntax > .preview.left {
18
- justify-content: left;
19
- }
20
- .ar-syntax > .preview.center {
21
- justify-content: center;
22
- }
23
- .ar-syntax > .preview.right {
24
- justify-content: right;
25
- }
26
-
27
- .ar-syntax > .ar-syntax-button-group {
28
- position: relative;
29
- display: flex;
30
- justify-content: center;
31
- align-items: center;
32
- padding: 0.5rem 0;
33
- border: dashed 1px transparent;
34
- border-top-color: var(--gray-200);
35
- }
36
-
37
- .ar-syntax > .pre {
38
- margin: 0;
39
- padding: 1rem;
40
- border: dashed 1px transparent;
41
- border-top-color: var(--gray-200);
42
- overflow-x: auto;
43
- }
44
- .ar-syntax > .pre.hidden {
45
- display: none;
46
- }
47
- .ar-syntax > .pre.visible {
48
- display: block;
49
- }
50
- .ar-syntax > .pre > code {
51
- display: flex;
52
- flex-direction: column;
53
- gap: 0.5rem 0;
54
- font-family: var(--jetBrainsMonoRegular) !important;
55
- }