@seed-design/rootage-artifacts 1.0.3 → 1.0.5-alpha-20251021104301

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 (6) hide show
  1. package/color.yaml +3 -3
  2. package/components/avatar.yaml +1 -0
  3. package/components/switch-mark.yaml +51 -31
  4. package/components/switch.yaml +9 -1
  5. package/components/text-field.yaml +1 -2
  6. package/package.json +1 -1
package/color.yaml CHANGED
@@ -2,7 +2,7 @@ kind: Tokens
2
2
  metadata:
3
3
  id: color
4
4
  name: Color
5
- lastUpdated: 25-09-15
5
+ lastUpdated: 25-10-15
6
6
  data:
7
7
  collection: color
8
8
  tokens:
@@ -716,7 +716,7 @@ data:
716
716
  theme-dark: "#fe6a34"
717
717
  $color.manner-temp.l9.text:
718
718
  values:
719
- theme-light: "#f30a02"
719
+ theme-light: "#e82c45"
720
720
  theme-dark: "#fe6a5d"
721
721
  $color.manner-temp.l8.bg:
722
722
  values:
@@ -724,7 +724,7 @@ data:
724
724
  theme-dark: "#380f00"
725
725
  $color.manner-temp.l9.bg:
726
726
  values:
727
- theme-light: "#ffeceb"
727
+ theme-light: "#fdeded"
728
728
  theme-dark: "#380500"
729
729
  $color.manner-temp.l10.text:
730
730
  values:
package/components/avatar.yaml CHANGED
@@ -39,6 +39,7 @@ data:
39
39
  root:
40
40
  size: 20px
41
41
  strokeWidth: 1px
42
+ # we don't use badge for size 20
42
43
  size=24:
43
44
  enabled:
44
45
  root:
package/components/switch-mark.yaml CHANGED
@@ -9,12 +9,22 @@ data:
9
9
  slots:
10
10
  root:
11
11
  properties:
12
- color:
13
- type: color
14
12
  cornerRadius:
15
13
  type: dimension
14
+ color:
15
+ type: color
16
+ colorDuration:
17
+ type: duration
18
+ colorTimingFunction:
19
+ type: cubicBezier
20
+ colorDelay:
21
+ type: duration
16
22
  opacity:
17
23
  type: number
24
+ opacityDuration:
25
+ type: duration
26
+ opacityTimingFunction:
27
+ type: cubicBezier
18
28
  height:
19
29
  type: dimension
20
30
  width:
@@ -27,25 +37,55 @@ data:
27
37
  properties:
28
38
  color:
29
39
  type: color
40
+ colorDuration:
41
+ type: duration
42
+ colorTimingFunction:
43
+ type: cubicBezier
44
+ colorDelay:
45
+ type: duration
30
46
  cornerRadius:
31
47
  type: dimension
32
48
  height:
33
49
  type: dimension
34
50
  width:
35
51
  type: dimension
36
- shadow:
37
- type: shadow
52
+ scale:
53
+ type: number
54
+ scaleDuration:
55
+ type: duration
56
+ scaleTimingFunction:
57
+ type: cubicBezier
58
+ translateDuration:
59
+ type: duration
60
+ translateTimingFunction:
61
+ type: cubicBezier
38
62
  definitions:
39
63
  base:
40
64
  enabled:
41
65
  root:
42
- color: $color.palette.gray-600
43
66
  cornerRadius: $radius.full
67
+ color: $color.palette.gray-600
68
+ colorDuration: $duration.d1
69
+ colorTimingFunction: $timing-function.easing
70
+ colorDelay: 20ms
44
71
  thumb:
45
72
  cornerRadius: $radius.full
73
+ scale: 0.8
74
+ scaleDuration: $duration.d3
75
+ scaleTimingFunction: $timing-function.easing
76
+ translateDuration: $duration.d3
77
+ translateTimingFunction: $timing-function.easing
78
+ colorDuration: $duration.d1
79
+ colorTimingFunction: $timing-function.easing
80
+ colorDelay: 20ms
46
81
  disabled:
47
82
  root:
48
83
  opacity: 0.38
84
+ opacityDuration: $duration.d1
85
+ opacityTimingFunction: $timing-function.easing
86
+ selected:
87
+ thumb:
88
+ scale: 1.0
49
89
 
50
90
  tone=brand:
51
91
  enabled:
@@ -61,6 +101,12 @@ data:
61
101
  enabled,selected:
62
102
  root:
63
103
  color: $color.bg.neutral-inverted
104
+ disabled:
105
+ thumb:
106
+ color: $color.palette.static-black-alpha-700
107
+ disabled,selected:
108
+ root:
109
+ color: $color.palette.gray-600
64
110
 
65
111
  size=32:
66
112
  enabled:
@@ -72,19 +118,6 @@ data:
72
118
  thumb:
73
119
  height: 26px
74
120
  width: 26px
75
- shadow:
76
- type: shadow
77
- value:
78
- - offsetX: 0px
79
- offsetY: 3px
80
- blur: 8px
81
- spread: 0px
82
- color: "#00000026"
83
- - offsetX: 0px
84
- offsetY: 1px
85
- blur: 3px
86
- spread: 0px
87
- color: "#0000000f"
88
121
  size=24:
89
122
  enabled:
90
123
  root:
@@ -95,19 +128,6 @@ data:
95
128
  thumb:
96
129
  height: 20px
97
130
  width: 20px
98
- shadow:
99
- type: shadow
100
- value:
101
- - offsetX: 0px
102
- offsetY: 3px
103
- blur: 8px
104
- spread: 0px
105
- color: "#00000026"
106
- - offsetX: 0px
107
- offsetY: 1px
108
- blur: 3px
109
- spread: 0px
110
- color: "#0000000f"
111
131
  size=16:
112
132
  enabled:
113
133
  root:
package/components/switch.yaml CHANGED
@@ -17,6 +17,12 @@ data:
17
17
  properties:
18
18
  color:
19
19
  type: color
20
+ opacity:
21
+ type: number
22
+ opacityDuration:
23
+ type: duration
24
+ opacityTimingFunction:
25
+ type: cubicBezier
20
26
  fontSize:
21
27
  type: dimension
22
28
  lineHeight:
@@ -31,7 +37,9 @@ data:
31
37
  fontWeight: $font-weight.medium
32
38
  disabled:
33
39
  label:
34
- color: $color.fg.disabled
40
+ opacity: 0.58
41
+ opacityDuration: $duration.d1
42
+ opacityTimingFunction: $timing-function.easing
35
43
 
36
44
  size=32:
37
45
  enabled:
package/components/text-field.yaml CHANGED
@@ -154,7 +154,6 @@ data:
154
154
  color: $color.fg.neutral
155
155
  fontWeight: $font-weight.regular
156
156
  field:
157
- color: $color.bg.layer-default
158
157
  strokeWidth: 1px
159
158
  strokeColor: $color.stroke.neutral-weak
160
159
  value:
@@ -190,7 +189,7 @@ data:
190
189
  strokeColor: $color.stroke.critical-weak
191
190
  invalid,focused:
192
191
  field:
193
- color: $color.bg.layer-default
192
+ color: "#00000000"
194
193
  strokeColor: $color.stroke.neutral-weak
195
194
  readonly:
196
195
  field:
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/rootage-artifacts",
3
- "version": "1.0.3",
3
+ "version": "1.0.5-alpha-20251021104301",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/daangn/seed-design.git",