@a-type/ui 3.0.7 → 3.0.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.
|
@@ -10,13 +10,14 @@ function getButtonClassName({ color, emphasis = 'default', size = 'default', tog
|
|
|
10
10
|
if (emphasis === 'unstyled') {
|
|
11
11
|
return (0, clsx_1.default)('layer-components:p-0 layer-components:m-0 layer-components:border-none layer-components:bg-transparent layer-components:appearance-none', 'layer-components:cursor-pointer', 'layer-components:focus:outline-off');
|
|
12
12
|
}
|
|
13
|
-
return (0, clsx_1.default)(color && `palette-${color}`, 'layer-components:
|
|
13
|
+
return (0, clsx_1.default)(color && `palette-${color}`, 'layer-components:leading-none layer-components:font-inherit layer-components:font-bold layer-components:select-none', 'layer-components:border-solid layer-components:border-thin layer-components:border-color', 'layer-components:cursor-pointer', 'layer-components:flex layer-components:flex-row layer-components:gap-sm layer-components:items-center', 'layer-components:relative layer-components:overflow-visible layer-components:whitespace-nowrap', 'layer-components:transition-all layer-components:duration-200', 'layer-components:shadow-sm layer-components:ring-bg', 'layer-components:color-contrast', emphasis === 'ghost' && 'layer-variants:shadow-none layer-variants:border-none', emphasis === 'contrast' && 'layer-variants:border-bg layer-variants:hover:bg-gray-ink', {
|
|
14
14
|
'layer-components:bg-main': emphasis === 'primary',
|
|
15
15
|
'layer-components:bg-main-light layer-components:color-main-ink': emphasis === 'light',
|
|
16
16
|
'layer-components:bg-white layer-variants:focus-visible:bg-white': emphasis === 'default',
|
|
17
17
|
'layer-components:bg-transparent layer-components:aria-pressed:bg-main-wash': emphasis === 'ghost',
|
|
18
18
|
'layer-components:bg-black': emphasis === 'contrast',
|
|
19
19
|
}, color === 'gray' && '[--l-saturation:0] hov', {
|
|
20
|
+
'layer-components:px-4 layer-components:py-2 layer-components:text-md layer-components:rounded-lg': size === 'default',
|
|
20
21
|
'layer-components:px-4 layer-components:py-1 layer-components:text-sm layer-components:rounded-md': size === 'small',
|
|
21
22
|
'layer-components:[&[data-has-icon=true][data-has-label=false]]:p-2.35 layer-components:[&[data-has-icon=true][data-has-label=false]]:text-sm layer-components:[&[data-has-icon=true][data-has-label=false]]:rounded-lg': size === 'default' && !disableIconMode,
|
|
22
23
|
'layer-components:[&[data-has-icon=true][data-has-label=false]]:p-2 layer-components:[&[data-has-icon=true][data-has-label=false]]:text-xs layer-components:[&[data-has-icon=true][data-has-label=false]]:rounded-lg layer-components:[&[data-has-icon=true][data-has-label=false]]:-m-y-0.5': size === 'small' && !disableIconMode,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":";;;;;AAIA,gDAiFC;AArFD,gDAAwB;AAIxB,SAAgB,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,IAAI,GAAG,SAAS,EAChB,UAAU,EACV,KAAK,EACL,eAAe,GAQf;IACA,IAAI,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,IAAA,cAAI,EACV,uEAAuE,EACvE,mCAAmC,EACnC,oCAAoC,CACpC,CAAC;IACH,CAAC;IAED,OAAO,IAAA,cAAI,EACV,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,
|
|
1
|
+
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":";;;;;AAIA,gDAiFC;AArFD,gDAAwB;AAIxB,SAAgB,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,IAAI,GAAG,SAAS,EAChB,UAAU,EACV,KAAK,EACL,eAAe,GAQf;IACA,IAAI,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,IAAA,cAAI,EACV,uEAAuE,EACvE,mCAAmC,EACnC,oCAAoC,CACpC,CAAC;IACH,CAAC;IAED,OAAO,IAAA,cAAI,EACV,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,oEAAoE,EACpE,0DAA0D,EAC1D,mCAAmC,EACnC,sDAAsD,EACtD,gEAAgE,EAChE,gDAAgD,EAChD,sCAAsC,EACtC,mCAAmC,EAEnC,QAAQ,KAAK,OAAO,IAAI,0CAA0C,EAClE,QAAQ,KAAK,UAAU,IAAI,8CAA8C,EAEzE;QACC,0BAA0B,EAAE,QAAQ,KAAK,SAAS;QAClD,iDAAiD,EAAE,QAAQ,KAAK,OAAO;QACvE,iEAAiE,EAChE,QAAQ,KAAK,SAAS;QACvB,6DAA6D,EAC5D,QAAQ,KAAK,OAAO;QACrB,6BAA6B,EAAE,QAAQ,KAAK,UAAU;KACtD,EACD,KAAK,KAAK,MAAM,IAAI,wBAAwB,EAE5C;QACC,iDAAiD,EAAE,IAAI,KAAK,SAAS;QACrE,iDAAiD,EAAE,IAAI,KAAK,OAAO;QACnE,4FAA4F,EAC3F,IAAI,KAAK,SAAS,IAAI,CAAC,eAAe;QACvC,kGAAkG,EACjG,IAAI,KAAK,OAAO,IAAI,CAAC,eAAe;KACrC,EAED,sDAAsD,EAEtD,oCAAoC,EACpC,iEAAiE,EACjE,wEAAwE,EAExE,8CAA8C,EAE9C,6EAA6E,EAC7E,kFAAkF,EAElF;QACC,uEAAuE,EACtE,UAAU;KACX,EAED;QACC,6BAA6B,EAAE,KAAK,KAAK,OAAO;QAChD,+BAA+B,EAAE,KAAK,KAAK,SAAS;QACpD,2BAA2B,EAAE,KAAK,KAAK,KAAK;KAC5C,EAED,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,CAC3B,CAAC;AACH,CAAC"}
|
|
@@ -4,13 +4,14 @@ export function getButtonClassName({ color, emphasis = 'default', size = 'defaul
|
|
|
4
4
|
if (emphasis === 'unstyled') {
|
|
5
5
|
return clsx('layer-components:p-0 layer-components:m-0 layer-components:border-none layer-components:bg-transparent layer-components:appearance-none', 'layer-components:cursor-pointer', 'layer-components:focus:outline-off');
|
|
6
6
|
}
|
|
7
|
-
return clsx(color && `palette-${color}`, 'layer-components:
|
|
7
|
+
return clsx(color && `palette-${color}`, 'layer-components:leading-none layer-components:font-inherit layer-components:font-bold layer-components:select-none', 'layer-components:border-solid layer-components:border-thin layer-components:border-color', 'layer-components:cursor-pointer', 'layer-components:flex layer-components:flex-row layer-components:gap-sm layer-components:items-center', 'layer-components:relative layer-components:overflow-visible layer-components:whitespace-nowrap', 'layer-components:transition-all layer-components:duration-200', 'layer-components:shadow-sm layer-components:ring-bg', 'layer-components:color-contrast', emphasis === 'ghost' && 'layer-variants:shadow-none layer-variants:border-none', emphasis === 'contrast' && 'layer-variants:border-bg layer-variants:hover:bg-gray-ink', {
|
|
8
8
|
'layer-components:bg-main': emphasis === 'primary',
|
|
9
9
|
'layer-components:bg-main-light layer-components:color-main-ink': emphasis === 'light',
|
|
10
10
|
'layer-components:bg-white layer-variants:focus-visible:bg-white': emphasis === 'default',
|
|
11
11
|
'layer-components:bg-transparent layer-components:aria-pressed:bg-main-wash': emphasis === 'ghost',
|
|
12
12
|
'layer-components:bg-black': emphasis === 'contrast',
|
|
13
13
|
}, color === 'gray' && '[--l-saturation:0] hov', {
|
|
14
|
+
'layer-components:px-4 layer-components:py-2 layer-components:text-md layer-components:rounded-lg': size === 'default',
|
|
14
15
|
'layer-components:px-4 layer-components:py-1 layer-components:text-sm layer-components:rounded-md': size === 'small',
|
|
15
16
|
'layer-components:[&[data-has-icon=true][data-has-label=false]]:p-2.35 layer-components:[&[data-has-icon=true][data-has-label=false]]:text-sm layer-components:[&[data-has-icon=true][data-has-label=false]]:rounded-lg': size === 'default' && !disableIconMode,
|
|
16
17
|
'layer-components:[&[data-has-icon=true][data-has-label=false]]:p-2 layer-components:[&[data-has-icon=true][data-has-label=false]]:text-xs layer-components:[&[data-has-icon=true][data-has-label=false]]:rounded-lg layer-components:[&[data-has-icon=true][data-has-label=false]]:-m-y-0.5': size === 'small' && !disableIconMode,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,UAAU,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,IAAI,GAAG,SAAS,EAChB,UAAU,EACV,KAAK,EACL,eAAe,GAQf;IACA,IAAI,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,IAAI,CACV,uEAAuE,EACvE,mCAAmC,EACnC,oCAAoC,CACpC,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CACV,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,
|
|
1
|
+
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,UAAU,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,IAAI,GAAG,SAAS,EAChB,UAAU,EACV,KAAK,EACL,eAAe,GAQf;IACA,IAAI,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,IAAI,CACV,uEAAuE,EACvE,mCAAmC,EACnC,oCAAoC,CACpC,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CACV,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,oEAAoE,EACpE,0DAA0D,EAC1D,mCAAmC,EACnC,sDAAsD,EACtD,gEAAgE,EAChE,gDAAgD,EAChD,sCAAsC,EACtC,mCAAmC,EAEnC,QAAQ,KAAK,OAAO,IAAI,0CAA0C,EAClE,QAAQ,KAAK,UAAU,IAAI,8CAA8C,EAEzE;QACC,0BAA0B,EAAE,QAAQ,KAAK,SAAS;QAClD,iDAAiD,EAAE,QAAQ,KAAK,OAAO;QACvE,iEAAiE,EAChE,QAAQ,KAAK,SAAS;QACvB,6DAA6D,EAC5D,QAAQ,KAAK,OAAO;QACrB,6BAA6B,EAAE,QAAQ,KAAK,UAAU;KACtD,EACD,KAAK,KAAK,MAAM,IAAI,wBAAwB,EAE5C;QACC,iDAAiD,EAAE,IAAI,KAAK,SAAS;QACrE,iDAAiD,EAAE,IAAI,KAAK,OAAO;QACnE,4FAA4F,EAC3F,IAAI,KAAK,SAAS,IAAI,CAAC,eAAe;QACvC,kGAAkG,EACjG,IAAI,KAAK,OAAO,IAAI,CAAC,eAAe;KACrC,EAED,sDAAsD,EAEtD,oCAAoC,EACpC,iEAAiE,EACjE,wEAAwE,EAExE,8CAA8C,EAE9C,6EAA6E,EAC7E,kFAAkF,EAElF;QACC,uEAAuE,EACtE,UAAU;KACX,EAED;QACC,6BAA6B,EAAE,KAAK,KAAK,OAAO;QAChD,+BAA+B,EAAE,KAAK,KAAK,SAAS;QACpD,2BAA2B,EAAE,KAAK,KAAK,KAAK;KAC5C,EAED,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,CAC3B,CAAC;AACH,CAAC"}
|
package/package.json
CHANGED
|
@@ -27,9 +27,8 @@ export function getButtonClassName({
|
|
|
27
27
|
|
|
28
28
|
return clsx(
|
|
29
29
|
color && `palette-${color}`,
|
|
30
|
-
'layer-components:(
|
|
31
|
-
'layer-components:(
|
|
32
|
-
'layer-components:(border-solid border-thin border-color rounded-lg)',
|
|
30
|
+
'layer-components:(leading-none font-inherit font-bold select-none)',
|
|
31
|
+
'layer-components:(border-solid border-thin border-color)',
|
|
33
32
|
'layer-components:(cursor-pointer)',
|
|
34
33
|
'layer-components:(flex flex-row gap-sm items-center)',
|
|
35
34
|
'layer-components:(relative overflow-visible whitespace-nowrap)',
|
|
@@ -52,6 +51,7 @@ export function getButtonClassName({
|
|
|
52
51
|
color === 'gray' && '[--l-saturation:0] hov',
|
|
53
52
|
|
|
54
53
|
{
|
|
54
|
+
'layer-components:(px-4 py-2 text-md rounded-lg)': size === 'default',
|
|
55
55
|
'layer-components:(px-4 py-1 text-sm rounded-md)': size === 'small',
|
|
56
56
|
'layer-components:[&[data-has-icon=true][data-has-label=false]]:(p-2.35 text-sm rounded-lg)':
|
|
57
57
|
size === 'default' && !disableIconMode,
|