@a-type/ui 1.3.0 → 1.3.1

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 (8) hide show
  1. package/dist/cjs/components/box/Box.d.ts +1 -1
  2. package/dist/cjs/components/box/Box.js +5 -2
  3. package/dist/cjs/components/box/Box.js.map +1 -1
  4. package/dist/esm/components/box/Box.d.ts +1 -1
  5. package/dist/esm/components/box/Box.js +5 -2
  6. package/dist/esm/components/box/Box.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/box/Box.tsx +8 -4
package/dist/cjs/components/box/Box.d.ts CHANGED
@@ -13,7 +13,7 @@ export interface BoxProps extends Omit<SlotDivProps, 'wrap'> {
13
13
  wrap?: boolean;
14
14
  p?: BoxSpacingSize;
15
15
  container?: boolean;
16
- surface?: boolean;
16
+ surface?: boolean | 'primary' | 'secondary';
17
17
  theme?: ThemeName;
18
18
  border?: boolean;
19
19
  }
package/dist/cjs/components/box/Box.js CHANGED
@@ -52,8 +52,11 @@ exports.Box = (0, react_1.forwardRef)(function Box(_a, ref) {
52
52
  'layer-components:p-md': p === 'md',
53
53
  'layer-components:p-lg': p === 'lg',
54
54
  'layer-components:p-xl': p === 'xl',
55
- 'layer-components:rounded-lg layer-components:bg-primary-wash': surface,
56
- 'layer-components:border layer-components:border-solid layer-components:border-primary-dark layer-components:rounded-lg': border,
55
+ 'layer-components:rounded-lg': !!surface,
56
+ 'layer-components:bg-white layer-components:border-black': surface === true,
57
+ 'layer-components:bg-primary-wash layer-components:border-primary-dark': surface === 'primary',
58
+ 'layer-components:bg-secondary-wash layer-components:border-secondary-dark': surface === 'secondary',
59
+ 'layer-components:border layer-components:border-solid layer-components:rounded-lg': border,
57
60
  }, theme && `theme-${theme}`, className) })));
58
61
  if (container) {
59
62
  return ((0, jsx_runtime_1.jsx)(BoxContext.Provider, { value: { spacingScale: spacingScale * SPACING_SCALE_NESTING_FACTOR }, children: main }));
package/dist/cjs/components/box/Box.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/box/Box.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/box/Box.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/box/Box.d.ts CHANGED
@@ -13,7 +13,7 @@ export interface BoxProps extends Omit<SlotDivProps, 'wrap'> {
13
13
  wrap?: boolean;
14
14
  p?: BoxSpacingSize;
15
15
  container?: boolean;
16
- surface?: boolean;
16
+ surface?: boolean | 'primary' | 'secondary';
17
17
  theme?: ThemeName;
18
18
  border?: boolean;
19
19
  }
package/dist/esm/components/box/Box.js CHANGED
@@ -46,8 +46,11 @@ export const Box = forwardRef(function Box(_a, ref) {
46
46
  'layer-components:p-md': p === 'md',
47
47
  'layer-components:p-lg': p === 'lg',
48
48
  'layer-components:p-xl': p === 'xl',
49
- 'layer-components:rounded-lg layer-components:bg-primary-wash': surface,
50
- 'layer-components:border layer-components:border-solid layer-components:border-primary-dark layer-components:rounded-lg': border,
49
+ 'layer-components:rounded-lg': !!surface,
50
+ 'layer-components:bg-white layer-components:border-black': surface === true,
51
+ 'layer-components:bg-primary-wash layer-components:border-primary-dark': surface === 'primary',
52
+ 'layer-components:bg-secondary-wash layer-components:border-secondary-dark': surface === 'secondary',
53
+ 'layer-components:border layer-components:border-solid layer-components:rounded-lg': border,
51
54
  }, theme && `theme-${theme}`, className) })));
52
55
  if (container) {
53
56
  return (_jsx(BoxContext.Provider, { value: { spacingScale: spacingScale * SPACING_SCALE_NESTING_FACTOR }, children: main }));
package/dist/esm/components/box/Box.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/box/Box.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/box/Box.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a-type/ui",
3
- "version": "1.3.0",
3
+ "version": "1.3.1",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "/dist",
package/src/components/box/Box.tsx CHANGED
@@ -23,7 +23,7 @@ export interface BoxProps extends Omit<SlotDivProps, 'wrap'> {
23
23
  wrap?: boolean;
24
24
  p?: BoxSpacingSize;
25
25
  container?: boolean;
26
- surface?: boolean;
26
+ surface?: boolean | 'primary' | 'secondary';
27
27
  theme?: ThemeName;
28
28
  border?: boolean;
29
29
  }
@@ -93,9 +93,13 @@ export const Box = forwardRef<HTMLDivElement, BoxProps>(function Box(
93
93
  'layer-components:p-md': p === 'md',
94
94
  'layer-components:p-lg': p === 'lg',
95
95
  'layer-components:p-xl': p === 'xl',
96
- 'layer-components:(rounded-lg bg-primary-wash)': surface,
97
- 'layer-components:(border border-solid border-primary-dark rounded-lg)':
98
- border,
96
+ 'layer-components:rounded-lg': !!surface,
97
+ 'layer-components:(bg-white border-black)': surface === true,
98
+ 'layer-components:(bg-primary-wash border-primary-dark)':
99
+ surface === 'primary',
100
+ 'layer-components:(bg-secondary-wash border-secondary-dark)':
101
+ surface === 'secondary',
102
+ 'layer-components:(border border-solid rounded-lg)': border,
99
103
  },
100
104
  theme && `theme-${theme}`,
101
105
  className,