lupine.components 1.1.24 → 1.1.27

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 (23) hide show
  1. package/package.json +1 -1
  2. package/src/component-pool/date-picker/date-picker.tsx +10 -10
  3. package/src/component-pool/i-editor/i-editor.ts +620 -182
  4. package/src/component-pool/p-editor/p-editor-types.ts +0 -48
  5. package/src/component-pool/p-editor/p-editor.ts +1437 -328
  6. package/src/component-pool/time-picker/time-picker.tsx +1 -1
  7. package/src/components/input-number-demo.tsx +2 -2
  8. package/src/components/mobile-components/mobile-side-menu.tsx +3 -0
  9. package/src/components/text-glow.tsx +3 -1
  10. package/src/components/text-wave.tsx +3 -1
  11. package/src/components/toggle-base.tsx +224 -89
  12. package/src/components/toggle-button-demo.tsx +55 -7
  13. package/src/demo/demo-about.tsx +4 -1
  14. package/src/frames/slider-frame.tsx +3 -0
  15. package/src/{component-pool/i-editor/i-editor-drawing.ts → lib/canvas/canvas-drawing.ts} +213 -2
  16. package/src/lib/canvas/canvas-geometry.ts +255 -0
  17. package/src/lib/canvas/canvas-helper.tsx +176 -0
  18. package/src/{component-pool/i-editor/i-editor-types.ts → lib/canvas/canvas-types.ts} +6 -0
  19. package/src/lib/canvas/index.ts +5 -0
  20. package/src/lib/index.ts +1 -0
  21. package/src/component-pool/i-editor/i-editor-geometry.ts +0 -139
  22. package/src/component-pool/i-editor/i-editor-icons.ts +0 -30
  23. /package/src/{component-pool/i-editor/i-editor-image.ts → lib/canvas/canvas-image.ts} +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lupine.components",
3
- "version": "1.1.24",
3
+ "version": "1.1.27",
4
4
  "license": "MIT",
5
5
  "author": "uuware.com",
6
6
  "homepage": "https://github.com/uuware/lupine.js",
package/src/component-pool/date-picker/date-picker.tsx CHANGED
@@ -51,7 +51,7 @@ const datePickerCss: CssProps = {
51
51
  },
52
52
 
53
53
  '.&-panel': {
54
- width: '280px',
54
+ width: '220px',
55
55
  backgroundColor: 'var(--primary-bg-color, #fff)',
56
56
  userSelect: 'none',
57
57
  display: 'flex',
@@ -61,13 +61,13 @@ const datePickerCss: CssProps = {
61
61
  '.&-header': {
62
62
  display: 'flex',
63
63
  alignItems: 'center',
64
- padding: '12px',
64
+ padding: '6px 12px 4px 12px',
65
65
  borderBottom: '1px solid var(--secondary-border-color, #f0f0f0)',
66
66
  gap: '4px',
67
67
  },
68
68
 
69
69
  '.&-nav-btn': {
70
- padding: '4px 8px',
70
+ padding: '4px',
71
71
  border: '1px solid transparent',
72
72
  backgroundColor: 'transparent',
73
73
  cursor: 'pointer',
@@ -83,10 +83,10 @@ const datePickerCss: CssProps = {
83
83
  flex: 1,
84
84
  position: 'relative',
85
85
  '.year-input': {
86
- width: '100%',
86
+ width: '60px',
87
87
  border: '1px solid var(--secondary-border-color, #d9d9d9)',
88
88
  borderRadius: '4px',
89
- padding: '4px 8px',
89
+ padding: '4px',
90
90
  fontSize: '14px',
91
91
  textAlign: 'center',
92
92
  cursor: 'pointer',
@@ -97,18 +97,18 @@ const datePickerCss: CssProps = {
97
97
  '.&-month-select': {
98
98
  border: '1px solid var(--secondary-border-color, #d9d9d9)',
99
99
  borderRadius: '4px',
100
- padding: '4px',
100
+ padding: '2px 4px',
101
101
  cursor: 'pointer',
102
102
  },
103
103
 
104
104
  '.&-body': {
105
- padding: '12px',
105
+ padding: '6px',
106
106
  },
107
107
 
108
108
  '.&-grid': {
109
109
  display: 'grid',
110
110
  gridTemplateColumns: 'repeat(7, 1fr)',
111
- gap: '2px',
111
+ gap: '1px',
112
112
  },
113
113
 
114
114
  '.&-weekday': {
@@ -116,12 +116,12 @@ const datePickerCss: CssProps = {
116
116
  fontSize: '12px',
117
117
  fontWeight: '600',
118
118
  color: 'var(--secondary-color, #8c8c8c)',
119
- padding: '8px 0',
119
+ padding: '4px 0',
120
120
  },
121
121
 
122
122
  '.&-day': {
123
123
  textAlign: 'center',
124
- padding: '8px 0',
124
+ padding: '4px 0',
125
125
  cursor: 'pointer',
126
126
  borderRadius: '4px',
127
127
  fontSize: '14px',