@a-type/ui 6.1.10 → 6.1.12

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 (14) hide show
  1. package/dist/arbor/arbor.d.ts +9 -9
  2. package/dist/arbor/arbor.js +2 -2
  3. package/dist/arbor/arbor.js.map +1 -1
  4. package/dist/arbor/tokens.d.ts +2590 -0
  5. package/dist/arbor/tokens.js +3 -0
  6. package/dist/arbor/tokens.js.map +1 -0
  7. package/dist/components/box/Box.module.css +2 -2
  8. package/dist/components/provider/Provider.js +2 -1
  9. package/dist/components/provider/Provider.js.map +1 -1
  10. package/package.json +3 -3
  11. package/src/arbor/arbor.ts +5 -5
  12. package/src/arbor/tokens.ts +3 -0
  13. package/src/components/box/Box.module.css +2 -2
  14. package/src/components/provider/Provider.tsx +2 -1
package/dist/arbor/tokens.js ADDED
@@ -0,0 +1,3 @@
1
+ import presetAtype from './arbor.js';
2
+ export const $ = presetAtype().$;
3
+ //# sourceMappingURL=tokens.js.map
package/dist/arbor/tokens.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/arbor/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,YAAY,CAAC;AAErC,MAAM,CAAC,MAAM,CAAC,GAAG,WAAW,EAAE,CAAC,CAAC,CAAC"}
package/dist/components/box/Box.module.css CHANGED
@@ -312,9 +312,9 @@
312
312
  }
313
313
 
314
314
  @property --shadow-inset {
315
- syntax: 'inset';
315
+ syntax: 'inset | outset';
316
316
  inherits: false;
317
- initial-value:;
317
+ initial-value: outset;
318
318
  }
319
319
 
