@seed-design/rootage-artifacts 1.0.4 → 1.0.5

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/components/switch-mark.yaml +45 -31
  2. package/components/switch.yaml +6 -0
  3. package/components/tag-group-item.yaml +119 -0
  4. package/components/tag-group.yaml +40 -0
  5. package/components/top-navigation.yaml +3 -0
  6. package/package.json +1 -1
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:
@@ -78,19 +118,6 @@ data:
78
118
  thumb:
79
119
  height: 26px
80
120
  width: 26px
81
- shadow:
82
- type: shadow
83
- value:
84
- - offsetX: 0px
85
- offsetY: 3px
86
- blur: 8px
87
- spread: 0px
88
- color: "#00000026"
89
- - offsetX: 0px
90
- offsetY: 1px
91
- blur: 3px
92
- spread: 0px
93
- color: "#0000000f"
94
121
  size=24:
95
122
  enabled:
96
123
  root:
@@ -101,19 +128,6 @@ data:
101
128
  thumb:
102
129
  height: 20px
103
130
  width: 20px
104
- shadow:
105
- type: shadow
106
- value:
107
- - offsetX: 0px
108
- offsetY: 3px
109
- blur: 8px
110
- spread: 0px
111
- color: "#00000026"
112
- - offsetX: 0px
113
- offsetY: 1px
114
- blur: 3px
115
- spread: 0px
116
- color: "#0000000f"
117
131
  size=16:
118
132
  enabled:
119
133
  root:
package/components/switch.yaml CHANGED
@@ -19,6 +19,10 @@ data:
19
19
  type: color
20
20
  opacity:
21
21
  type: number
22
+ opacityDuration:
23
+ type: duration
24
+ opacityTimingFunction:
25
+ type: cubicBezier
22
26
  fontSize:
23
27
  type: dimension
24
28
  lineHeight:
@@ -34,6 +38,8 @@ data:
34
38
  disabled:
35
39
  label:
36
40
  opacity: 0.58
41
+ opacityDuration: $duration.d1
42
+ opacityTimingFunction: $timing-function.easing
37
43
 
38
44
  size=32:
39
45
  enabled:
package/components/tag-group-item.yaml ADDED
@@ -0,0 +1,119 @@
1
+ # yaml-language-server: $schema=./schema.json
2
+ kind: ComponentSpec
3
+ metadata:
4
+ id: tag-group-item
5
+ name: Tag Group Item
6
+ data:
7
+ schema:
8
+ slots:
9
+ root:
10
+ properties:
11
+ gap:
12
+ type: dimension
13
+ label:
14
+ properties:
15
+ fontSize:
16
+ type: dimension
17
+ lineHeight:
18
+ type: dimension
19
+ fontWeight:
20
+ type: number
21
+ color:
22
+ type: color
23
+ icon:
24
+ properties:
25
+ size:
26
+ type: dimension
27
+ color:
28
+ type: color
29
+ prefixIcon:
30
+ properties:
31
+ size:
32
+ type: dimension
33
+ color:
34
+ type: color
35
+ suffixIcon:
36
+ properties:
37
+ size:
38
+ type: dimension
39
+ color:
40
+ type: color
41
+ definitions:
42
+ base:
43
+ enabled:
44
+ root:
45
+ gap: $dimension.x0_5
46
+
47
+ size=t2:
48
+ enabled:
49
+ label:
50
+ fontSize: $font-size.t2
51
+ lineHeight: $line-height.t2
52
+ icon:
53
+ size: $dimension.x3 # might change to rem later
54
+ prefixIcon:
55
+ size: $dimension.x3 # might change to rem later
56
+ suffixIcon:
57
+ size: $dimension.x3 # might change to rem later
58
+ size=t3:
59
+ enabled:
60
+ label:
61
+ fontSize: $font-size.t3
62
+ lineHeight: $line-height.t3
63
+ icon:
64
+ size: 13px # might change to rem later
65
+ prefixIcon:
66
+ size: 13px # might change to rem later
67
+ suffixIcon:
68
+ size: 13px # might change to rem later
69
+ size=t4:
70
+ enabled:
71
+ label:
72
+ fontSize: $font-size.t4
73
+ lineHeight: $line-height.t4
74
+ icon:
75
+ size: $dimension.x3_5 # might change to rem later
76
+ prefixIcon:
77
+ size: $dimension.x3_5 # might change to rem later
78
+ suffixIcon:
79
+ size: $dimension.x3_5 # might change to rem later
80
+
81
+ weight=regular:
82
+ enabled:
83
+ label:
84
+ fontWeight: $font-weight.regular
85
+ weight=bold:
86
+ enabled:
87
+ label:
88
+ fontWeight: $font-weight.bold
89
+
90
+ tone=neutralSubtle:
91
+ enabled:
92
+ label:
93
+ color: $color.fg.neutral-subtle
94
+ icon:
95
+ color: $color.fg.neutral-subtle
96
+ prefixIcon:
97
+ color: $color.fg.neutral-subtle
98
+ suffixIcon:
99
+ color: $color.fg.neutral-subtle
100
+ tone=neutral:
101
+ enabled:
102
+ label:
103
+ color: $color.fg.neutral
104
+ icon:
105
+ color: $color.fg.neutral
106
+ prefixIcon:
107
+ color: $color.fg.neutral
108
+ suffixIcon:
109
+ color: $color.fg.neutral
110
+ tone=brand:
111
+ enabled:
112
+ label:
113
+ color: $color.fg.brand
114
+ icon:
115
+ color: $color.fg.brand
116
+ prefixIcon:
117
+ color: $color.fg.brand
118
+ suffixIcon:
119
+ color: $color.fg.brand
package/components/tag-group.yaml ADDED
@@ -0,0 +1,40 @@
1
+ # yaml-language-server: $schema=./schema.json
2
+ kind: ComponentSpec
3
+ metadata:
4
+ id: tag-group
5
+ name: Tag Group
6
+ data:
7
+ schema:
8
+ slots:
9
+ separator:
10
+ properties:
11
+ color:
12
+ type: color
13
+ fontSize:
14
+ type: dimension
15
+ lineHeight:
16
+ type: dimension
17
+ fontWeight:
18
+ type: number
19
+ definitions:
20
+ base:
21
+ enabled:
22
+ separator:
23
+ color: $color.palette.gray-600
24
+ fontWeight: $font-weight.regular
25
+
26
+ size=t2:
27
+ enabled:
28
+ separator:
29
+ fontSize: $font-size.t2
30
+ lineHeight: $line-height.t2
31
+ size=t3:
32
+ enabled:
33
+ separator:
34
+ fontSize: $font-size.t3
35
+ lineHeight: $line-height.t3
36
+ size=t4:
37
+ enabled:
38
+ separator:
39
+ fontSize: $font-size.t4
40
+ lineHeight: $line-height.t4
package/components/top-navigation.yaml CHANGED
@@ -90,11 +90,14 @@ data:
90
90
  title:
91
91
  fontSize: $font-size.t6-static
92
92
  fontWeight: $font-weight.bold
93
+ lineHeight: $line-height.t6-static
93
94
  titleLayout=withSubtitle:
94
95
  enabled:
95
96
  title:
96
97
  fontSize: $font-size.t5-static
97
98
  fontWeight: $font-weight.bold
99
+ lineHeight: $line-height.t5-static
98
100
  subtitle:
99
101
  fontSize: $font-size.t2-static
100
102
  fontWeight: $font-weight.regular
103
+ lineHeight: $line-height.t2-static
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/rootage-artifacts",
3
- "version": "1.0.4",
3
+ "version": "1.0.5",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/daangn/seed-design.git",