@sage/design-tokens 14.6.0 → 14.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/css/frozenproduct/all.css +10 -3
- package/css/frozenproduct/large/components/container.css +10 -3
- package/css/frozenproduct/small/components/container.css +10 -3
- package/css/marketing/all.css +10 -3
- package/css/marketing/large/components/container.css +10 -3
- package/css/marketing/small/components/container.css +10 -3
- package/css/product/all.css +20 -13
- package/css/product/large/components/container.css +10 -3
- package/css/product/small/components/container.css +10 -3
- package/css/product/small/components/table.css +10 -10
- package/ios/frozenproduct/large/dark/components/container.h +11 -4
- package/ios/frozenproduct/large/light/components/container.h +11 -4
- package/ios/frozenproduct/small/dark/components/container.h +11 -4
- package/ios/frozenproduct/small/light/components/container.h +11 -4
- package/ios/marketing/large/dark/components/container.h +11 -4
- package/ios/marketing/large/light/components/container.h +11 -4
- package/ios/marketing/small/dark/components/container.h +11 -4
- package/ios/marketing/small/light/components/container.h +11 -4
- package/ios/product/large/dark/components/container.h +11 -4
- package/ios/product/large/light/components/container.h +11 -4
- package/ios/product/small/dark/components/container.h +11 -4
- package/ios/product/small/light/components/container.h +11 -4
- package/js/common/frozenproduct/large/dark/components/container.d.ts +22 -11
- package/js/common/frozenproduct/large/dark/components/container.js +176 -81
- package/js/common/frozenproduct/large/light/components/container.d.ts +22 -11
- package/js/common/frozenproduct/large/light/components/container.js +176 -81
- package/js/common/frozenproduct/small/dark/components/container.d.ts +22 -11
- package/js/common/frozenproduct/small/dark/components/container.js +176 -81
- package/js/common/frozenproduct/small/light/components/container.d.ts +22 -11
- package/js/common/frozenproduct/small/light/components/container.js +176 -81
- package/js/common/marketing/large/dark/components/container.d.ts +22 -11
- package/js/common/marketing/large/dark/components/container.js +176 -81
- package/js/common/marketing/large/light/components/container.d.ts +22 -11
- package/js/common/marketing/large/light/components/container.js +176 -81
- package/js/common/marketing/small/dark/components/container.d.ts +22 -11
- package/js/common/marketing/small/dark/components/container.js +176 -81
- package/js/common/marketing/small/light/components/container.d.ts +22 -11
- package/js/common/marketing/small/light/components/container.js +176 -81
- package/js/common/product/large/dark/components/container.d.ts +22 -11
- package/js/common/product/large/dark/components/container.js +176 -81
- package/js/common/product/large/light/components/container.d.ts +22 -11
- package/js/common/product/large/light/components/container.js +176 -81
- package/js/common/product/small/dark/components/container.d.ts +22 -11
- package/js/common/product/small/dark/components/container.js +176 -81
- package/js/common/product/small/light/components/container.d.ts +22 -11
- package/js/common/product/small/light/components/container.js +176 -81
- package/js/es6/frozenproduct/large/dark/components/container.d.ts +11 -4
- package/js/es6/frozenproduct/large/dark/components/container.js +11 -4
- package/js/es6/frozenproduct/large/light/components/container.d.ts +11 -4
- package/js/es6/frozenproduct/large/light/components/container.js +11 -4
- package/js/es6/frozenproduct/small/dark/components/container.d.ts +11 -4
- package/js/es6/frozenproduct/small/dark/components/container.js +11 -4
- package/js/es6/frozenproduct/small/light/components/container.d.ts +11 -4
- package/js/es6/frozenproduct/small/light/components/container.js +11 -4
- package/js/es6/marketing/large/dark/components/container.d.ts +11 -4
- package/js/es6/marketing/large/dark/components/container.js +11 -4
- package/js/es6/marketing/large/light/components/container.d.ts +11 -4
- package/js/es6/marketing/large/light/components/container.js +11 -4
- package/js/es6/marketing/small/dark/components/container.d.ts +11 -4
- package/js/es6/marketing/small/dark/components/container.js +11 -4
- package/js/es6/marketing/small/light/components/container.d.ts +11 -4
- package/js/es6/marketing/small/light/components/container.js +11 -4
- package/js/es6/product/large/dark/components/container.d.ts +11 -4
- package/js/es6/product/large/dark/components/container.js +11 -4
- package/js/es6/product/large/light/components/container.d.ts +11 -4
- package/js/es6/product/large/light/components/container.js +11 -4
- package/js/es6/product/small/dark/components/container.d.ts +11 -4
- package/js/es6/product/small/dark/components/container.js +11 -4
- package/js/es6/product/small/light/components/container.d.ts +11 -4
- package/js/es6/product/small/light/components/container.js +11 -4
- package/js/umd/frozenproduct/large/dark/components/container.js +176 -81
- package/js/umd/frozenproduct/large/light/components/container.js +176 -81
- package/js/umd/frozenproduct/small/dark/components/container.js +176 -81
- package/js/umd/frozenproduct/small/light/components/container.js +176 -81
- package/js/umd/marketing/large/dark/components/container.js +176 -81
- package/js/umd/marketing/large/light/components/container.js +176 -81
- package/js/umd/marketing/small/dark/components/container.js +176 -81
- package/js/umd/marketing/small/light/components/container.js +176 -81
- package/js/umd/product/large/dark/components/container.js +176 -81
- package/js/umd/product/large/light/components/container.js +176 -81
- package/js/umd/product/small/dark/components/container.js +176 -81
- package/js/umd/product/small/light/components/container.js +176 -81
- package/json/flat/frozenproduct/large/dark/components/container.json +11 -4
- package/json/flat/frozenproduct/large/light/components/container.json +11 -4
- package/json/flat/frozenproduct/small/dark/components/container.json +11 -4
- package/json/flat/frozenproduct/small/light/components/container.json +11 -4
- package/json/flat/marketing/large/dark/components/container.json +11 -4
- package/json/flat/marketing/large/light/components/container.json +11 -4
- package/json/flat/marketing/small/dark/components/container.json +11 -4
- package/json/flat/marketing/small/light/components/container.json +11 -4
- package/json/flat/product/large/dark/components/container.json +11 -4
- package/json/flat/product/large/light/components/container.json +11 -4
- package/json/flat/product/small/dark/components/container.json +11 -4
- package/json/flat/product/small/light/components/container.json +11 -4
- package/json/nested/frozenproduct/large/dark/components/container.json +22 -11
- package/json/nested/frozenproduct/large/light/components/container.json +22 -11
- package/json/nested/frozenproduct/small/dark/components/container.json +22 -11
- package/json/nested/frozenproduct/small/light/components/container.json +22 -11
- package/json/nested/marketing/large/dark/components/container.json +22 -11
- package/json/nested/marketing/large/light/components/container.json +22 -11
- package/json/nested/marketing/small/dark/components/container.json +22 -11
- package/json/nested/marketing/small/light/components/container.json +22 -11
- package/json/nested/product/large/dark/components/container.json +22 -11
- package/json/nested/product/large/light/components/container.json +22 -11
- package/json/nested/product/small/dark/components/container.json +22 -11
- package/json/nested/product/small/light/components/container.json +22 -11
- package/package.json +1 -1
- package/sage-design-tokens-14.7.0.tgz +0 -0
- package/scss/frozenproduct/large/components/button.scss +13 -13
- package/scss/frozenproduct/large/components/container.scss +20 -13
- package/scss/frozenproduct/large/components/form.scss +7 -7
- package/scss/frozenproduct/large/components/link.scss +2 -2
- package/scss/frozenproduct/large/components/nav.scss +5 -5
- package/scss/frozenproduct/large/components/page.scss +1 -1
- package/scss/frozenproduct/large/components/popover.scss +2 -2
- package/scss/frozenproduct/large/components/progress.scss +6 -6
- package/scss/frozenproduct/large/components/status.scss +3 -3
- package/scss/frozenproduct/large/components/tab.scss +7 -7
- package/scss/frozenproduct/large/components/table.scss +10 -10
- package/scss/frozenproduct/small/components/button.scss +13 -13
- package/scss/frozenproduct/small/components/container.scss +20 -13
- package/scss/frozenproduct/small/components/form.scss +7 -7
- package/scss/frozenproduct/small/components/link.scss +2 -2
- package/scss/frozenproduct/small/components/nav.scss +5 -5
- package/scss/frozenproduct/small/components/page.scss +1 -1
- package/scss/frozenproduct/small/components/popover.scss +2 -2
- package/scss/frozenproduct/small/components/progress.scss +6 -6
- package/scss/frozenproduct/small/components/status.scss +3 -3
- package/scss/frozenproduct/small/components/tab.scss +7 -7
- package/scss/frozenproduct/small/components/table.scss +10 -10
- package/scss/marketing/large/components/container.scss +10 -3
- package/scss/marketing/small/components/container.scss +10 -3
- package/scss/product/large/components/container.scss +20 -13
- package/scss/product/large/components/form.scss +7 -7
- package/scss/product/large/components/link.scss +2 -2
- package/scss/product/large/components/nav.scss +5 -5
- package/scss/product/large/components/page.scss +1 -1
- package/scss/product/large/components/popover.scss +2 -2
- package/scss/product/large/components/progress.scss +6 -6
- package/scss/product/large/components/status.scss +3 -3
- package/scss/product/large/components/tab.scss +7 -7
- package/scss/product/large/components/table.scss +10 -10
- package/scss/product/small/components/container.scss +10 -3
- package/sage-design-tokens-14.6.0.tgz +0 -0
@@ -100,9 +100,31 @@
|
|
100
100
|
"maxheight": 960
|
101
101
|
}
|
102
102
|
},
|
103
|
+
"dialog": {
|
104
|
+
"maxWidth": {
|
105
|
+
"XXS": "300",
|
106
|
+
"XS": "380",
|
107
|
+
"S": "540",
|
108
|
+
"M": "750",
|
109
|
+
"L": "850",
|
110
|
+
"XL": "960",
|
111
|
+
"XXL": "1080"
|
112
|
+
}
|
113
|
+
},
|
103
114
|
"drag": {
|
104
115
|
"droptarget": 2
|
105
116
|
},
|
117
|
+
"drawer": {
|
118
|
+
"minwidth": 288,
|
119
|
+
"maxwidth": 760,
|
120
|
+
"closed": {
|
121
|
+
"M": 40
|
122
|
+
}
|
123
|
+
},
|
124
|
+
"footer": {
|
125
|
+
"M": 56,
|
126
|
+
"L": 72
|
127
|
+
},
|
106
128
|
"generic": {
|
107
129
|
"emptystate": {
|
108
130
|
"illustration": {
|
@@ -115,17 +137,6 @@
|
|
115
137
|
}
|
116
138
|
}
|
117
139
|
},
|
118
|
-
"drawer": {
|
119
|
-
"minwidth": 288,
|
120
|
-
"maxwidth": 760,
|
121
|
-
"closed": {
|
122
|
-
"M": 40
|
123
|
-
}
|
124
|
-
},
|
125
|
-
"footer": {
|
126
|
-
"M": 56,
|
127
|
-
"L": 72
|
128
|
-
},
|
129
140
|
"icon": {
|
130
141
|
"S": 20,
|
131
142
|
"M": 20,
|
@@ -100,9 +100,31 @@
|
|
100
100
|
"maxheight": 960
|
101
101
|
}
|
102
102
|
},
|
103
|
+
"dialog": {
|
104
|
+
"maxWidth": {
|
105
|
+
"XXS": "300",
|
106
|
+
"XS": "380",
|
107
|
+
"S": "540",
|
108
|
+
"M": "750",
|
109
|
+
"L": "850",
|
110
|
+
"XL": "960",
|
111
|
+
"XXL": "1080"
|
112
|
+
}
|
113
|
+
},
|
103
114
|
"drag": {
|
104
115
|
"droptarget": 2
|
105
116
|
},
|
117
|
+
"drawer": {
|
118
|
+
"minwidth": 288,
|
119
|
+
"maxwidth": 760,
|
120
|
+
"closed": {
|
121
|
+
"M": 40
|
122
|
+
}
|
123
|
+
},
|
124
|
+
"footer": {
|
125
|
+
"M": 56,
|
126
|
+
"L": 72
|
127
|
+
},
|
106
128
|
"generic": {
|
107
129
|
"emptystate": {
|
108
130
|
"illustration": {
|
@@ -115,17 +137,6 @@
|
|
115
137
|
}
|
116
138
|
}
|
117
139
|
},
|
118
|
-
"drawer": {
|
119
|
-
"minwidth": 288,
|
120
|
-
"maxwidth": 760,
|
121
|
-
"closed": {
|
122
|
-
"M": 40
|
123
|
-
}
|
124
|
-
},
|
125
|
-
"footer": {
|
126
|
-
"M": 56,
|
127
|
-
"L": 72
|
128
|
-
},
|
129
140
|
"icon": {
|
130
141
|
"S": 20,
|
131
142
|
"M": 20,
|
@@ -100,9 +100,31 @@
|
|
100
100
|
"maxheight": 960
|
101
101
|
}
|
102
102
|
},
|
103
|
+
"dialog": {
|
104
|
+
"maxWidth": {
|
105
|
+
"XXS": "300",
|
106
|
+
"XS": "380",
|
107
|
+
"S": "540",
|
108
|
+
"M": "750",
|
109
|
+
"L": "850",
|
110
|
+
"XL": "960",
|
111
|
+
"XXL": "1080"
|
112
|
+
}
|
113
|
+
},
|
103
114
|
"drag": {
|
104
115
|
"droptarget": 2
|
105
116
|
},
|
117
|
+
"drawer": {
|
118
|
+
"minwidth": 288,
|
119
|
+
"maxwidth": 760,
|
120
|
+
"closed": {
|
121
|
+
"M": 40
|
122
|
+
}
|
123
|
+
},
|
124
|
+
"footer": {
|
125
|
+
"M": 56,
|
126
|
+
"L": 72
|
127
|
+
},
|
106
128
|
"generic": {
|
107
129
|
"emptystate": {
|
108
130
|
"illustration": {
|
@@ -115,17 +137,6 @@
|
|
115
137
|
}
|
116
138
|
}
|
117
139
|
},
|
118
|
-
"drawer": {
|
119
|
-
"minwidth": 288,
|
120
|
-
"maxwidth": 760,
|
121
|
-
"closed": {
|
122
|
-
"M": 40
|
123
|
-
}
|
124
|
-
},
|
125
|
-
"footer": {
|
126
|
-
"M": 56,
|
127
|
-
"L": 72
|
128
|
-
},
|
129
140
|
"icon": {
|
130
141
|
"S": 20,
|
131
142
|
"M": 20,
|
@@ -100,9 +100,31 @@
|
|
100
100
|
"maxheight": 960
|
101
101
|
}
|
102
102
|
},
|
103
|
+
"dialog": {
|
104
|
+
"maxWidth": {
|
105
|
+
"XXS": "300",
|
106
|
+
"XS": "380",
|
107
|
+
"S": "540",
|
108
|
+
"M": "750",
|
109
|
+
"L": "850",
|
110
|
+
"XL": "960",
|
111
|
+
"XXL": "1080"
|
112
|
+
}
|
113
|
+
},
|
103
114
|
"drag": {
|
104
115
|
"droptarget": 2
|
105
116
|
},
|
117
|
+
"drawer": {
|
118
|
+
"minwidth": 288,
|
119
|
+
"maxwidth": 760,
|
120
|
+
"closed": {
|
121
|
+
"M": 40
|
122
|
+
}
|
123
|
+
},
|
124
|
+
"footer": {
|
125
|
+
"M": 56,
|
126
|
+
"L": 72
|
127
|
+
},
|
106
128
|
"generic": {
|
107
129
|
"emptystate": {
|
108
130
|
"illustration": {
|
@@ -115,17 +137,6 @@
|
|
115
137
|
}
|
116
138
|
}
|
117
139
|
},
|
118
|
-
"drawer": {
|
119
|
-
"minwidth": 288,
|
120
|
-
"maxwidth": 760,
|
121
|
-
"closed": {
|
122
|
-
"M": 40
|
123
|
-
}
|
124
|
-
},
|
125
|
-
"footer": {
|
126
|
-
"M": 56,
|
127
|
-
"L": 72
|
128
|
-
},
|
129
140
|
"icon": {
|
130
141
|
"S": 20,
|
131
142
|
"M": 20,
|
@@ -100,9 +100,31 @@
|
|
100
100
|
"maxheight": 960
|
101
101
|
}
|
102
102
|
},
|
103
|
+
"dialog": {
|
104
|
+
"maxWidth": {
|
105
|
+
"XXS": "300",
|
106
|
+
"XS": "380",
|
107
|
+
"S": "540",
|
108
|
+
"M": "750",
|
109
|
+
"L": "850",
|
110
|
+
"XL": "960",
|
111
|
+
"XXL": "1080"
|
112
|
+
}
|
113
|
+
},
|
103
114
|
"drag": {
|
104
115
|
"droptarget": 2
|
105
116
|
},
|
117
|
+
"drawer": {
|
118
|
+
"minwidth": 288,
|
119
|
+
"maxwidth": 760,
|
120
|
+
"closed": {
|
121
|
+
"M": 40
|
122
|
+
}
|
123
|
+
},
|
124
|
+
"footer": {
|
125
|
+
"M": 56,
|
126
|
+
"L": 72
|
127
|
+
},
|
106
128
|
"generic": {
|
107
129
|
"emptystate": {
|
108
130
|
"illustration": {
|
@@ -115,17 +137,6 @@
|
|
115
137
|
}
|
116
138
|
}
|
117
139
|
},
|
118
|
-
"drawer": {
|
119
|
-
"minwidth": 288,
|
120
|
-
"maxwidth": 760,
|
121
|
-
"closed": {
|
122
|
-
"M": 40
|
123
|
-
}
|
124
|
-
},
|
125
|
-
"footer": {
|
126
|
-
"M": 56,
|
127
|
-
"L": 72
|
128
|
-
},
|
129
140
|
"icon": {
|
130
141
|
"S": 20,
|
131
142
|
"M": 20,
|
@@ -100,9 +100,31 @@
|
|
100
100
|
"maxheight": 960
|
101
101
|
}
|
102
102
|
},
|
103
|
+
"dialog": {
|
104
|
+
"maxWidth": {
|
105
|
+
"XXS": "300",
|
106
|
+
"XS": "380",
|
107
|
+
"S": "540",
|
108
|
+
"M": "750",
|
109
|
+
"L": "850",
|
110
|
+
"XL": "960",
|
111
|
+
"XXL": "1080"
|
112
|
+
}
|
113
|
+
},
|
103
114
|
"drag": {
|
104
115
|
"droptarget": 2
|
105
116
|
},
|
117
|
+
"drawer": {
|
118
|
+
"minwidth": 288,
|
119
|
+
"maxwidth": 760,
|
120
|
+
"closed": {
|
121
|
+
"M": 40
|
122
|
+
}
|
123
|
+
},
|
124
|
+
"footer": {
|
125
|
+
"M": 56,
|
126
|
+
"L": 72
|
127
|
+
},
|
106
128
|
"generic": {
|
107
129
|
"emptystate": {
|
108
130
|
"illustration": {
|
@@ -115,17 +137,6 @@
|
|
115
137
|
}
|
116
138
|
}
|
117
139
|
},
|
118
|
-
"drawer": {
|
119
|
-
"minwidth": 288,
|
120
|
-
"maxwidth": 760,
|
121
|
-
"closed": {
|
122
|
-
"M": 40
|
123
|
-
}
|
124
|
-
},
|
125
|
-
"footer": {
|
126
|
-
"M": 56,
|
127
|
-
"L": 72
|
128
|
-
},
|
129
140
|
"icon": {
|
130
141
|
"S": 20,
|
131
142
|
"M": 20,
|
@@ -100,9 +100,31 @@
|
|
100
100
|
"maxheight": 960
|
101
101
|
}
|
102
102
|
},
|
103
|
+
"dialog": {
|
104
|
+
"maxWidth": {
|
105
|
+
"XXS": "300",
|
106
|
+
"XS": "380",
|
107
|
+
"S": "540",
|
108
|
+
"M": "750",
|
109
|
+
"L": "850",
|
110
|
+
"XL": "960",
|
111
|
+
"XXL": "1080"
|
112
|
+
}
|
113
|
+
},
|
103
114
|
"drag": {
|
104
115
|
"droptarget": 2
|
105
116
|
},
|
117
|
+
"drawer": {
|
118
|
+
"minwidth": 288,
|
119
|
+
"maxwidth": 760,
|
120
|
+
"closed": {
|
121
|
+
"M": 40
|
122
|
+
}
|
123
|
+
},
|
124
|
+
"footer": {
|
125
|
+
"M": 56,
|
126
|
+
"L": 72
|
127
|
+
},
|
106
128
|
"generic": {
|
107
129
|
"emptystate": {
|
108
130
|
"illustration": {
|
@@ -115,17 +137,6 @@
|
|
115
137
|
}
|
116
138
|
}
|
117
139
|
},
|
118
|
-
"drawer": {
|
119
|
-
"minwidth": 288,
|
120
|
-
"maxwidth": 760,
|
121
|
-
"closed": {
|
122
|
-
"M": 40
|
123
|
-
}
|
124
|
-
},
|
125
|
-
"footer": {
|
126
|
-
"M": 56,
|
127
|
-
"L": 72
|
128
|
-
},
|
129
140
|
"icon": {
|
130
141
|
"S": 20,
|
131
142
|
"M": 20,
|
@@ -100,9 +100,31 @@
|
|
100
100
|
"maxheight": 960
|
101
101
|
}
|
102
102
|
},
|
103
|
+
"dialog": {
|
104
|
+
"maxWidth": {
|
105
|
+
"XXS": "300",
|
106
|
+
"XS": "380",
|
107
|
+
"S": "540",
|
108
|
+
"M": "750",
|
109
|
+
"L": "850",
|
110
|
+
"XL": "960",
|
111
|
+
"XXL": "1080"
|
112
|
+
}
|
113
|
+
},
|
103
114
|
"drag": {
|
104
115
|
"droptarget": 2
|
105
116
|
},
|
117
|
+
"drawer": {
|
118
|
+
"minwidth": 288,
|
119
|
+
"maxwidth": 760,
|
120
|
+
"closed": {
|
121
|
+
"M": 40
|
122
|
+
}
|
123
|
+
},
|
124
|
+
"footer": {
|
125
|
+
"M": 56,
|
126
|
+
"L": 72
|
127
|
+
},
|
106
128
|
"generic": {
|
107
129
|
"emptystate": {
|
108
130
|
"illustration": {
|
@@ -115,17 +137,6 @@
|
|
115
137
|
}
|
116
138
|
}
|
117
139
|
},
|
118
|
-
"drawer": {
|
119
|
-
"minwidth": 288,
|
120
|
-
"maxwidth": 760,
|
121
|
-
"closed": {
|
122
|
-
"M": 40
|
123
|
-
}
|
124
|
-
},
|
125
|
-
"footer": {
|
126
|
-
"M": 56,
|
127
|
-
"L": 72
|
128
|
-
},
|
129
140
|
"icon": {
|
130
141
|
"S": 20,
|
131
142
|
"M": 20,
|
@@ -100,9 +100,31 @@
|
|
100
100
|
"maxheight": 960
|
101
101
|
}
|
102
102
|
},
|
103
|
+
"dialog": {
|
104
|
+
"maxWidth": {
|
105
|
+
"XXS": "300",
|
106
|
+
"XS": "380",
|
107
|
+
"S": "540",
|
108
|
+
"M": "750",
|
109
|
+
"L": "850",
|
110
|
+
"XL": "960",
|
111
|
+
"XXL": "1080"
|
112
|
+
}
|
113
|
+
},
|
103
114
|
"drag": {
|
104
115
|
"droptarget": 2
|
105
116
|
},
|
117
|
+
"drawer": {
|
118
|
+
"minwidth": 288,
|
119
|
+
"maxwidth": 760,
|
120
|
+
"closed": {
|
121
|
+
"M": 40
|
122
|
+
}
|
123
|
+
},
|
124
|
+
"footer": {
|
125
|
+
"M": 56,
|
126
|
+
"L": 72
|
127
|
+
},
|
106
128
|
"generic": {
|
107
129
|
"emptystate": {
|
108
130
|
"illustration": {
|
@@ -115,17 +137,6 @@
|
|
115
137
|
}
|
116
138
|
}
|
117
139
|
},
|
118
|
-
"drawer": {
|
119
|
-
"minwidth": 288,
|
120
|
-
"maxwidth": 760,
|
121
|
-
"closed": {
|
122
|
-
"M": 40
|
123
|
-
}
|
124
|
-
},
|
125
|
-
"footer": {
|
126
|
-
"M": 56,
|
127
|
-
"L": 72
|
128
|
-
},
|
129
140
|
"icon": {
|
130
141
|
"S": 20,
|
131
142
|
"M": 20,
|
@@ -100,9 +100,31 @@
|
|
100
100
|
"maxheight": 960
|
101
101
|
}
|
102
102
|
},
|
103
|
+
"dialog": {
|
104
|
+
"maxWidth": {
|
105
|
+
"XXS": "300",
|
106
|
+
"XS": "380",
|
107
|
+
"S": "540",
|
108
|
+
"M": "750",
|
109
|
+
"L": "850",
|
110
|
+
"XL": "960",
|
111
|
+
"XXL": "1080"
|
112
|
+
}
|
113
|
+
},
|
103
114
|
"drag": {
|
104
115
|
"droptarget": 2
|
105
116
|
},
|
117
|
+
"drawer": {
|
118
|
+
"minwidth": 288,
|
119
|
+
"maxwidth": 760,
|
120
|
+
"closed": {
|
121
|
+
"M": 40
|
122
|
+
}
|
123
|
+
},
|
124
|
+
"footer": {
|
125
|
+
"M": 56,
|
126
|
+
"L": 72
|
127
|
+
},
|
106
128
|
"generic": {
|
107
129
|
"emptystate": {
|
108
130
|
"illustration": {
|
@@ -115,17 +137,6 @@
|
|
115
137
|
}
|
116
138
|
}
|
117
139
|
},
|
118
|
-
"drawer": {
|
119
|
-
"minwidth": 288,
|
120
|
-
"maxwidth": 760,
|
121
|
-
"closed": {
|
122
|
-
"M": 40
|
123
|
-
}
|
124
|
-
},
|
125
|
-
"footer": {
|
126
|
-
"M": 56,
|
127
|
-
"L": 72
|
128
|
-
},
|
129
140
|
"icon": {
|
130
141
|
"S": 20,
|
131
142
|
"M": 20,
|
@@ -100,9 +100,31 @@
|
|
100
100
|
"maxheight": 960
|
101
101
|
}
|
102
102
|
},
|
103
|
+
"dialog": {
|
104
|
+
"maxWidth": {
|
105
|
+
"XXS": "300",
|
106
|
+
"XS": "380",
|
107
|
+
"S": "540",
|
108
|
+
"M": "750",
|
109
|
+
"L": "850",
|
110
|
+
"XL": "960",
|
111
|
+
"XXL": "1080"
|
112
|
+
}
|
113
|
+
},
|
103
114
|
"drag": {
|
104
115
|
"droptarget": 2
|
105
116
|
},
|
117
|
+
"drawer": {
|
118
|
+
"minwidth": 288,
|
119
|
+
"maxwidth": 760,
|
120
|
+
"closed": {
|
121
|
+
"M": 40
|
122
|
+
}
|
123
|
+
},
|
124
|
+
"footer": {
|
125
|
+
"M": 56,
|
126
|
+
"L": 72
|
127
|
+
},
|
106
128
|
"generic": {
|
107
129
|
"emptystate": {
|
108
130
|
"illustration": {
|
@@ -115,17 +137,6 @@
|
|
115
137
|
}
|
116
138
|
}
|
117
139
|
},
|
118
|
-
"drawer": {
|
119
|
-
"minwidth": 288,
|
120
|
-
"maxwidth": 760,
|
121
|
-
"closed": {
|
122
|
-
"M": 40
|
123
|
-
}
|
124
|
-
},
|
125
|
-
"footer": {
|
126
|
-
"M": 56,
|
127
|
-
"L": 72
|
128
|
-
},
|
129
140
|
"icon": {
|
130
141
|
"S": 20,
|
131
142
|
"M": 20,
|
package/package.json
CHANGED
@@ -6,7 +6,7 @@
|
|
6
6
|
},
|
7
7
|
"description": "Design tokens for the Sage Design System.",
|
8
8
|
"author": "The Sage Group plc",
|
9
|
-
"version": "14.
|
9
|
+
"version": "14.7.0",
|
10
10
|
"license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
|
11
11
|
"tags": [
|
12
12
|
"design tokens",
|
Binary file
|
@@ -40,6 +40,7 @@ $button-color-typical-secondary-inverse-label-disabled: $modes-color-interactive
|
|
40
40
|
$button-color-typical-tertiary-inverse-border-disabled: $modes-color-interactive-inactive-inverse-default;
|
41
41
|
$button-color-typical-tertiary-inverse-label-disabled: $modes-color-interactive-inactive-inverse-content;
|
42
42
|
$button-color-typical-subtle-inverse-label-disabled: $modes-color-interactive-inactive-inverse-content;
|
43
|
+
$button-color-typical-toggle-bg-active: $modes-color-interactive-monochrome-active;
|
43
44
|
$button-typography-adaptive-primary-s: $global-typography-adaptive-component-firm-s;
|
44
45
|
$button-typography-adaptive-primary-m: $global-typography-adaptive-component-firm-m;
|
45
46
|
$button-typography-adaptive-primary-l: $global-typography-adaptive-component-firm-l;
|
@@ -71,6 +72,7 @@ $button-typography-responsive-tertiary-s: $global-typography-responsive-componen
|
|
71
72
|
$button-typography-responsive-tertiary-m: $global-typography-responsive-component-firm-m;
|
72
73
|
$button-typography-responsive-tertiary-l: $global-typography-responsive-component-firm-l;
|
73
74
|
$button-color-ai-label-active: $modes-color-interactive-monochrome-with-active-alt;
|
75
|
+
$button-color-ai-label-enabled: $modes-color-interactive-monochrome-default;
|
74
76
|
$button-color-ai-label-hover: $modes-color-interactive-monochrome-with-hover;
|
75
77
|
$button-color-destructive-primary-bg-hover: $modes-color-interactive-danger-hover;
|
76
78
|
$button-color-destructive-secondary-bg-hover: $modes-color-interactive-danger-hover-alt;
|
@@ -79,18 +81,25 @@ $button-color-destructive-secondary-label-hover: $modes-color-interactive-danger
|
|
79
81
|
$button-color-typical-primary-bg-enabled: $modes-color-interactive-primary-default;
|
80
82
|
$button-color-typical-primary-inverse-bg-enabled: $modes-color-interactive-primary-inverse-default;
|
81
83
|
$button-color-typical-secondary-label-active: $modes-color-interactive-monochrome-with-active-alt;
|
84
|
+
$button-color-typical-secondary-label-enabled: $modes-color-interactive-monochrome-default;
|
82
85
|
$button-color-typical-secondary-label-hover: $modes-color-interactive-monochrome-with-hover;
|
83
86
|
$button-color-typical-tertiary-bg-enabled: $button-color-none;
|
84
87
|
$button-color-typical-tertiary-label-active: $modes-color-interactive-monochrome-with-active-alt;
|
88
|
+
$button-color-typical-tertiary-label-enabled: $modes-color-interactive-monochrome-default;
|
85
89
|
$button-color-typical-tertiary-label-hover: $modes-color-interactive-monochrome-with-hover;
|
86
90
|
$button-color-typical-tertiary-inverse-bg-enabled: $button-color-none;
|
87
91
|
$button-color-typical-subtle-bg-hover: $modes-color-interactive-monochrome-hover-alt;
|
88
92
|
$button-color-typical-subtle-label-active: $modes-color-interactive-monochrome-with-active-alt;
|
93
|
+
$button-color-typical-subtle-label-enabled: $modes-color-interactive-monochrome-default;
|
89
94
|
$button-color-typical-subtle-label-hover: $modes-color-interactive-monochrome-with-hover;
|
90
|
-
$button-color-typical-toggle-bg-active: $modes-color-interactive-monochrome-active;
|
91
95
|
$button-color-typical-toggle-bg-hover: $modes-color-interactive-monochrome-hover-alt;
|
96
|
+
$button-color-typical-toggle-border-enabled: $modes-color-interactive-monochrome-default;
|
97
|
+
$button-color-typical-toggle-label-enabled: $modes-color-interactive-monochrome-default-alt;
|
92
98
|
$button-color-typical-toggle-label-hover: $modes-color-interactive-monochrome-with-hover;
|
93
99
|
$button-color-video-bg-blur: $modes-color-interactive-monochrome-hover-alt;
|
100
|
+
$button-color-video-primary-label-enabled: $modes-color-interactive-monochrome-default;
|
101
|
+
$button-color-video-primary-label-hover: $modes-color-interactive-monochrome-default;
|
102
|
+
$button-color-video-secondary-label-hover: $modes-color-interactive-monochrome-default;
|
94
103
|
$button-size-split: $global-size-micro-xxs; // Split button (divider width)
|
95
104
|
$button-size-xs: $global-size-macro-xs; // min-height on XS Buttons
|
96
105
|
$button-size-s: $global-size-macro-s; // min-height on S Buttons
|
@@ -228,7 +237,6 @@ $button-space-video-x-s: $global-space-micro-xs; // Left padding on play icon in
|
|
228
237
|
$button-space-video-x-m: $global-space-micro-xs; // Left padding on play icon in video button
|
229
238
|
$button-space-video-x-l: $global-space-micro-xs; // Left padding on play icon in video button
|
230
239
|
$button-color-ai-label-disabled: $modes-color-interactive-inactive-content;
|
231
|
-
$button-color-ai-label-enabled: $modes-color-interactive-monochrome-default;
|
232
240
|
$button-color-destructive-primary-label-disabled: $modes-color-interactive-inactive-content-alt;
|
233
241
|
$button-color-destructive-secondary-label-disabled: $modes-color-interactive-inactive-content;
|
234
242
|
$button-color-typical-primary-bg-active: $modes-color-interactive-primary-active;
|
@@ -243,10 +251,8 @@ $button-color-typical-secondary-border-active: $modes-color-interactive-primary-
|
|
243
251
|
$button-color-typical-secondary-border-enabled: $modes-color-interactive-primary-default-alt;
|
244
252
|
$button-color-typical-secondary-border-hover: $modes-color-interactive-primary-hover;
|
245
253
|
$button-color-typical-secondary-label-disabled: $modes-color-interactive-inactive-content;
|
246
|
-
$button-color-typical-secondary-label-enabled: $modes-color-interactive-monochrome-default;
|
247
254
|
$button-color-typical-secondary-inverse-bg-active: $modes-color-interactive-primary-inverse-active-alt;
|
248
255
|
$button-color-typical-secondary-inverse-bg-enabled: $modes-color-interactive-primary-inverse-default-alt3;
|
249
|
-
$button-color-typical-secondary-inverse-bg-hover: $modes-color-interactive-primary-inverse-hover-alt;
|
250
256
|
$button-color-typical-secondary-inverse-border-active: $modes-color-interactive-primary-inverse-active;
|
251
257
|
$button-color-typical-secondary-inverse-border-enabled: $modes-color-interactive-primary-inverse-default-alt;
|
252
258
|
$button-color-typical-secondary-inverse-border-hover: $modes-color-interactive-primary-inverse-hover;
|
@@ -259,35 +265,28 @@ $button-color-typical-tertiary-border-active: $modes-color-interactive-primary-a
|
|
259
265
|
$button-color-typical-tertiary-border-enabled: $modes-color-interactive-primary-default-alt;
|
260
266
|
$button-color-typical-tertiary-border-hover: $modes-color-interactive-primary-hover;
|
261
267
|
$button-color-typical-tertiary-label-disabled: $modes-color-interactive-inactive-content;
|
262
|
-
$button-color-typical-tertiary-label-enabled: $modes-color-interactive-monochrome-default;
|
263
268
|
$button-color-typical-tertiary-inverse-bg-active: $modes-color-interactive-primary-inverse-active-alt;
|
264
|
-
$button-color-typical-tertiary-inverse-bg-hover: $modes-color-interactive-primary-inverse-hover-alt;
|
265
269
|
$button-color-typical-tertiary-inverse-border-active: $modes-color-interactive-primary-inverse-active;
|
266
270
|
$button-color-typical-tertiary-inverse-border-enabled: $modes-color-interactive-primary-inverse-default-alt;
|
267
271
|
$button-color-typical-tertiary-inverse-border-hover: $modes-color-interactive-primary-inverse-hover;
|
268
272
|
$button-color-typical-tertiary-inverse-label-active: $modes-color-interactive-monochrome-inverse-with-active-alt;
|
269
273
|
$button-color-typical-tertiary-inverse-label-enabled: $modes-color-interactive-monochrome-inverse-default;
|
270
274
|
$button-color-typical-tertiary-inverse-label-hover: $modes-color-interactive-monochrome-inverse-with-hover;
|
275
|
+
$button-color-typical-subtle-bg-active: $modes-color-interactive-monochrome-active-alt;
|
271
276
|
$button-color-typical-subtle-label-disabled: $modes-color-interactive-inactive-content;
|
272
|
-
$button-color-typical-subtle-label-enabled: $modes-color-interactive-monochrome-default;
|
273
277
|
$button-color-typical-subtle-inverse-bg-hover: $modes-color-interactive-monochrome-inverse-hover-alt;
|
274
278
|
$button-color-typical-subtle-inverse-label-active: $modes-color-interactive-monochrome-inverse-with-active-alt;
|
275
279
|
$button-color-typical-subtle-inverse-label-enabled: $modes-color-interactive-monochrome-inverse-default;
|
276
280
|
$button-color-typical-subtle-inverse-label-hover: $modes-color-interactive-monochrome-inverse-with-hover;
|
277
281
|
$button-color-typical-toggle-label-active-disabled: $modes-color-interactive-inactive-content-alt;
|
278
|
-
$button-color-typical-toggle-border-enabled: $modes-color-interactive-monochrome-default;
|
279
282
|
$button-color-typical-toggle-label-active: $modes-color-interactive-monochrome-with-active;
|
280
283
|
$button-color-typical-toggle-label-disabled: $modes-color-interactive-inactive-content;
|
281
|
-
$button-color-typical-toggle-label-enabled: $modes-color-interactive-monochrome-default-alt;
|
282
284
|
$button-color-video-primary-bg-enabled: $modes-color-interactive-monochrome-with-default;
|
283
285
|
$button-color-video-primary-bg-hover: $modes-color-interactive-monochrome-with-default;
|
284
|
-
$button-color-video-primary-label-enabled: $modes-color-interactive-monochrome-default;
|
285
|
-
$button-color-video-primary-label-hover: $modes-color-interactive-monochrome-default;
|
286
286
|
$button-color-video-secondary-bg-hover: $modes-color-interactive-monochrome-with-default;
|
287
287
|
$button-color-video-secondary-border-enabled: $modes-color-interactive-monochrome-with-default;
|
288
288
|
$button-color-video-secondary-border-hover: $modes-color-interactive-monochrome-with-default;
|
289
289
|
$button-color-video-secondary-label-enabled: $modes-color-interactive-monochrome-with-default;
|
290
|
-
$button-color-video-secondary-label-hover: $modes-color-interactive-monochrome-default;
|
291
290
|
$button-radius-s: $global-radius-interactive-l; // Buttons S (typical and destructive, and inc bar, split and multi), Button toggle M (parent container)
|
292
291
|
$button-radius-m: $global-radius-interactive-xl; // Buttons M (typical and destructive, and inc bar, split and multi), Button toggle L (parent container), Button toggle M (parent container)
|
293
292
|
$button-radius-l: $global-radius-interactive-xxl; // Buttons L (typical and destructive, and inc bar, split and multi), Button toggle L (parent container)
|
@@ -323,8 +322,9 @@ $button-color-destructive-primary-bg-disabled: $modes-color-interactive-inactive
|
|
323
322
|
$button-color-destructive-secondary-border-disabled: $modes-color-interactive-inactive-default;
|
324
323
|
$button-color-typical-primary-bg-disabled: $modes-color-interactive-inactive-default;
|
325
324
|
$button-color-typical-secondary-border-disabled: $modes-color-interactive-inactive-default;
|
325
|
+
$button-color-typical-secondary-inverse-bg-hover: $modes-color-interactive-primary-inverse-hover-alt;
|
326
326
|
$button-color-typical-tertiary-border-disabled: $modes-color-interactive-inactive-default;
|
327
|
-
$button-color-typical-
|
327
|
+
$button-color-typical-tertiary-inverse-bg-hover: $modes-color-interactive-primary-inverse-hover-alt;
|
328
328
|
$button-color-typical-subtle-inverse-bg-active: $modes-color-interactive-monochrome-inverse-active-alt;
|
329
329
|
$button-color-typical-toggle-bg-active-disabled: $modes-color-interactive-inactive-default;
|
330
330
|
$button-color-typical-toggle-border-disabled: $modes-color-interactive-inactive-default;
|