@seed-design/rootage-artifacts 0.0.2 → 0.0.4

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 (4) hide show
  1. package/components/avatar-stack.yaml +6 -0
  2. package/components/avatar.yaml +11 -0
  3. package/components/switch.yaml +47 -8
  4. package/package.json +1 -1
package/components/avatar-stack.yaml CHANGED
@@ -72,3 +72,9 @@ data:
72
72
  gap: -24px
73
73
  item:
74
74
  strokeWidth: 5px
75
+ size=108:
76
+ enabled:
77
+ root:
78
+ gap: -27px
79
+ item:
80
+ strokeWidth: 5px
package/components/avatar.yaml CHANGED
@@ -116,3 +116,14 @@ data:
116
116
  badge:
117
117
  offset: 65px
118
118
  size: 32px
119
+ size=108:
120
+ enabled:
121
+ root:
122
+ size: 108px
123
+ strokeWidth: 1px
124
+ badgeMask:
125
+ offset: 70px
126
+ size: 44px
127
+ badge:
128
+ offset: 74px
129
+ size: 36px
package/components/switch.yaml CHANGED
@@ -13,14 +13,14 @@ data:
13
13
  type: dimension
14
14
  gap:
15
15
  type: dimension
16
- opacity:
17
- type: number
18
16
  control:
19
17
  properties:
20
18
  color:
21
19
  type: color
22
20
  cornerRadius:
23
21
  type: dimension
22
+ opacity:
23
+ type: number
24
24
  height:
25
25
  type: dimension
26
26
  width:
@@ -43,6 +43,8 @@ data:
43
43
  type: shadow
44
44
  label:
45
45
  properties:
46
+ color:
47
+ type: color
46
48
  fontSize:
47
49
  type: dimension
48
50
  lineHeight:
@@ -58,16 +60,22 @@ data:
58
60
  thumb:
59
61
  color: $color.palette.static-white
60
62
  cornerRadius: $radius.full
63
+ label:
64
+ color: $color.fg.neutral
65
+ fontWeight: $font-weight.medium
61
66
  enabled,selected:
62
67
  control:
63
68
  color: $color.bg.brand-solid
64
69
  disabled:
65
- root:
70
+ control:
66
71
  opacity: 0.38
67
- size=medium:
72
+ label:
73
+ color: $color.fg.disabled
74
+ size=32:
68
75
  enabled:
69
76
  root:
70
77
  height: 32px
78
+ gap: $dimension.x2_5
71
79
  control:
72
80
  height: 32px
73
81
  width: 52px
@@ -89,11 +97,43 @@ data:
89
97
  blur: 3px
90
98
  spread: 0px
91
99
  color: "#0000000f"
92
- size=small:
100
+ label:
101
+ fontSize: $font-size.t5
102
+ lineHeight: $line-height.t5
103
+ size=24:
93
104
  enabled:
94
105
  root:
95
106
  height: 24px
96
107
  gap: $dimension.x2
108
+ control:
109
+ height: 24px
110
+ width: 38px
111
+ paddingX: 2px
112
+ paddingY: 2px
113
+ thumb:
114
+ height: 20px
115
+ width: 20px
116
+ shadow:
117
+ type: shadow
118
+ value:
119
+ - offsetX: 0px
120
+ offsetY: 3px
121
+ blur: 8px
122
+ spread: 0px
123
+ color: "#00000026"
124
+ - offsetX: 0px
125
+ offsetY: 1px
126
+ blur: 3px
127
+ spread: 0px
128
+ color: "#0000000f"
129
+ label:
130
+ fontSize: $font-size.t4
131
+ lineHeight: $line-height.t4
132
+ size=16:
133
+ enabled:
134
+ root:
135
+ height: 24px
136
+ gap: $dimension.x1_5
97
137
  control:
98
138
  height: 16px
99
139
  width: 26px
@@ -103,6 +143,5 @@ data:
103
143
  height: 12px
104
144
  width: 12px
105
145
  label:
106
- fontSize: $font-size.t4
107
- lineHeight: $line-height.t4
108
- fontWeight: $font-weight.regular
146
+ fontSize: $font-size.t3
147
+ lineHeight: $line-height.t3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/rootage-artifacts",
3
- "version": "0.0.2",
3
+ "version": "0.0.4",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/daangn/seed-design.git",