@a-type/ui 2.6.1 → 2.7.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.
- package/dist/cjs/components/button/Button.d.ts +14 -1
- package/dist/cjs/components/button/Button.js +84 -8
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/Button.stories.d.ts +14 -1
- package/dist/cjs/components/button/Button.stories.js +27 -6
- package/dist/cjs/components/button/Button.stories.js.map +1 -1
- package/dist/cjs/components/button/classes.d.ts +2 -2
- package/dist/cjs/components/button/classes.js +12 -7
- package/dist/cjs/components/button/classes.js.map +1 -1
- package/dist/cjs/components/camera/Camera.js +3 -3
- package/dist/cjs/components/camera/Camera.js.map +1 -1
- package/dist/cjs/components/card/Card.d.ts +2 -2
- package/dist/cjs/components/card/Card.stories.js +7 -7
- package/dist/cjs/components/card/Card.stories.js.map +1 -1
- package/dist/cjs/components/contextMenu/contextMenu.js +2 -2
- package/dist/cjs/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/cjs/components/datePicker/DatePicker.js +4 -4
- package/dist/cjs/components/datePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js +5 -5
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/cjs/components/emojiPicker/EmojiPicker.js +2 -2
- package/dist/cjs/components/emojiPicker/EmojiPicker.js.map +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.js +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.js.map +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.stories.js +2 -2
- package/dist/cjs/components/horizontalList/HorizontalList.stories.js.map +1 -1
- package/dist/cjs/components/icon/Icon.js +7 -1
- package/dist/cjs/components/icon/Icon.js.map +1 -1
- package/dist/cjs/components/icon/IconLoadingContext.d.ts +2 -0
- package/dist/cjs/components/icon/IconLoadingContext.js +12 -0
- package/dist/cjs/components/icon/IconLoadingContext.js.map +1 -0
- package/dist/cjs/components/imageUploader/ImageUploader.js +1 -1
- package/dist/cjs/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/cjs/components/particles/ParticleLayer.stories.js +1 -1
- package/dist/cjs/components/particles/ParticleLayer.stories.js.map +1 -1
- package/dist/cjs/components/select/Select.js +8 -4
- package/dist/cjs/components/select/Select.js.map +1 -1
- package/dist/cjs/components/spinner/Spinner.js +1 -1
- package/dist/cjs/components/spinner/Spinner.js.map +1 -1
- package/dist/cjs/themes.stories.d.ts +1 -0
- package/dist/cjs/themes.stories.js +3 -2
- package/dist/cjs/themes.stories.js.map +1 -1
- package/dist/cjs/uno/colors.d.ts +1 -0
- package/dist/cjs/uno/colors.js +1 -0
- package/dist/cjs/uno/colors.js.map +1 -1
- package/dist/cjs/uno/shadows.js +11 -8
- package/dist/cjs/uno/shadows.js.map +1 -1
- package/dist/css/main.css +12 -12
- package/dist/esm/components/button/Button.d.ts +14 -1
- package/dist/esm/components/button/Button.js +82 -7
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/Button.stories.d.ts +14 -1
- package/dist/esm/components/button/Button.stories.js +27 -6
- package/dist/esm/components/button/Button.stories.js.map +1 -1
- package/dist/esm/components/button/classes.d.ts +2 -2
- package/dist/esm/components/button/classes.js +13 -8
- package/dist/esm/components/button/classes.js.map +1 -1
- package/dist/esm/components/camera/Camera.js +3 -3
- package/dist/esm/components/camera/Camera.js.map +1 -1
- package/dist/esm/components/card/Card.d.ts +2 -2
- package/dist/esm/components/card/Card.stories.js +7 -7
- package/dist/esm/components/card/Card.stories.js.map +1 -1
- package/dist/esm/components/contextMenu/contextMenu.js +2 -2
- package/dist/esm/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/esm/components/datePicker/DatePicker.js +4 -4
- package/dist/esm/components/datePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.js +5 -5
- package/dist/esm/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/esm/components/emojiPicker/EmojiPicker.js +2 -2
- package/dist/esm/components/emojiPicker/EmojiPicker.js.map +1 -1
- package/dist/esm/components/horizontalList/HorizontalList.js +1 -1
- package/dist/esm/components/horizontalList/HorizontalList.js.map +1 -1
- package/dist/esm/components/horizontalList/HorizontalList.stories.js +2 -2
- package/dist/esm/components/horizontalList/HorizontalList.stories.js.map +1 -1
- package/dist/esm/components/icon/Icon.js +7 -1
- package/dist/esm/components/icon/Icon.js.map +1 -1
- package/dist/esm/components/icon/IconLoadingContext.d.ts +2 -0
- package/dist/esm/components/icon/IconLoadingContext.js +8 -0
- package/dist/esm/components/icon/IconLoadingContext.js.map +1 -0
- package/dist/esm/components/imageUploader/ImageUploader.js +1 -1
- package/dist/esm/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/esm/components/particles/ParticleLayer.stories.js +1 -1
- package/dist/esm/components/particles/ParticleLayer.stories.js.map +1 -1
- package/dist/esm/components/select/Select.js +8 -4
- package/dist/esm/components/select/Select.js.map +1 -1
- package/dist/esm/components/spinner/Spinner.js +1 -1
- package/dist/esm/components/spinner/Spinner.js.map +1 -1
- package/dist/esm/themes.stories.d.ts +1 -0
- package/dist/esm/themes.stories.js +3 -2
- package/dist/esm/themes.stories.js.map +1 -1
- package/dist/esm/uno/colors.d.ts +1 -0
- package/dist/esm/uno/colors.js +1 -0
- package/dist/esm/uno/colors.js.map +1 -1
- package/dist/esm/uno/shadows.js +11 -8
- package/dist/esm/uno/shadows.js.map +1 -1
- package/package.json +2 -1
- package/src/components/button/Button.stories.tsx +47 -7
- package/src/components/button/Button.tsx +137 -14
- package/src/components/button/classes.tsx +19 -11
- package/src/components/camera/Camera.tsx +1 -7
- package/src/components/card/Card.stories.tsx +10 -10
- package/src/components/contextMenu/contextMenu.tsx +3 -5
- package/src/components/datePicker/DatePicker.tsx +0 -4
- package/src/components/dropdownMenu/DropdownMenu.tsx +7 -6
- package/src/components/emojiPicker/EmojiPicker.tsx +4 -4
- package/src/components/horizontalList/HorizontalList.stories.tsx +0 -2
- package/src/components/horizontalList/HorizontalList.tsx +0 -1
- package/src/components/icon/Icon.tsx +9 -0
- package/src/components/icon/IconLoadingContext.tsx +7 -0
- package/src/components/imageUploader/ImageUploader.tsx +0 -1
- package/src/components/particles/ParticleLayer.stories.tsx +2 -2
- package/src/components/select/Select.tsx +11 -9
- package/src/components/spinner/Spinner.tsx +1 -1
- package/src/themes.stories.tsx +39 -12
- package/src/uno/colors.ts +1 -0
- package/src/uno/shadows.ts +11 -8
package/dist/cjs/uno/colors.d.ts
CHANGED
|
@@ -18,6 +18,7 @@ export declare const themeColors: {
|
|
|
18
18
|
readonly white: "var(--color-white)";
|
|
19
19
|
readonly wash: "var(--color-wash)";
|
|
20
20
|
readonly transparent: "transparent";
|
|
21
|
+
readonly current: "currentColor";
|
|
21
22
|
readonly bg: "var(--v-bg-altered, var(--v-bg, transparent))";
|
|
22
23
|
readonly fg: "var(--v-color-altered, var(--v-color, var(--color-black)))";
|
|
23
24
|
readonly color: "var(--v-color-altered, var(--v-color, var(--color-black)))";
|
package/dist/cjs/uno/colors.js
CHANGED
|
@@ -78,6 +78,7 @@ exports.themeColors = {
|
|
|
78
78
|
white: 'var(--color-white)',
|
|
79
79
|
wash: 'var(--color-wash)',
|
|
80
80
|
transparent: 'transparent',
|
|
81
|
+
current: 'currentColor',
|
|
81
82
|
// magic tokens
|
|
82
83
|
bg: 'var(--v-bg-altered, var(--v-bg, transparent))',
|
|
83
84
|
fg: 'var(--v-color-altered, var(--v-color, var(--color-black)))',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/uno/colors.ts"],"names":[],"mappings":";;;AA6DA,oCAqBC;
|
|
1
|
+
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/uno/colors.ts"],"names":[],"mappings":"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"}
|
package/dist/cjs/uno/shadows.js
CHANGED
|
@@ -3,15 +3,18 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.getShadows = getShadows;
|
|
5
5
|
function getShadows(hard = false) {
|
|
6
|
+
const opacity1 = `calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5)*2)`;
|
|
7
|
+
const opacity2 = `calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5))`;
|
|
8
|
+
const opacity3 = `calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5)/2)`;
|
|
6
9
|
return {
|
|
7
|
-
sm: `var(--un-shadow-inset) 0 calc(0px * var(--v-shadow-y-mult,1)) calc(1px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b /
|
|
8
|
-
var(--un-shadow-inset) 0 calc(1px * var(--v-shadow-y-mult,1)) calc(2px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b /
|
|
9
|
-
md: `var(--un-shadow-inset) 0 calc(4px * var(--v-shadow-y-mult,1)) calc(8px * var(--global-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b /
|
|
10
|
-
var(--un-shadow-inset) 0 calc(2px * var(--v-shadow-y-mult,1)) calc(4px * var(--global-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b /
|
|
11
|
-
lg: `var(--un-shadow-inset) 0 calc(8px * var(--v-shadow-y-mult,1)) calc(16px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b /
|
|
12
|
-
var(--un-shadow-inset) 0 calc(5px * var(--v-shadow-y-mult,1)) calc(10px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b /
|
|
13
|
-
xl: `var(--un-shadow-inset) 0 calc(20px * var(--v-shadow-y-mult,1)) calc(40px * (0.1 + var(--global-shadow-spread,1))) -0px rgb(from var(--un-shadow-color) r g b /
|
|
14
|
-
var(--un-shadow-inset) 0 calc(15px * var(--v-shadow-y-mult,1)) calc(30px * (0.05 + var(--global-shadow-spread,1))) -6px rgb(from var(--un-shadow-color) r g b /
|
|
10
|
+
sm: `var(--un-shadow-inset) 0 calc(0px * var(--v-shadow-y-mult,1)) calc(1px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / ${opacity1}),
|
|
11
|
+
var(--un-shadow-inset) 0 calc(1px * var(--v-shadow-y-mult,1)) calc(2px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / ${opacity1})`,
|
|
12
|
+
md: `var(--un-shadow-inset) 0 calc(4px * var(--v-shadow-y-mult,1)) calc(8px * var(--global-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / ${opacity2}),
|
|
13
|
+
var(--un-shadow-inset) 0 calc(2px * var(--v-shadow-y-mult,1)) calc(4px * var(--global-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / ${opacity1})`,
|
|
14
|
+
lg: `var(--un-shadow-inset) 0 calc(8px * var(--v-shadow-y-mult,1)) calc(16px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / ${opacity2}),
|
|
15
|
+
var(--un-shadow-inset) 0 calc(5px * var(--v-shadow-y-mult,1)) calc(10px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / ${opacity2})`,
|
|
16
|
+
xl: `var(--un-shadow-inset) 0 calc(20px * var(--v-shadow-y-mult,1)) calc(40px * (0.1 + var(--global-shadow-spread,1))) -0px rgb(from var(--un-shadow-color) r g b / ${opacity2}),
|
|
17
|
+
var(--un-shadow-inset) 0 calc(15px * var(--v-shadow-y-mult,1)) calc(30px * (0.05 + var(--global-shadow-spread,1))) -6px rgb(from var(--un-shadow-color) r g b / ${opacity3})`,
|
|
15
18
|
};
|
|
16
19
|
}
|
|
17
20
|
//# sourceMappingURL=shadows.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../../src/uno/shadows.ts"],"names":[],"mappings":";;AAAA,
|
|
1
|
+
{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../../src/uno/shadows.ts"],"names":[],"mappings":";;AAAA,gCAcC;AAdD,SAAgB,UAAU,CAAC,IAAI,GAAG,KAAK;IACtC,MAAM,QAAQ,GAAG,gFAAgF,CAAC;IAClG,MAAM,QAAQ,GAAG,8EAA8E,CAAC;IAChG,MAAM,QAAQ,GAAG,gFAAgF,CAAC;IAClG,OAAO;QACN,EAAE,EAAE,qJAAqJ,QAAQ;uJACZ,QAAQ,GAAG;QAChK,EAAE,EAAE,wJAAwJ,QAAQ;0JACZ,QAAQ,GAAG;QACnK,EAAE,EAAE,wJAAwJ,QAAQ;0JACZ,QAAQ,GAAG;QACnK,EAAE,EAAE,kKAAkK,QAAQ;qKACX,QAAQ,GAAG;KAC9K,CAAC;AACH,CAAC"}
|