320
320
  @property --padding {
package/dist/components/provider/Provider.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { createContext, useContext } from 'react';
3
+ import { $ } from '../../arbor/tokens.js';
3
4
  import { useThemedTitleBar, useVirtualKeyboardFocusBehavior, useVisualViewportOffset, } from '../../hooks.js';
4
5
  import { useVirtualKeyboardBehavior } from '../../hooks/useVirtualKeyboardBehavior.js';
5
6
  import { IconSpritesheet } from '../icon/index.js';
@@ -17,7 +18,7 @@ export function Provider({ children, disableParticles, disableViewportOffset, vi
17
18
  ? virtualKeyboardBehavior
18
19
  : 'displace';
19
20
  useVirtualKeyboardBehavior(supportedVirtualKeyboardBehavior);
20
- useThemedTitleBar('--m-tint-paper', disableTitleBarColor);
21
+ useThemedTitleBar($.mode.tint.paper.name, disableTitleBarColor);
21
22
  const otherStuff = (_jsxs(_Fragment, { children: [_jsx(IconSpritesheet, {}), _jsx(Toaster, {}), manifestPath === false ? null : (_jsx(PwaInstall, { manifestPath: manifestPath }))] }));
22
23
  if (disableParticles)
23
24
  return (_jsx(ConfigContext.Provider, { value: { virtualKeyboardBehavior: supportedVirtualKeyboardBehavior }, children: _jsx(DefaultToastProvider, { children: _jsxs(TooltipProvider, { children: [children, otherStuff] }) }) }));
package/dist/components/provider/Provider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../src/components/provider/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EACN,iBAAiB,EACjB,+BAA+B,EAC/B,uBAAuB,GACvB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAWtD;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACxB,QAAQ,EACR,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,GAAG,UAAU,EACpC,oBAAoB,EACpB,YAAY,GACG;IACf,uBAAuB,CAAC,qBAAqB,CAAC,CAAC;IAC/C,+BAA+B,EAAE,CAAC;IAClC,MAAM,gCAAgC,GACrC,OAAO,SAAS,KAAK,WAAW,IAAI,iBAAiB,IAAI,SAAS;QACjE,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,UAAU,CAAC;IACf,0BAA0B,CAAC,gCAAgC,CAAC,CAAC;IAC7D,iBAAiB,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,CAClB,8BACC,KAAC,eAAe,KAAG,EACnB,KAAC,OAAO,KAAG,EACV,YAAY,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChC,KAAC,UAAU,IAAC,YAAY,EAAE,YAAY,GAAI,CAC1C,IACC,CACH,CAAC;IAEF,IAAI,gBAAgB;QACnB,OAAO,CACN,KAAC,aAAa,CAAC,QAAQ,IACtB,KAAK,EAAE,EAAE,uBAAuB,EAAE,gCAAgC,EAAE,YAEpE,KAAC,oBAAoB,cACpB,MAAC,eAAe,eACd,QAAQ,EACR,UAAU,IACM,GACI,GACC,CACzB,CAAC;IAEH,OAAO,CACN,KAAC,aAAa,CAAC,QAAQ,IACtB,KAAK,EAAE,EAAE,uBAAuB,EAAE,gCAAgC,EAAE,YAEpE,KAAC,oBAAoB,cACpB,KAAC,eAAe,cACf,MAAC,aAAa,eACZ,QAAQ,EACR,UAAU,IACI,GACC,GACI,GACC,CACzB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAEvC;IACF,uBAAuB,EAAE,UAAU;CACnC,CAAC,CAAC;AAEH,MAAM,UAAU,SAAS;IACxB,OAAO,UAAU,CAAC,aAAa,CAAC,CAAC;AAClC,CAAC"}
1
+ {"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../src/components/provider/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,CAAC,EAAE,MAAM,uBAAuB,CAAC;AAC1C,OAAO,EACN,iBAAiB,EACjB,+BAA+B,EAC/B,uBAAuB,GACvB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAWtD;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACxB,QAAQ,EACR,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,GAAG,UAAU,EACpC,oBAAoB,EACpB,YAAY,GACG;IACf,uBAAuB,CAAC,qBAAqB,CAAC,CAAC;IAC/C,+BAA+B,EAAE,CAAC;IAClC,MAAM,gCAAgC,GACrC,OAAO,SAAS,KAAK,WAAW,IAAI,iBAAiB,IAAI,SAAS;QACjE,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,UAAU,CAAC;IACf,0BAA0B,CAAC,gCAAgC,CAAC,CAAC;IAC7D,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;IAChE,MAAM,UAAU,GAAG,CAClB,8BACC,KAAC,eAAe,KAAG,EACnB,KAAC,OAAO,KAAG,EACV,YAAY,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChC,KAAC,UAAU,IAAC,YAAY,EAAE,YAAY,GAAI,CAC1C,IACC,CACH,CAAC;IAEF,IAAI,gBAAgB;QACnB,OAAO,CACN,KAAC,aAAa,CAAC,QAAQ,IACtB,KAAK,EAAE,EAAE,uBAAuB,EAAE,gCAAgC,EAAE,YAEpE,KAAC,oBAAoB,cACpB,MAAC,eAAe,eACd,QAAQ,EACR,UAAU,IACM,GACI,GACC,CACzB,CAAC;IAEH,OAAO,CACN,KAAC,aAAa,CAAC,QAAQ,IACtB,KAAK,EAAE,EAAE,uBAAuB,EAAE,gCAAgC,EAAE,YAEpE,KAAC,oBAAoB,cACpB,KAAC,eAAe,cACf,MAAC,aAAa,eACZ,QAAQ,EACR,UAAU,IACI,GACC,GACI,GACC,CACzB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAEvC;IACF,uBAAuB,EAAE,UAAU;CACnC,CAAC,CAAC;AAEH,MAAM,UAAU,SAAS;IACxB,OAAO,UAAU,CAAC,aAAa,CAAC,CAAC;AAClC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a-type/ui",
3
- "version": "6.1.10",
3
+ "version": "6.1.12",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "url": "https://github.com/a-type/ui"
@@ -55,8 +55,8 @@
55
55
  "valtio": "^2.1.4"
56
56
  },
57
57
  "devDependencies": {
58
- "@arbor-css/core": "^0.0.145",
59
- "@arbor-css/postcss": "^0.0.145",
58
+ "@arbor-css/core": "^0.0.146",
59
+ "@arbor-css/postcss": "^0.0.146",
60
60
  "@eslint/js": "^9.39.2",
61
61
  "@storybook/addon-links": "10.4.0",
62
62
  "@storybook/react-vite": "10.4.0",
package/src/arbor/arbor.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import { css, definePreset } from '@arbor-css/core';
2
2
  import {
3
- ArborPresetConfig,
3
+ PresetV1Config,
4
4
  compileSingleColor,
5
- presetArbor,
6
- } from '@arbor-css/core/preset-v2';
5
+ presetV1,
6
+ } from '@arbor-css/core/preset-v1';
7
7
  import { $userColorHue, $userColorSaturation } from './props.js';
8
8
 
9
9
  const defaultColors = {
@@ -48,7 +48,7 @@ export type DefaultColorRangeName = keyof typeof defaultColors.ranges;
48
48
 
49
49
  export type ATypeConfig<
50
50
  TColors extends DefaultColorRangeName = DefaultColorRangeName,
51
- > = Partial<ArborPresetConfig<TColors>> & {
51
+ > = Partial<PresetV1Config<TColors>> & {
52
52
  mainColor?: TColors;
53
53
  defaultAccentColor?: TColors;
54
54
  fallbackAccentColor?: TColors;
@@ -61,7 +61,7 @@ export function presetAtype<
61
61
  >(config?: ATypeConfig<TColors>) {
62
62
  const defaultAccent = config?.defaultAccentColor || 'leek';
63
63
  const fallbackAccent = config?.fallbackAccentColor || 'lemon';
64
- const base = presetArbor({
64
+ const base = presetV1({
65
65
  ...config,
66
66
  color: {
67
67
  globalSaturation: 0.5,
package/src/arbor/tokens.ts ADDED
@@ -0,0 +1,3 @@
1
+ import presetAtype from './arbor.js';
2
+
3
+ export const $ = presetAtype().$;
package/src/components/box/Box.module.css CHANGED
@@ -312,9 +312,9 @@
312
312
  }
313
313
 
314
314
  @property --shadow-inset {
315
- syntax: 'inset';
315
+ syntax: 'inset | outset';
316
316
  inherits: false;
317
- initial-value:;
317
+ initial-value: outset;
318
318
  }
319
319
 
320
320
  @property --padding {
package/src/components/provider/Provider.tsx CHANGED
@@ -1,4 +1,5 @@
1
1
  import { createContext, ReactNode, useContext } from 'react';
2
+ import { $ } from '../../arbor/tokens.js';
2
3
  import {
3
4
  useThemedTitleBar,
4
5
  useVirtualKeyboardFocusBehavior,
@@ -38,7 +39,7 @@ export function Provider({
38
39
  ? virtualKeyboardBehavior
39
40
  : 'displace';
40
41
  useVirtualKeyboardBehavior(supportedVirtualKeyboardBehavior);
41
- useThemedTitleBar('--m-tint-paper', disableTitleBarColor);
42
+ useThemedTitleBar($.mode.tint.paper.name, disableTitleBarColor);
42
43
  const otherStuff = (
43
44
  <>
44
45
  <IconSpritesheet />