@1money/component-ui 0.0.48 → 0.0.50

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 (127) hide show
  1. package/es/components/Accordion/style/Accordion.css +94 -1
  2. package/es/components/Alert/style/Alert.css +101 -1
  3. package/es/components/Button/style/Button.css +178 -1
  4. package/es/components/Calendar/style/Calendar.css +400 -1
  5. package/es/components/Carousel/style/Carousel.css +57 -1
  6. package/es/components/Cell/style/Cell.css +80 -1
  7. package/es/components/Checkbox/style/Checkbox.css +191 -1
  8. package/es/components/CoachMark/style/CoachMark.css +156 -1
  9. package/es/components/Copy/style/Clipboard.css +45 -1
  10. package/es/components/Copy/style/Copy.css +48 -1
  11. package/es/components/Dialog/style/Dialog.css +204 -1
  12. package/es/components/Divider/style/Divider.css +128 -1
  13. package/es/components/Drawer/style/Drawer.css +145 -1
  14. package/es/components/Dropdown/style/Dropdown.css +48 -1
  15. package/es/components/Empty/style/Empty.css +58 -1
  16. package/es/components/Flex/style/Flex.css +71 -1
  17. package/es/components/Grid/style/Grid.css +952 -1
  18. package/es/components/Icons/style/Icons.css +81 -1
  19. package/es/components/Input/Amount/style/Amount.css +103 -1
  20. package/es/components/Input/FieldShell/FieldShell.css +76 -1
  21. package/es/components/Input/Input/Input.css +124 -1
  22. package/es/components/Input/OTP/OTP.css +79 -1
  23. package/es/components/Input/TextArea/TextArea.css +93 -1
  24. package/es/components/Input/Trade/Trade.css +192 -1
  25. package/es/components/Link/style/Link.css +70 -1
  26. package/es/components/Navigation/style/Nav.css +158 -1
  27. package/es/components/Navigation/style/Navigation.css +373 -1
  28. package/es/components/Navigation/style/NavigationStepper.css +97 -1
  29. package/es/components/Notification/NotificationStatic.js +22 -22
  30. package/es/components/Notification/style/Notification.css +170 -1
  31. package/es/components/Pagination/style/Pagination.css +89 -1
  32. package/es/components/Popconfirm/style/Popconfirm.css +137 -1
  33. package/es/components/ProForm/ProForm.js +38 -38
  34. package/es/components/ProForm/ProFormDependency.js +5 -5
  35. package/es/components/ProForm/Submitter.js +4 -4
  36. package/es/components/ProForm/core/hooks/useForm.js +101 -101
  37. package/es/components/ProForm/core/useFormItem.js +5 -5
  38. package/es/components/ProForm/hooks/useFieldRequest.js +12 -12
  39. package/es/components/ProForm/layouts/useOverlayForm.js +5 -5
  40. package/es/components/ProForm/style/ProForm.css +168 -1
  41. package/es/components/Progress/style/Progress.css +103 -1
  42. package/es/components/Radio/style/Radio.css +362 -1
  43. package/es/components/Segment/style/Segment.css +79 -1
  44. package/es/components/Select/style/Select.css +468 -1
  45. package/es/components/Skeleton/style/Skeleton.css +54 -1
  46. package/es/components/Slider/style/Slider.css +161 -1
  47. package/es/components/Space/style/Space.css +47 -1
  48. package/es/components/Spinner/Spinner.js +7 -7
  49. package/es/components/Spinner/style/Spinner.css +99 -1
  50. package/es/components/Step/style/Step.css +107 -1
  51. package/es/components/Switch/style/Switch.css +102 -1
  52. package/es/components/Table/style/Table.css +370 -1
  53. package/es/components/Tabs/style/Tabs.css +118 -1
  54. package/es/components/Tag/style/Tag.css +87 -1
  55. package/es/components/Tooltip/style/Tooltip.css +98 -1
  56. package/es/components/Trigger/style/Trigger.css +35 -1
  57. package/es/components/Typography/style/Typography.css +444 -1
  58. package/es/components/Upload/style/Upload.css +55 -1
  59. package/es/components/Upload/style/UploadFileBar.css +88 -1
  60. package/es/components/VirtualList/style/VirtualList.css +25 -1
  61. package/es/index.css +1 -1
  62. package/es/stories/docs/storybook-docs.css +323 -1
  63. package/es/styles/index.css +5328 -1
  64. package/lib/components/Accordion/style/Accordion.css +94 -1
  65. package/lib/components/Alert/style/Alert.css +101 -1
  66. package/lib/components/Button/style/Button.css +178 -1
  67. package/lib/components/Calendar/style/Calendar.css +400 -1
  68. package/lib/components/Carousel/style/Carousel.css +57 -1
  69. package/lib/components/Cell/style/Cell.css +80 -1
  70. package/lib/components/Checkbox/style/Checkbox.css +191 -1
  71. package/lib/components/CoachMark/style/CoachMark.css +156 -1
  72. package/lib/components/Copy/style/Clipboard.css +45 -1
  73. package/lib/components/Copy/style/Copy.css +48 -1
  74. package/lib/components/Dialog/style/Dialog.css +204 -1
  75. package/lib/components/Divider/style/Divider.css +128 -1
  76. package/lib/components/Drawer/style/Drawer.css +145 -1
  77. package/lib/components/Dropdown/style/Dropdown.css +48 -1
  78. package/lib/components/Empty/style/Empty.css +58 -1
  79. package/lib/components/Flex/style/Flex.css +71 -1
  80. package/lib/components/Grid/style/Grid.css +952 -1
  81. package/lib/components/Icons/style/Icons.css +81 -1
  82. package/lib/components/Input/Amount/style/Amount.css +103 -1
  83. package/lib/components/Input/FieldShell/FieldShell.css +76 -1
  84. package/lib/components/Input/Input/Input.css +124 -1
  85. package/lib/components/Input/OTP/OTP.css +79 -1
  86. package/lib/components/Input/TextArea/TextArea.css +93 -1
  87. package/lib/components/Input/Trade/Trade.css +192 -1
  88. package/lib/components/Link/style/Link.css +70 -1
  89. package/lib/components/Navigation/style/Nav.css +158 -1
  90. package/lib/components/Navigation/style/Navigation.css +373 -1
  91. package/lib/components/Navigation/style/NavigationStepper.css +97 -1
  92. package/lib/components/Notification/NotificationStatic.js +22 -22
  93. package/lib/components/Notification/style/Notification.css +170 -1
  94. package/lib/components/Pagination/style/Pagination.css +89 -1
  95. package/lib/components/Popconfirm/style/Popconfirm.css +137 -1
  96. package/lib/components/ProForm/ProForm.js +38 -38
  97. package/lib/components/ProForm/ProFormDependency.js +5 -5
  98. package/lib/components/ProForm/Submitter.js +4 -4
  99. package/lib/components/ProForm/core/hooks/useForm.js +101 -101
  100. package/lib/components/ProForm/core/useFormItem.js +5 -5
  101. package/lib/components/ProForm/hooks/useFieldRequest.js +12 -12
  102. package/lib/components/ProForm/layouts/useOverlayForm.js +5 -5
  103. package/lib/components/ProForm/style/ProForm.css +168 -1
  104. package/lib/components/Progress/style/Progress.css +103 -1
  105. package/lib/components/Radio/style/Radio.css +362 -1
  106. package/lib/components/Segment/style/Segment.css +79 -1
  107. package/lib/components/Select/style/Select.css +468 -1
  108. package/lib/components/Skeleton/style/Skeleton.css +54 -1
  109. package/lib/components/Slider/style/Slider.css +161 -1
  110. package/lib/components/Space/style/Space.css +47 -1
  111. package/lib/components/Spinner/Spinner.js +7 -7
  112. package/lib/components/Spinner/style/Spinner.css +99 -1
  113. package/lib/components/Step/style/Step.css +107 -1
  114. package/lib/components/Switch/style/Switch.css +102 -1
  115. package/lib/components/Table/style/Table.css +370 -1
  116. package/lib/components/Tabs/style/Tabs.css +118 -1
  117. package/lib/components/Tag/style/Tag.css +87 -1
  118. package/lib/components/Tooltip/style/Tooltip.css +98 -1
  119. package/lib/components/Trigger/style/Trigger.css +35 -1
  120. package/lib/components/Typography/style/Typography.css +444 -1
  121. package/lib/components/Upload/style/Upload.css +55 -1
  122. package/lib/components/Upload/style/UploadFileBar.css +88 -1
  123. package/lib/components/VirtualList/style/VirtualList.css +25 -1
  124. package/lib/index.css +1 -1
  125. package/lib/stories/docs/storybook-docs.css +323 -1
  126. package/lib/styles/index.css +5328 -1
  127. package/package.json +65 -34
