@seed-design/rootage-artifacts 1.1.5 → 1.1.6
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.
|
@@ -65,14 +65,7 @@ data:
|
|
|
65
65
|
enabled:
|
|
66
66
|
root:
|
|
67
67
|
cornerRadius: $radius.full
|
|
68
|
-
shadow:
|
|
69
|
-
type: shadow
|
|
70
|
-
value:
|
|
71
|
-
- offsetX: 0px
|
|
72
|
-
offsetY: 2px
|
|
73
|
-
blur: 6px
|
|
74
|
-
spread: 0px
|
|
75
|
-
color: "#00000026"
|
|
68
|
+
shadow: $shadow.s3
|
|
76
69
|
colorDuration: $duration.color-transition
|
|
77
70
|
colorTimingFunction: $timing-function.easing
|
|
78
71
|
progressCircle:
|
|
@@ -58,14 +58,7 @@ data:
|
|
|
58
58
|
root:
|
|
59
59
|
color: $color.bg.brand-solid
|
|
60
60
|
cornerRadius: $radius.full
|
|
61
|
-
shadow:
|
|
62
|
-
type: shadow
|
|
63
|
-
value:
|
|
64
|
-
- offsetX: 0px
|
|
65
|
-
offsetY: 2px
|
|
66
|
-
blur: 6px
|
|
67
|
-
spread: 0px
|
|
68
|
-
color: "#00000026"
|
|
61
|
+
shadow: $shadow.s3
|
|
69
62
|
colorDuration: $duration.color-transition
|
|
70
63
|
colorTimingFunction: $timing-function.easing
|
|
71
64
|
layoutDuration: $duration.d4
|
|
@@ -49,15 +49,6 @@ data:
|
|
|
49
49
|
root:
|
|
50
50
|
strokeWidth: 0px
|
|
51
51
|
strokeColor: "#00000000"
|
|
52
|
-
disabled:
|
|
53
|
-
root:
|
|
54
|
-
color: $color.palette.gray-300
|
|
55
|
-
disabled,selected:
|
|
56
|
-
root:
|
|
57
|
-
color: $color.bg.transparent
|
|
58
|
-
strokeColor: $color.palette.gray-300
|
|
59
|
-
icon:
|
|
60
|
-
color: $color.palette.gray-300
|
|
61
52
|
|
|
62
53
|
tone=brand:
|
|
63
54
|
enabled,selected:
|
|
@@ -68,6 +59,16 @@ data:
|
|
|
68
59
|
enabled,selected,pressed:
|
|
69
60
|
root:
|
|
70
61
|
color: $color.bg.brand-solid-pressed
|
|
62
|
+
disabled:
|
|
63
|
+
root:
|
|
64
|
+
color: $color.palette.gray-300
|
|
65
|
+
disabled,selected:
|
|
66
|
+
root:
|
|
67
|
+
color: $color.bg.transparent
|
|
68
|
+
strokeWidth: 1px
|
|
69
|
+
strokeColor: $color.palette.gray-300
|
|
70
|
+
icon:
|
|
71
|
+
color: $color.palette.gray-300
|
|
71
72
|
tone=neutral:
|
|
72
73
|
enabled,selected:
|
|
73
74
|
root:
|
|
@@ -77,6 +78,16 @@ data:
|
|
|
77
78
|
enabled,selected,pressed:
|
|
78
79
|
root:
|
|
79
80
|
color: $color.bg.neutral-inverted-pressed
|
|
81
|
+
disabled:
|
|
82
|
+
root:
|
|
83
|
+
color: $color.palette.gray-300
|
|
84
|
+
disabled,selected:
|
|
85
|
+
root:
|
|
86
|
+
color: $color.bg.transparent
|
|
87
|
+
strokeWidth: 1px
|
|
88
|
+
strokeColor: $color.palette.gray-300
|
|
89
|
+
icon:
|
|
90
|
+
color: $color.palette.gray-300
|
|
80
91
|
|
|
81
92
|
size=medium:
|
|
82
93
|
enabled:
|
package/package.json
CHANGED
package/shadow.yaml
ADDED
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
kind: Tokens
|
|
2
|
+
metadata:
|
|
3
|
+
id: shadow
|
|
4
|
+
name: Shadow
|
|
5
|
+
lastUpdated: 25-12-08
|
|
6
|
+
data:
|
|
7
|
+
collection: color
|
|
8
|
+
tokens:
|
|
9
|
+
$shadow.s1:
|
|
10
|
+
values:
|
|
11
|
+
theme-light:
|
|
12
|
+
type: shadow
|
|
13
|
+
value:
|
|
14
|
+
- offsetX: 0px
|
|
15
|
+
offsetY: 1px
|
|
16
|
+
blur: 4px
|
|
17
|
+
spread: 0px
|
|
18
|
+
color: "#00000014"
|
|
19
|
+
theme-dark:
|
|
20
|
+
type: shadow
|
|
21
|
+
value:
|
|
22
|
+
- offsetX: 0px
|
|
23
|
+
offsetY: 1px
|
|
24
|
+
blur: 4px
|
|
25
|
+
spread: 0px
|
|
26
|
+
color: "#00000080"
|
|
27
|
+
$shadow.s2:
|
|
28
|
+
values:
|
|
29
|
+
theme-light:
|
|
30
|
+
type: shadow
|
|
31
|
+
value:
|
|
32
|
+
- offsetX: 0px
|
|
33
|
+
offsetY: 2px
|
|
34
|
+
blur: 10px
|
|
35
|
+
spread: 0px
|
|
36
|
+
color: "#0000001a"
|
|
37
|
+
theme-dark:
|
|
38
|
+
type: shadow
|
|
39
|
+
value:
|
|
40
|
+
- offsetX: 0px
|
|
41
|
+
offsetY: 2px
|
|
42
|
+
blur: 10px
|
|
43
|
+
spread: 0px
|
|
44
|
+
color: "#000000ad"
|
|
45
|
+
$shadow.s3:
|
|
46
|
+
description: 화면의 다른 요소들보다 가장 높은 계층에 위치할 때 사용됩니다.
|
|
47
|
+
values:
|
|
48
|
+
theme-light:
|
|
49
|
+
type: shadow
|
|
50
|
+
value:
|
|
51
|
+
- offsetX: 0px
|
|
52
|
+
offsetY: 4px
|
|
53
|
+
blur: 16px
|
|
54
|
+
spread: 0px
|
|
55
|
+
color: "#0000001f"
|
|
56
|
+
theme-dark:
|
|
57
|
+
type: shadow
|
|
58
|
+
value:
|
|
59
|
+
- offsetX: 0px
|
|
60
|
+
offsetY: 4px
|
|
61
|
+
blur: 16px
|
|
62
|
+
spread: 0px
|
|
63
|
+
color: "#000000cc"
|