@workday/canvas-kit-react 7.0.0-alpha.79-next.7 → 7.0.0-alpha.80-next.8

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.
@@ -267,8 +267,8 @@ export const getPaddingStyles = (
267
267
  case 'small':
268
268
  return icon
269
269
  ? iconPosition === 'start'
270
- ? `0 20px 0 ${space.s}`
271
- : `0 ${space.s} 0 20px`
270
+ ? `0 ${space.s} 0 ${space.xs}`
271
+ : `0 ${space.xs} 0 ${space.s}`
272
272
  : `0 ${space.s}`;
273
273
 
274
274
  case 'extraSmall':
@@ -162,12 +162,11 @@ export const getSecondaryButtonColors = (
162
162
  focus: {
163
163
  background: colors.frenchVanilla100,
164
164
  icon: colors.blackPepper500,
165
- border: colors.blackPepper400,
166
165
  label: colors.blackPepper500,
167
166
  focusRing: focusRing(
168
167
  {
169
- separation: 1,
170
- innerColor: colors.blackPepper400,
168
+ separation: 2,
169
+ innerColor: 'currentColor',
171
170
  outerColor: colors.frenchVanilla100,
172
171
  },
173
172
  theme
@@ -167,8 +167,8 @@ var getPaddingStyles = function (children, size, icon, iconPosition) {
167
167
  case 'small':
168
168
  return icon
169
169
  ? iconPosition === 'start'
170
- ? "0 20px 0 " + tokens_1.space.s
171
- : "0 " + tokens_1.space.s + " 0 20px"
170
+ ? "0 " + tokens_1.space.s + " 0 " + tokens_1.space.xs
171
+ : "0 " + tokens_1.space.xs + " 0 " + tokens_1.space.s
172
172
  : "0 " + tokens_1.space.s;
173
173
  case 'extraSmall':
174
174
  return icon
@@ -1 +1 @@
1
- {"version":3,"file":"SecondaryButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/SecondaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,cAAc,EAEd,SAAS,EACT,kBAAkB,EAGnB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAGjE,MAAM,WAAW,oBAAqB,SAAQ,SAAS,EAAE,cAAc;IACrE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe,yEA+C1B,CAAC;AAEH,eAAO,MAAM,wBAAwB,YAC1B,SAAS,GAAG,SAAS,SACvB,kBAAkB,KACxB,YAqFF,CAAC"}
1
+ {"version":3,"file":"SecondaryButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/SecondaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,cAAc,EAEd,SAAS,EACT,kBAAkB,EAGnB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAGjE,MAAM,WAAW,oBAAqB,SAAQ,SAAS,EAAE,cAAc;IACrE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe,yEA+C1B,CAAC;AAEH,eAAO,MAAM,wBAAwB,YAC1B,SAAS,GAAG,SAAS,SACvB,kBAAkB,KACxB,YAoFF,CAAC"}
@@ -117,11 +117,10 @@ var getSecondaryButtonColors = function (variant, theme) {
117
117
  focus: {
118
118
  background: tokens_1.colors.frenchVanilla100,
119
119
  icon: tokens_1.colors.blackPepper500,
120
- border: tokens_1.colors.blackPepper400,
121
120
  label: tokens_1.colors.blackPepper500,
122
121
  focusRing: common_1.focusRing({
123
- separation: 1,
124
- innerColor: tokens_1.colors.blackPepper400,
122
+ separation: 2,
123
+ innerColor: 'currentColor',
125
124
  outerColor: tokens_1.colors.frenchVanilla100,
126
125
  }, theme),
127
126
  },
@@ -144,8 +144,8 @@ export var getPaddingStyles = function (children, size, icon, iconPosition) {
144
144
  case 'small':
145
145
  return icon
146
146
  ? iconPosition === 'start'
147
- ? "0 20px 0 " + space.s
148
- : "0 " + space.s + " 0 20px"
147
+ ? "0 " + space.s + " 0 " + space.xs
148
+ : "0 " + space.xs + " 0 " + space.s
149
149
  : "0 " + space.s;
150
150
  case 'extraSmall':
151
151
  return icon
@@ -1 +1 @@
1
- {"version":3,"file":"SecondaryButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/SecondaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,cAAc,EAEd,SAAS,EACT,kBAAkB,EAGnB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAGjE,MAAM,WAAW,oBAAqB,SAAQ,SAAS,EAAE,cAAc;IACrE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe,yEA+C1B,CAAC;AAEH,eAAO,MAAM,wBAAwB,YAC1B,SAAS,GAAG,SAAS,SACvB,kBAAkB,KACxB,YAqFF,CAAC"}
1
+ {"version":3,"file":"SecondaryButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/SecondaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,cAAc,EAEd,SAAS,EACT,kBAAkB,EAGnB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAGjE,MAAM,WAAW,oBAAqB,SAAQ,SAAS,EAAE,cAAc;IACrE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe,yEA+C1B,CAAC;AAEH,eAAO,MAAM,wBAAwB,YAC1B,SAAS,GAAG,SAAS,SACvB,kBAAkB,KACxB,YAoFF,CAAC"}
@@ -95,11 +95,10 @@ export var getSecondaryButtonColors = function (variant, theme) {
95
95
  focus: {
96
96
  background: colors.frenchVanilla100,
97
97
  icon: colors.blackPepper500,
98
- border: colors.blackPepper400,
99
98
  label: colors.blackPepper500,
100
99
  focusRing: focusRing({
101
- separation: 1,
102
- innerColor: colors.blackPepper400,
100
+ separation: 2,
101
+ innerColor: 'currentColor',
103
102
  outerColor: colors.frenchVanilla100,
104
103
  }, theme),
105
104
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-react",
3
- "version": "7.0.0-alpha.79-next.7+578f91ad",
3
+ "version": "7.0.0-alpha.80-next.8+3b8329ea",
4
4
  "description": "The parent module that contains all Workday Canvas Kit React components",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "Apache-2.0",
@@ -57,9 +57,9 @@
57
57
  "@emotion/styled": "^11.6.0",
58
58
  "@popperjs/core": "^2.5.4",
59
59
  "@workday/canvas-colors-web": "^2.0.0",
60
- "@workday/canvas-kit-labs-react": "^7.0.0-alpha.79-next.7+578f91ad",
61
- "@workday/canvas-kit-popup-stack": "^7.0.0-alpha.79-next.7+578f91ad",
62
- "@workday/canvas-kit-preview-react": "^7.0.0-alpha.79-next.7+578f91ad",
60
+ "@workday/canvas-kit-labs-react": "^7.0.0-alpha.80-next.8+3b8329ea",
61
+ "@workday/canvas-kit-popup-stack": "^7.0.0-alpha.80-next.8+3b8329ea",
62
+ "@workday/canvas-kit-preview-react": "^7.0.0-alpha.80-next.8+3b8329ea",
63
63
  "@workday/canvas-system-icons-web": "1.0.41",
64
64
  "@workday/design-assets-types": "^0.2.4",
65
65
  "chroma-js": "^2.1.0",
@@ -77,5 +77,5 @@
77
77
  "@workday/canvas-accent-icons-web": "^1.0.0",
78
78
  "@workday/canvas-applet-icons-web": "^0.17.50"
79
79
  },
80
- "gitHead": "578f91adfde267929daf4f55b7a6463f8739421e"
80
+ "gitHead": "3b8329ea5b2bf21433f650155898b5b15c36a675"
81
81
  }