package/lib/components/Upload/style/UploadFileBar.css CHANGED
@@ -1 +1,88 @@
1
- .om-component-ui-upload-file-bar{display:flex;gap:var(--om-spacing-100,4px);align-items:center;width:100%}.om-component-ui-upload-file-bar-inner{position:relative;display:inline-flex;flex-grow:1;gap:var(--om-spacing-200,8px);align-items:center;justify-content:space-between;min-width:120px;height:var(--om-component-height-lg,44px);padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);overflow:hidden;color:var(--om-text-brand,#073387);background-color:var(--om-bg-default-secondary,#f8f8f8);border:1px solid var(--om-border-default,#d1d2d2);border-radius:var(--om-radius-300,12px)}.om-component-ui-upload-file-bar-name{flex:1;min-width:0;overflow:hidden;color:inherit!important;white-space:nowrap;text-overflow:ellipsis}.om-component-ui-upload-file-bar-success .om-component-ui-upload-file-bar-inner{color:var(--om-text-brand,#073387)}.om-component-ui-upload-file-bar-success .om-component-ui-upload-file-bar-icon-file{color:var(--om-icon-brand,#073387)!important}.om-component-ui-upload-file-bar-failure .om-component-ui-upload-file-bar-inner{color:var(--om-text-danger,#ae0000)}.om-component-ui-upload-file-bar-failure .om-component-ui-upload-file-bar-icon-file{color:var(--om-icon-danger,#ae0000)!important}.om-component-ui-upload-file-bar:hover .om-component-ui-upload-file-bar-inner{border-color:var(--om-border-default-tertiary,#404042)}.om-component-ui-upload-file-bar-failure:hover .om-component-ui-upload-file-bar-inner{border-color:var(--om-text-default,#131313)}.om-component-ui-upload-file-bar-icon-status{margin-left:auto}.om-component-ui-upload-file-bar-icon-remove{flex-shrink:0}.om-component-ui-upload-file-bar-message{position:absolute;bottom:-18px;left:0;display:inline-flex;gap:var(--om-spacing-100,4px);align-items:center;color:var(--om-text-danger,#ae0000)}.om-component-ui-upload-file-bar-message>*{color:inherit!important}
1
+ /**
2
+ * Retrieves the spacing value for a given token key.
3
+ *
4
+ * @param {string} $key - The spacing token key (e.g., '100', '200').
5
+ * @return {length|null} The computed spacing value or null if the key is invalid.
6
+ * @example
7
+ * .element {
8
+ * padding: om-spacing-token('200'); // Returns 8px if $om-sys-spacing-unit is 4px
9
+ * }
10
+ */
11
+ /**
12
+ * Computes the spacing value based on a token key or a direct length value.
13
+ *
14
+ * @param {string|length} $value - The spacing token key (e.g., '100') or a direct length value (e.g., '16px').
15
+ * @return {length} The computed spacing value.
16
+ * @example
17
+ * .element {
18
+ * margin: om-spacing-value('300'); // Returns 12px if $om-sys-spacing-unit is 4px
19
+ * padding: om-spacing-value(16px); // Returns 16px
20
+ * gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
21
+ * }
22
+ */
23
+ .om-component-ui-upload-file-bar {
24
+ display: flex;
25
+ gap: var(--om-spacing-100, 4px);
26
+ align-items: center;
27
+ width: 100%;
28
+ }
29
+ .om-component-ui-upload-file-bar-inner {
30
+ position: relative;
31
+ display: inline-flex;
32
+ flex-grow: 1;
33
+ gap: var(--om-spacing-200, 8px);
34
+ align-items: center;
35
+ justify-content: space-between;
36
+ min-width: 120px;
37
+ height: var(--om-component-height-lg, 44px);
38
+ padding: var(--om-spacing-300, 12px) var(--om-spacing-400, 16px);
39
+ overflow: hidden;
40
+ color: var(--om-text-brand, #073387);
41
+ background-color: var(--om-bg-default-secondary, #f8f8f8);
42
+ border: 1px solid var(--om-border-default, #d1d2d2);
43
+ border-radius: var(--om-radius-300, 12px);
44
+ }
45
+ .om-component-ui-upload-file-bar-name {
46
+ flex: 1;
47
+ min-width: 0;
48
+ overflow: hidden;
49
+ color: inherit !important;
50
+ white-space: nowrap;
51
+ text-overflow: ellipsis;
52
+ }
53
+ .om-component-ui-upload-file-bar-success .om-component-ui-upload-file-bar-inner {
54
+ color: var(--om-text-brand, #073387);
55
+ }
56
+ .om-component-ui-upload-file-bar-success .om-component-ui-upload-file-bar-icon-file {
57
+ color: var(--om-icon-brand, #073387) !important;
58
+ }
59
+ .om-component-ui-upload-file-bar-failure .om-component-ui-upload-file-bar-inner {
60
+ color: var(--om-text-danger, #ae0000);
61
+ }
62
+ .om-component-ui-upload-file-bar-failure .om-component-ui-upload-file-bar-icon-file {
63
+ color: var(--om-icon-danger, #ae0000) !important;
64
+ }
65
+ .om-component-ui-upload-file-bar:hover .om-component-ui-upload-file-bar-inner {
66
+ border-color: var(--om-border-default-tertiary, #404042);
67
+ }
68
+ .om-component-ui-upload-file-bar-failure:hover .om-component-ui-upload-file-bar-inner {
69
+ border-color: var(--om-text-default, #131313);
70
+ }
71
+ .om-component-ui-upload-file-bar-icon-status {
72
+ margin-left: auto;
73
+ }
74
+ .om-component-ui-upload-file-bar-icon-remove {
75
+ flex-shrink: 0;
76
+ }
77
+ .om-component-ui-upload-file-bar-message {
78
+ position: absolute;
79
+ bottom: -18px;
80
+ left: 0;
81
+ display: inline-flex;
82
+ gap: var(--om-spacing-100, 4px);
83
+ align-items: center;
84
+ color: var(--om-text-danger, #ae0000);
85
+ }
86
+ .om-component-ui-upload-file-bar-message > * {
87
+ color: inherit !important;
88
+ }
package/lib/components/VirtualList/style/VirtualList.css CHANGED
@@ -1 +1,25 @@
1
- .om-component-ui-virtual-list{--om-component-ui-virtual-list-scrollbar-bg:rgb(0 0 0/50%)}
1
+ /**
2
+ * Retrieves the spacing value for a given token key.
3
+ *
4
+ * @param {string} $key - The spacing token key (e.g., '100', '200').
5
+ * @return {length|null} The computed spacing value or null if the key is invalid.
6
+ * @example
7
+ * .element {
8
+ * padding: om-spacing-token('200'); // Returns 8px if $om-sys-spacing-unit is 4px
9
+ * }
10
+ */
11
+ /**
12
+ * Computes the spacing value based on a token key or a direct length value.
13
+ *
14
+ * @param {string|length} $value - The spacing token key (e.g., '100') or a direct length value (e.g., '16px').
15
+ * @return {length} The computed spacing value.
16
+ * @example
17
+ * .element {
18
+ * margin: om-spacing-value('300'); // Returns 12px if $om-sys-spacing-unit is 4px
19
+ * padding: om-spacing-value(16px); // Returns 16px
20
+ * gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
21
+ * }
22
+ */
23
+ .om-component-ui-virtual-list {
24
+ --om-component-ui-virtual-list-scrollbar-bg: rgb(0 0 0 / 50%);
25
+ }