@a-type/ui 6.1.9 → 6.1.11

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/provider/Provider.js +2 -1
  8. package/dist/components/provider/Provider.js.map +1 -1
  9. package/dist/components/toggleGroup/toggleGroup.module.css +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/provider/Provider.tsx +2 -1
  14. package/src/components/toggleGroup/toggleGroup.module.css +1 -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/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/dist/components/toggleGroup/toggleGroup.module.css CHANGED
@@ -20,7 +20,7 @@
20
20
  padding: var(--m-action-p);
21
21
 
22
22
  @apply --mx-borderColor(transparent);
23
- border-radius: var(--m-rd-lg);
23
+ border-radius: var(--m-action-rd);
24
24
 
25
25
  &[data-pressed] {
26
26
  @apply --mx-shadow;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a-type/ui",
3
- "version": "6.1.9",
3
+ "version": "6.1.11",
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/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 />
package/src/components/toggleGroup/toggleGroup.module.css CHANGED
@@ -20,7 +20,7 @@
20
20
  padding: var(--m-action-p);
21
21
 
22
22
  @apply --mx-borderColor(transparent);
23
- border-radius: var(--m-rd-lg);
23
+ border-radius: var(--m-action-rd);
24
24
 
25
25
  &[data-pressed] {
26
26
  @apply --mx-shadow;