jaci-ui 0.1.1 → 0.3.0
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.
- package/CHANGELOG.md +12 -0
- package/README.md +77 -1
- package/dist/components/button-group/button-group.cjs +22 -0
- package/dist/components/button-group/button-group.cjs.map +1 -0
- package/dist/components/button-group/button-group.d.cts +12 -0
- package/dist/components/button-group/button-group.d.ts +12 -0
- package/dist/components/button-group/button-group.js +21 -0
- package/dist/components/button-group/button-group.js.map +1 -0
- package/dist/components/button-group/index.d.cts +2 -0
- package/dist/components/button-group/index.d.ts +2 -0
- package/dist/components/color-picker/color-picker.cjs +77 -22
- package/dist/components/color-picker/color-picker.cjs.map +1 -1
- package/dist/components/color-picker/color-picker.d.cts +3 -3
- package/dist/components/color-picker/color-picker.d.ts +3 -3
- package/dist/components/color-picker/color-picker.js +77 -22
- package/dist/components/color-picker/color-picker.js.map +1 -1
- package/dist/components/date-picker/date-picker.cjs +227 -30
- package/dist/components/date-picker/date-picker.cjs.map +1 -1
- package/dist/components/date-picker/date-picker.d.cts +23 -5
- package/dist/components/date-picker/date-picker.d.ts +23 -5
- package/dist/components/date-picker/date-picker.js +226 -32
- package/dist/components/date-picker/date-picker.js.map +1 -1
- package/dist/components/date-picker/date-utils.cjs +32 -2
- package/dist/components/date-picker/date-utils.cjs.map +1 -1
- package/dist/components/date-picker/date-utils.d.cts +5 -0
- package/dist/components/date-picker/date-utils.d.ts +5 -0
- package/dist/components/date-picker/date-utils.js +29 -3
- package/dist/components/date-picker/date-utils.js.map +1 -1
- package/dist/components/date-picker/index.d.cts +3 -2
- package/dist/components/date-picker/index.d.ts +3 -2
- package/dist/components/empty-state/empty-state.cjs +62 -0
- package/dist/components/empty-state/empty-state.cjs.map +1 -0
- package/dist/components/empty-state/empty-state.d.cts +18 -0
- package/dist/components/empty-state/empty-state.d.ts +18 -0
- package/dist/components/empty-state/empty-state.js +57 -0
- package/dist/components/empty-state/empty-state.js.map +1 -0
- package/dist/components/empty-state/index.d.cts +2 -0
- package/dist/components/empty-state/index.d.ts +2 -0
- package/dist/components/icon-button/icon-button.cjs +40 -0
- package/dist/components/icon-button/icon-button.cjs.map +1 -0
- package/dist/components/icon-button/icon-button.d.cts +12 -0
- package/dist/components/icon-button/icon-button.d.ts +12 -0
- package/dist/components/icon-button/icon-button.js +40 -0
- package/dist/components/icon-button/icon-button.js.map +1 -0
- package/dist/components/icon-button/index.d.cts +2 -0
- package/dist/components/icon-button/index.d.ts +2 -0
- package/dist/components/input-group/index.d.cts +2 -0
- package/dist/components/input-group/index.d.ts +2 -0
- package/dist/components/input-group/input-group.cjs +32 -0
- package/dist/components/input-group/input-group.cjs.map +1 -0
- package/dist/components/input-group/input-group.d.cts +15 -0
- package/dist/components/input-group/input-group.d.ts +15 -0
- package/dist/components/input-group/input-group.js +30 -0
- package/dist/components/input-group/input-group.js.map +1 -0
- package/dist/index.cjs +22 -0
- package/dist/index.d.cts +13 -2
- package/dist/index.d.ts +13 -2
- package/dist/index.js +7 -2
- package/dist/styled-system/recipes/button-group.cjs +30 -0
- package/dist/styled-system/recipes/button-group.cjs.map +1 -0
- package/dist/styled-system/recipes/button-group.js +30 -0
- package/dist/styled-system/recipes/button-group.js.map +1 -0
- package/dist/styled-system/recipes/color-picker.cjs +1 -0
- package/dist/styled-system/recipes/color-picker.cjs.map +1 -1
- package/dist/styled-system/recipes/color-picker.js +1 -0
- package/dist/styled-system/recipes/color-picker.js.map +1 -1
- package/dist/styled-system/recipes/date-picker.cjs +6 -0
- package/dist/styled-system/recipes/date-picker.cjs.map +1 -1
- package/dist/styled-system/recipes/date-picker.js +6 -0
- package/dist/styled-system/recipes/date-picker.js.map +1 -1
- package/dist/styled-system/recipes/empty-state.cjs +36 -0
- package/dist/styled-system/recipes/empty-state.cjs.map +1 -0
- package/dist/styled-system/recipes/empty-state.js +36 -0
- package/dist/styled-system/recipes/empty-state.js.map +1 -0
- package/dist/styled-system/recipes/icon-button.cjs +40 -0
- package/dist/styled-system/recipes/icon-button.cjs.map +1 -0
- package/dist/styled-system/recipes/icon-button.js +40 -0
- package/dist/styled-system/recipes/icon-button.js.map +1 -0
- package/dist/styled-system/recipes/input-group.cjs +30 -0
- package/dist/styled-system/recipes/input-group.cjs.map +1 -0
- package/dist/styled-system/recipes/input-group.js +30 -0
- package/dist/styled-system/recipes/input-group.js.map +1 -0
- package/dist/styles/theme.cjs +15 -0
- package/dist/styles/theme.cjs.map +1 -1
- package/dist/styles/theme.js +15 -0
- package/dist/styles/theme.js.map +1 -1
- package/dist/styles.css +382 -5
- package/dist/theme/index.d.cts +2 -0
- package/dist/theme/index.d.ts +2 -0
- package/dist/theme/theme-provider.cjs +86 -0
- package/dist/theme/theme-provider.cjs.map +1 -0
- package/dist/theme/theme-provider.d.cts +66 -0
- package/dist/theme/theme-provider.d.ts +66 -0
- package/dist/theme/theme-provider.js +85 -0
- package/dist/theme/theme-provider.js.map +1 -0
- package/package.json +1 -1
|
@@ -10,12 +10,18 @@ const datePickerSlotFns = /* @__PURE__ */ [
|
|
|
10
10
|
["trigger", "date-picker__trigger"],
|
|
11
11
|
["value", "date-picker__value"],
|
|
12
12
|
["clear", "date-picker__clear"],
|
|
13
|
+
["close", "date-picker__close"],
|
|
13
14
|
["positioner", "date-picker__positioner"],
|
|
14
15
|
["popup", "date-picker__popup"],
|
|
15
16
|
["header", "date-picker__header"],
|
|
16
17
|
["caption", "date-picker__caption"],
|
|
18
|
+
["monthSelect", "date-picker__monthSelect"],
|
|
19
|
+
["yearSelect", "date-picker__yearSelect"],
|
|
20
|
+
["timeField", "date-picker__timeField"],
|
|
17
21
|
["navigation", "date-picker__navigation"],
|
|
18
22
|
["calendar", "date-picker__calendar"],
|
|
23
|
+
["monthGrid", "date-picker__monthGrid"],
|
|
24
|
+
["month", "date-picker__month"],
|
|
19
25
|
["weekdays", "date-picker__weekdays"],
|
|
20
26
|
["weekday", "date-picker__weekday"],
|
|
21
27
|
["grid", "date-picker__grid"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.js","names":[],"sources":["../../../src/styled-system/recipes/date-picker.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst datePickerDefaultVariants = {\n \"size\": \"md\"\n}\nconst datePickerCompoundVariants = []\n\nconst datePickerSlotNames = [\n [\n \"root\",\n \"date-picker__root\"\n ],\n [\n \"label\",\n \"date-picker__label\"\n ],\n [\n \"control\",\n \"date-picker__control\"\n ],\n [\n \"trigger\",\n \"date-picker__trigger\"\n ],\n [\n \"value\",\n \"date-picker__value\"\n ],\n [\n \"clear\",\n \"date-picker__clear\"\n ],\n [\n \"positioner\",\n \"date-picker__positioner\"\n ],\n [\n \"popup\",\n \"date-picker__popup\"\n ],\n [\n \"header\",\n \"date-picker__header\"\n ],\n [\n \"caption\",\n \"date-picker__caption\"\n ],\n [\n \"navigation\",\n \"date-picker__navigation\"\n ],\n [\n \"calendar\",\n \"date-picker__calendar\"\n ],\n [\n \"weekdays\",\n \"date-picker__weekdays\"\n ],\n [\n \"weekday\",\n \"date-picker__weekday\"\n ],\n [\n \"grid\",\n \"date-picker__grid\"\n ],\n [\n \"day\",\n \"date-picker__day\"\n ]\n]\nconst datePickerSlotFns = /* @__PURE__ */ datePickerSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, datePickerDefaultVariants, getSlotCompoundVariant(datePickerCompoundVariants, slotName))])\n\nconst datePickerFn = memo((props = {}) => {\n return Object.fromEntries(datePickerSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst datePickerVariantKeys = [\n \"size\"\n]\nconst getVariantProps = (variants) => ({ ...datePickerDefaultVariants, ...compact(variants) })\n\nexport const datePicker = /* @__PURE__ */ Object.assign(datePickerFn, {\n __recipe__: false,\n __name__: 'datePicker',\n raw: (props) => props,\n classNameMap: {},\n variantKeys: datePickerVariantKeys,\n variantMap: {\n \"size\": [\n \"sm\",\n \"md\",\n \"lg\"\n ]\n},\n splitVariantProps(props) {\n return splitProps(props, datePickerVariantKeys)\n },\n getVariantProps\n})"],"mappings":";;;AAGA,MAAM,4BAA4B,EAChC,QAAQ,KACV;AACA,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"date-picker.js","names":[],"sources":["../../../src/styled-system/recipes/date-picker.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst datePickerDefaultVariants = {\n \"size\": \"md\"\n}\nconst datePickerCompoundVariants = []\n\nconst datePickerSlotNames = [\n [\n \"root\",\n \"date-picker__root\"\n ],\n [\n \"label\",\n \"date-picker__label\"\n ],\n [\n \"control\",\n \"date-picker__control\"\n ],\n [\n \"trigger\",\n \"date-picker__trigger\"\n ],\n [\n \"value\",\n \"date-picker__value\"\n ],\n [\n \"clear\",\n \"date-picker__clear\"\n ],\n [\n \"close\",\n \"date-picker__close\"\n ],\n [\n \"positioner\",\n \"date-picker__positioner\"\n ],\n [\n \"popup\",\n \"date-picker__popup\"\n ],\n [\n \"header\",\n \"date-picker__header\"\n ],\n [\n \"caption\",\n \"date-picker__caption\"\n ],\n [\n \"monthSelect\",\n \"date-picker__monthSelect\"\n ],\n [\n \"yearSelect\",\n \"date-picker__yearSelect\"\n ],\n [\n \"timeField\",\n \"date-picker__timeField\"\n ],\n [\n \"navigation\",\n \"date-picker__navigation\"\n ],\n [\n \"calendar\",\n \"date-picker__calendar\"\n ],\n [\n \"monthGrid\",\n \"date-picker__monthGrid\"\n ],\n [\n \"month\",\n \"date-picker__month\"\n ],\n [\n \"weekdays\",\n \"date-picker__weekdays\"\n ],\n [\n \"weekday\",\n \"date-picker__weekday\"\n ],\n [\n \"grid\",\n \"date-picker__grid\"\n ],\n [\n \"day\",\n \"date-picker__day\"\n ]\n]\nconst datePickerSlotFns = /* @__PURE__ */ datePickerSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, datePickerDefaultVariants, getSlotCompoundVariant(datePickerCompoundVariants, slotName))])\n\nconst datePickerFn = memo((props = {}) => {\n return Object.fromEntries(datePickerSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst datePickerVariantKeys = [\n \"size\"\n]\nconst getVariantProps = (variants) => ({ ...datePickerDefaultVariants, ...compact(variants) })\n\nexport const datePicker = /* @__PURE__ */ Object.assign(datePickerFn, {\n __recipe__: false,\n __name__: 'datePicker',\n raw: (props) => props,\n classNameMap: {},\n variantKeys: datePickerVariantKeys,\n variantMap: {\n \"size\": [\n \"sm\",\n \"md\",\n \"lg\"\n ]\n},\n splitVariantProps(props) {\n return splitProps(props, datePickerVariantKeys)\n },\n getVariantProps\n})"],"mappings":";;;AAGA,MAAM,4BAA4B,EAChC,QAAQ,KACV;AACA,MAAM,6BAA6B,CAAC;AA4FpC,MAAM,oBAAoC;CAzFxC,CACE,QACA,mBACF;CACA,CACE,SACA,oBACF;CACA,CACE,WACA,sBACF;CACA,CACE,WACA,sBACF;CACA,CACE,SACA,oBACF;CACA,CACE,SACA,oBACF;CACA,CACE,SACA,oBACF;CACA,CACE,cACA,yBACF;CACA,CACE,SACA,oBACF;CACA,CACE,UACA,qBACF;CACA,CACE,WACA,sBACF;CACA,CACE,eACA,0BACF;CACA,CACE,cACA,yBACF;CACA,CACE,aACA,wBACF;CACA,CACE,cACA,yBACF;CACA,CACE,YACA,uBACF;CACA,CACE,aACA,wBACF;CACA,CACE,SACA,oBACF;CACA,CACE,YACA,uBACF;CACA,CACE,WACA,sBACF;CACA,CACE,QACA,mBACF;CACA,CACE,OACA,kBACF;AAE0D,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAU,aAAa,SAAS,2BAA2B,uBAAuB,4BAA4B,QAAQ,CAAC,CAAC,CAAC;AAErN,MAAM,eAAe,MAAM,QAAQ,CAAC,MAAM;CACxC,OAAO,OAAO,YAAY,kBAAkB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC7G,CAAC;AAED,MAAM,wBAAwB,CAC5B,MACF;AACA,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAA2B,GAAG,QAAQ,QAAQ;AAAE;AAE5F,MAAa,aAA6B,uBAAO,OAAO,cAAc;CACpE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY,EACZ,QAAQ;EACN;EACA;EACA;CACF,EACF;CACE,kBAAkB,OAAO;EACvB,OAAO,WAAW,OAAO,qBAAqB;CAChD;CACA;AACF,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
const require_helpers = require("../helpers.cjs");
|
|
2
|
+
const require_create_recipe = require("./create-recipe.cjs");
|
|
3
|
+
//#region src/styled-system/recipes/empty-state.js
|
|
4
|
+
const emptyStateDefaultVariants = {};
|
|
5
|
+
const emptyStateCompoundVariants = [];
|
|
6
|
+
const emptyStateSlotFns = /* @__PURE__ */ [
|
|
7
|
+
["root", "emptyState__root"],
|
|
8
|
+
["icon", "emptyState__icon"],
|
|
9
|
+
["title", "emptyState__title"],
|
|
10
|
+
["description", "emptyState__description"],
|
|
11
|
+
["action", "emptyState__action"]
|
|
12
|
+
].map(([slotName, slotKey]) => [slotName, require_create_recipe.createRecipe(slotKey, emptyStateDefaultVariants, require_helpers.getSlotCompoundVariant(emptyStateCompoundVariants, slotName))]);
|
|
13
|
+
const emptyStateFn = require_helpers.memo((props = {}) => {
|
|
14
|
+
return Object.fromEntries(emptyStateSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
|
|
15
|
+
});
|
|
16
|
+
const emptyStateVariantKeys = [];
|
|
17
|
+
const getVariantProps = (variants) => ({
|
|
18
|
+
...emptyStateDefaultVariants,
|
|
19
|
+
...require_helpers.compact(variants)
|
|
20
|
+
});
|
|
21
|
+
const emptyState = /* @__PURE__ */ Object.assign(emptyStateFn, {
|
|
22
|
+
__recipe__: false,
|
|
23
|
+
__name__: "emptyState",
|
|
24
|
+
raw: (props) => props,
|
|
25
|
+
classNameMap: {},
|
|
26
|
+
variantKeys: emptyStateVariantKeys,
|
|
27
|
+
variantMap: {},
|
|
28
|
+
splitVariantProps(props) {
|
|
29
|
+
return require_helpers.splitProps(props, emptyStateVariantKeys);
|
|
30
|
+
},
|
|
31
|
+
getVariantProps
|
|
32
|
+
});
|
|
33
|
+
//#endregion
|
|
34
|
+
exports.emptyState = emptyState;
|
|
35
|
+
|
|
36
|
+
//# sourceMappingURL=empty-state.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-state.cjs","names":["createRecipe","getSlotCompoundVariant","memo","compact","splitProps"],"sources":["../../../src/styled-system/recipes/empty-state.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst emptyStateDefaultVariants = {}\nconst emptyStateCompoundVariants = []\n\nconst emptyStateSlotNames = [\n [\n \"root\",\n \"emptyState__root\"\n ],\n [\n \"icon\",\n \"emptyState__icon\"\n ],\n [\n \"title\",\n \"emptyState__title\"\n ],\n [\n \"description\",\n \"emptyState__description\"\n ],\n [\n \"action\",\n \"emptyState__action\"\n ]\n]\nconst emptyStateSlotFns = /* @__PURE__ */ emptyStateSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, emptyStateDefaultVariants, getSlotCompoundVariant(emptyStateCompoundVariants, slotName))])\n\nconst emptyStateFn = memo((props = {}) => {\n return Object.fromEntries(emptyStateSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst emptyStateVariantKeys = []\nconst getVariantProps = (variants) => ({ ...emptyStateDefaultVariants, ...compact(variants) })\n\nexport const emptyState = /* @__PURE__ */ Object.assign(emptyStateFn, {\n __recipe__: false,\n __name__: 'emptyState',\n raw: (props) => props,\n classNameMap: {},\n variantKeys: emptyStateVariantKeys,\n variantMap: {},\n splitVariantProps(props) {\n return splitProps(props, emptyStateVariantKeys)\n },\n getVariantProps\n})"],"mappings":";;;AAGA,MAAM,4BAA4B,CAAC;AACnC,MAAM,6BAA6B,CAAC;AAwBpC,MAAM,oBAAoC;CArBxC,CACE,QACA,kBACF;CACA,CACE,QACA,kBACF;CACA,CACE,SACA,mBACF;CACA,CACE,eACA,yBACF;CACA,CACE,UACA,oBACF;AAE0D,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAUA,sBAAAA,aAAa,SAAS,2BAA2BC,gBAAAA,uBAAuB,4BAA4B,QAAQ,CAAC,CAAC,CAAC;AAErN,MAAM,eAAeC,gBAAAA,MAAM,QAAQ,CAAC,MAAM;CACxC,OAAO,OAAO,YAAY,kBAAkB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC7G,CAAC;AAED,MAAM,wBAAwB,CAAC;AAC/B,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAA2B,GAAGC,gBAAAA,QAAQ,QAAQ;AAAE;AAE5F,MAAa,aAA6B,uBAAO,OAAO,cAAc;CACpE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY,CAAC;CACb,kBAAkB,OAAO;EACvB,OAAOC,gBAAAA,WAAW,OAAO,qBAAqB;CAChD;CACA;AACF,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from "../helpers.js";
|
|
2
|
+
import { createRecipe } from "./create-recipe.js";
|
|
3
|
+
//#region src/styled-system/recipes/empty-state.js
|
|
4
|
+
const emptyStateDefaultVariants = {};
|
|
5
|
+
const emptyStateCompoundVariants = [];
|
|
6
|
+
const emptyStateSlotFns = /* @__PURE__ */ [
|
|
7
|
+
["root", "emptyState__root"],
|
|
8
|
+
["icon", "emptyState__icon"],
|
|
9
|
+
["title", "emptyState__title"],
|
|
10
|
+
["description", "emptyState__description"],
|
|
11
|
+
["action", "emptyState__action"]
|
|
12
|
+
].map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, emptyStateDefaultVariants, getSlotCompoundVariant(emptyStateCompoundVariants, slotName))]);
|
|
13
|
+
const emptyStateFn = memo((props = {}) => {
|
|
14
|
+
return Object.fromEntries(emptyStateSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
|
|
15
|
+
});
|
|
16
|
+
const emptyStateVariantKeys = [];
|
|
17
|
+
const getVariantProps = (variants) => ({
|
|
18
|
+
...emptyStateDefaultVariants,
|
|
19
|
+
...compact(variants)
|
|
20
|
+
});
|
|
21
|
+
const emptyState = /* @__PURE__ */ Object.assign(emptyStateFn, {
|
|
22
|
+
__recipe__: false,
|
|
23
|
+
__name__: "emptyState",
|
|
24
|
+
raw: (props) => props,
|
|
25
|
+
classNameMap: {},
|
|
26
|
+
variantKeys: emptyStateVariantKeys,
|
|
27
|
+
variantMap: {},
|
|
28
|
+
splitVariantProps(props) {
|
|
29
|
+
return splitProps(props, emptyStateVariantKeys);
|
|
30
|
+
},
|
|
31
|
+
getVariantProps
|
|
32
|
+
});
|
|
33
|
+
//#endregion
|
|
34
|
+
export { emptyState };
|
|
35
|
+
|
|
36
|
+
//# sourceMappingURL=empty-state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-state.js","names":[],"sources":["../../../src/styled-system/recipes/empty-state.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst emptyStateDefaultVariants = {}\nconst emptyStateCompoundVariants = []\n\nconst emptyStateSlotNames = [\n [\n \"root\",\n \"emptyState__root\"\n ],\n [\n \"icon\",\n \"emptyState__icon\"\n ],\n [\n \"title\",\n \"emptyState__title\"\n ],\n [\n \"description\",\n \"emptyState__description\"\n ],\n [\n \"action\",\n \"emptyState__action\"\n ]\n]\nconst emptyStateSlotFns = /* @__PURE__ */ emptyStateSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, emptyStateDefaultVariants, getSlotCompoundVariant(emptyStateCompoundVariants, slotName))])\n\nconst emptyStateFn = memo((props = {}) => {\n return Object.fromEntries(emptyStateSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst emptyStateVariantKeys = []\nconst getVariantProps = (variants) => ({ ...emptyStateDefaultVariants, ...compact(variants) })\n\nexport const emptyState = /* @__PURE__ */ Object.assign(emptyStateFn, {\n __recipe__: false,\n __name__: 'emptyState',\n raw: (props) => props,\n classNameMap: {},\n variantKeys: emptyStateVariantKeys,\n variantMap: {},\n splitVariantProps(props) {\n return splitProps(props, emptyStateVariantKeys)\n },\n getVariantProps\n})"],"mappings":";;;AAGA,MAAM,4BAA4B,CAAC;AACnC,MAAM,6BAA6B,CAAC;AAwBpC,MAAM,oBAAoC;CArBxC,CACE,QACA,kBACF;CACA,CACE,QACA,kBACF;CACA,CACE,SACA,mBACF;CACA,CACE,eACA,yBACF;CACA,CACE,UACA,oBACF;AAE0D,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAU,aAAa,SAAS,2BAA2B,uBAAuB,4BAA4B,QAAQ,CAAC,CAAC,CAAC;AAErN,MAAM,eAAe,MAAM,QAAQ,CAAC,MAAM;CACxC,OAAO,OAAO,YAAY,kBAAkB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC7G,CAAC;AAED,MAAM,wBAAwB,CAAC;AAC/B,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAA2B,GAAG,QAAQ,QAAQ;AAAE;AAE5F,MAAa,aAA6B,uBAAO,OAAO,cAAc;CACpE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY,CAAC;CACb,kBAAkB,OAAO;EACvB,OAAO,WAAW,OAAO,qBAAqB;CAChD;CACA;AACF,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
const require_helpers = require("../helpers.cjs");
|
|
2
|
+
const require_create_recipe = require("./create-recipe.cjs");
|
|
3
|
+
//#region src/styled-system/recipes/icon-button.js
|
|
4
|
+
const iconButtonFn = /* @__PURE__ */ require_create_recipe.createRecipe("iconButton", {
|
|
5
|
+
"variant": "outline",
|
|
6
|
+
"size": "md"
|
|
7
|
+
}, []);
|
|
8
|
+
const iconButtonVariantMap = {
|
|
9
|
+
"variant": [
|
|
10
|
+
"solid",
|
|
11
|
+
"outline",
|
|
12
|
+
"ghost",
|
|
13
|
+
"danger"
|
|
14
|
+
],
|
|
15
|
+
"size": [
|
|
16
|
+
"sm",
|
|
17
|
+
"md",
|
|
18
|
+
"lg"
|
|
19
|
+
]
|
|
20
|
+
};
|
|
21
|
+
const iconButtonVariantKeys = Object.keys(iconButtonVariantMap);
|
|
22
|
+
const iconButton = /* @__PURE__ */ Object.assign(require_helpers.memo(iconButtonFn.recipeFn), {
|
|
23
|
+
__recipe__: true,
|
|
24
|
+
__name__: "iconButton",
|
|
25
|
+
__getCompoundVariantCss__: iconButtonFn.__getCompoundVariantCss__,
|
|
26
|
+
raw: (props) => props,
|
|
27
|
+
variantKeys: iconButtonVariantKeys,
|
|
28
|
+
variantMap: iconButtonVariantMap,
|
|
29
|
+
merge(recipe) {
|
|
30
|
+
return require_create_recipe.mergeRecipes(this, recipe);
|
|
31
|
+
},
|
|
32
|
+
splitVariantProps(props) {
|
|
33
|
+
return require_helpers.splitProps(props, iconButtonVariantKeys);
|
|
34
|
+
},
|
|
35
|
+
getVariantProps: iconButtonFn.getVariantProps
|
|
36
|
+
});
|
|
37
|
+
//#endregion
|
|
38
|
+
exports.iconButton = iconButton;
|
|
39
|
+
|
|
40
|
+
//# sourceMappingURL=icon-button.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-button.cjs","names":["memo","mergeRecipes","splitProps"],"sources":["../../../src/styled-system/recipes/icon-button.js"],"sourcesContent":["import { memo, splitProps } from '../helpers.js';\nimport { createRecipe, mergeRecipes } from './create-recipe.js';\n\nconst iconButtonFn = /* @__PURE__ */ createRecipe('iconButton', {\n \"variant\": \"outline\",\n \"size\": \"md\"\n}, [])\n\nconst iconButtonVariantMap = {\n \"variant\": [\n \"solid\",\n \"outline\",\n \"ghost\",\n \"danger\"\n ],\n \"size\": [\n \"sm\",\n \"md\",\n \"lg\"\n ]\n}\n\nconst iconButtonVariantKeys = Object.keys(iconButtonVariantMap)\n\nexport const iconButton = /* @__PURE__ */ Object.assign(memo(iconButtonFn.recipeFn), {\n __recipe__: true,\n __name__: 'iconButton',\n __getCompoundVariantCss__: iconButtonFn.__getCompoundVariantCss__,\n raw: (props) => props,\n variantKeys: iconButtonVariantKeys,\n variantMap: iconButtonVariantMap,\n merge(recipe) {\n return mergeRecipes(this, recipe)\n },\n splitVariantProps(props) {\n return splitProps(props, iconButtonVariantKeys)\n },\n getVariantProps: iconButtonFn.getVariantProps,\n})"],"mappings":";;;AAGA,MAAM,eAA+B,sCAAA,aAAa,cAAc;CAC9D,WAAW;CACX,QAAQ;AACV,GAAG,CAAC,CAAC;AAEL,MAAM,uBAAuB;CAC3B,WAAW;EACT;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;CACF;AACF;AAEA,MAAM,wBAAwB,OAAO,KAAK,oBAAoB;AAE9D,MAAa,aAA6B,uBAAO,OAAOA,gBAAAA,KAAK,aAAa,QAAQ,GAAG;CACnF,YAAY;CACZ,UAAU;CACV,2BAA2B,aAAa;CACxC,MAAM,UAAU;CAChB,aAAa;CACb,YAAY;CACZ,MAAM,QAAQ;EACZ,OAAOC,sBAAAA,aAAa,MAAM,MAAM;CAClC;CACA,kBAAkB,OAAO;EACvB,OAAOC,gBAAAA,WAAW,OAAO,qBAAqB;CAChD;CACA,iBAAiB,aAAa;AAChC,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { memo, splitProps } from "../helpers.js";
|
|
2
|
+
import { createRecipe, mergeRecipes } from "./create-recipe.js";
|
|
3
|
+
//#region src/styled-system/recipes/icon-button.js
|
|
4
|
+
const iconButtonFn = /* @__PURE__ */ createRecipe("iconButton", {
|
|
5
|
+
"variant": "outline",
|
|
6
|
+
"size": "md"
|
|
7
|
+
}, []);
|
|
8
|
+
const iconButtonVariantMap = {
|
|
9
|
+
"variant": [
|
|
10
|
+
"solid",
|
|
11
|
+
"outline",
|
|
12
|
+
"ghost",
|
|
13
|
+
"danger"
|
|
14
|
+
],
|
|
15
|
+
"size": [
|
|
16
|
+
"sm",
|
|
17
|
+
"md",
|
|
18
|
+
"lg"
|
|
19
|
+
]
|
|
20
|
+
};
|
|
21
|
+
const iconButtonVariantKeys = Object.keys(iconButtonVariantMap);
|
|
22
|
+
const iconButton = /* @__PURE__ */ Object.assign(memo(iconButtonFn.recipeFn), {
|
|
23
|
+
__recipe__: true,
|
|
24
|
+
__name__: "iconButton",
|
|
25
|
+
__getCompoundVariantCss__: iconButtonFn.__getCompoundVariantCss__,
|
|
26
|
+
raw: (props) => props,
|
|
27
|
+
variantKeys: iconButtonVariantKeys,
|
|
28
|
+
variantMap: iconButtonVariantMap,
|
|
29
|
+
merge(recipe) {
|
|
30
|
+
return mergeRecipes(this, recipe);
|
|
31
|
+
},
|
|
32
|
+
splitVariantProps(props) {
|
|
33
|
+
return splitProps(props, iconButtonVariantKeys);
|
|
34
|
+
},
|
|
35
|
+
getVariantProps: iconButtonFn.getVariantProps
|
|
36
|
+
});
|
|
37
|
+
//#endregion
|
|
38
|
+
export { iconButton };
|
|
39
|
+
|
|
40
|
+
//# sourceMappingURL=icon-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-button.js","names":[],"sources":["../../../src/styled-system/recipes/icon-button.js"],"sourcesContent":["import { memo, splitProps } from '../helpers.js';\nimport { createRecipe, mergeRecipes } from './create-recipe.js';\n\nconst iconButtonFn = /* @__PURE__ */ createRecipe('iconButton', {\n \"variant\": \"outline\",\n \"size\": \"md\"\n}, [])\n\nconst iconButtonVariantMap = {\n \"variant\": [\n \"solid\",\n \"outline\",\n \"ghost\",\n \"danger\"\n ],\n \"size\": [\n \"sm\",\n \"md\",\n \"lg\"\n ]\n}\n\nconst iconButtonVariantKeys = Object.keys(iconButtonVariantMap)\n\nexport const iconButton = /* @__PURE__ */ Object.assign(memo(iconButtonFn.recipeFn), {\n __recipe__: true,\n __name__: 'iconButton',\n __getCompoundVariantCss__: iconButtonFn.__getCompoundVariantCss__,\n raw: (props) => props,\n variantKeys: iconButtonVariantKeys,\n variantMap: iconButtonVariantMap,\n merge(recipe) {\n return mergeRecipes(this, recipe)\n },\n splitVariantProps(props) {\n return splitProps(props, iconButtonVariantKeys)\n },\n getVariantProps: iconButtonFn.getVariantProps,\n})"],"mappings":";;;AAGA,MAAM,eAA+B,6BAAa,cAAc;CAC9D,WAAW;CACX,QAAQ;AACV,GAAG,CAAC,CAAC;AAEL,MAAM,uBAAuB;CAC3B,WAAW;EACT;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;CACF;AACF;AAEA,MAAM,wBAAwB,OAAO,KAAK,oBAAoB;AAE9D,MAAa,aAA6B,uBAAO,OAAO,KAAK,aAAa,QAAQ,GAAG;CACnF,YAAY;CACZ,UAAU;CACV,2BAA2B,aAAa;CACxC,MAAM,UAAU;CAChB,aAAa;CACb,YAAY;CACZ,MAAM,QAAQ;EACZ,OAAO,aAAa,MAAM,MAAM;CAClC;CACA,kBAAkB,OAAO;EACvB,OAAO,WAAW,OAAO,qBAAqB;CAChD;CACA,iBAAiB,aAAa;AAChC,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
const require_helpers = require("../helpers.cjs");
|
|
2
|
+
const require_create_recipe = require("./create-recipe.cjs");
|
|
3
|
+
//#region src/styled-system/recipes/input-group.js
|
|
4
|
+
const inputGroupDefaultVariants = {};
|
|
5
|
+
const inputGroupCompoundVariants = [];
|
|
6
|
+
const inputGroupSlotFns = /* @__PURE__ */ [["root", "inputGroup__root"], ["addon", "inputGroup__addon"]].map(([slotName, slotKey]) => [slotName, require_create_recipe.createRecipe(slotKey, inputGroupDefaultVariants, require_helpers.getSlotCompoundVariant(inputGroupCompoundVariants, slotName))]);
|
|
7
|
+
const inputGroupFn = require_helpers.memo((props = {}) => {
|
|
8
|
+
return Object.fromEntries(inputGroupSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
|
|
9
|
+
});
|
|
10
|
+
const inputGroupVariantKeys = [];
|
|
11
|
+
const getVariantProps = (variants) => ({
|
|
12
|
+
...inputGroupDefaultVariants,
|
|
13
|
+
...require_helpers.compact(variants)
|
|
14
|
+
});
|
|
15
|
+
const inputGroup = /* @__PURE__ */ Object.assign(inputGroupFn, {
|
|
16
|
+
__recipe__: false,
|
|
17
|
+
__name__: "inputGroup",
|
|
18
|
+
raw: (props) => props,
|
|
19
|
+
classNameMap: {},
|
|
20
|
+
variantKeys: inputGroupVariantKeys,
|
|
21
|
+
variantMap: {},
|
|
22
|
+
splitVariantProps(props) {
|
|
23
|
+
return require_helpers.splitProps(props, inputGroupVariantKeys);
|
|
24
|
+
},
|
|
25
|
+
getVariantProps
|
|
26
|
+
});
|
|
27
|
+
//#endregion
|
|
28
|
+
exports.inputGroup = inputGroup;
|
|
29
|
+
|
|
30
|
+
//# sourceMappingURL=input-group.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-group.cjs","names":["createRecipe","getSlotCompoundVariant","memo","compact","splitProps"],"sources":["../../../src/styled-system/recipes/input-group.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst inputGroupDefaultVariants = {}\nconst inputGroupCompoundVariants = []\n\nconst inputGroupSlotNames = [\n [\n \"root\",\n \"inputGroup__root\"\n ],\n [\n \"addon\",\n \"inputGroup__addon\"\n ]\n]\nconst inputGroupSlotFns = /* @__PURE__ */ inputGroupSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, inputGroupDefaultVariants, getSlotCompoundVariant(inputGroupCompoundVariants, slotName))])\n\nconst inputGroupFn = memo((props = {}) => {\n return Object.fromEntries(inputGroupSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst inputGroupVariantKeys = []\nconst getVariantProps = (variants) => ({ ...inputGroupDefaultVariants, ...compact(variants) })\n\nexport const inputGroup = /* @__PURE__ */ Object.assign(inputGroupFn, {\n __recipe__: false,\n __name__: 'inputGroup',\n raw: (props) => props,\n classNameMap: {},\n variantKeys: inputGroupVariantKeys,\n variantMap: {},\n splitVariantProps(props) {\n return splitProps(props, inputGroupVariantKeys)\n },\n getVariantProps\n})"],"mappings":";;;AAGA,MAAM,4BAA4B,CAAC;AACnC,MAAM,6BAA6B,CAAC;AAYpC,MAAM,oBAAoC,iBATxC,CACE,QACA,kBACF,GACA,CACE,SACA,mBACF,CAE0D,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAUA,sBAAAA,aAAa,SAAS,2BAA2BC,gBAAAA,uBAAuB,4BAA4B,QAAQ,CAAC,CAAC,CAAC;AAErN,MAAM,eAAeC,gBAAAA,MAAM,QAAQ,CAAC,MAAM;CACxC,OAAO,OAAO,YAAY,kBAAkB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC7G,CAAC;AAED,MAAM,wBAAwB,CAAC;AAC/B,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAA2B,GAAGC,gBAAAA,QAAQ,QAAQ;AAAE;AAE5F,MAAa,aAA6B,uBAAO,OAAO,cAAc;CACpE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY,CAAC;CACb,kBAAkB,OAAO;EACvB,OAAOC,gBAAAA,WAAW,OAAO,qBAAqB;CAChD;CACA;AACF,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from "../helpers.js";
|
|
2
|
+
import { createRecipe } from "./create-recipe.js";
|
|
3
|
+
//#region src/styled-system/recipes/input-group.js
|
|
4
|
+
const inputGroupDefaultVariants = {};
|
|
5
|
+
const inputGroupCompoundVariants = [];
|
|
6
|
+
const inputGroupSlotFns = /* @__PURE__ */ [["root", "inputGroup__root"], ["addon", "inputGroup__addon"]].map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, inputGroupDefaultVariants, getSlotCompoundVariant(inputGroupCompoundVariants, slotName))]);
|
|
7
|
+
const inputGroupFn = memo((props = {}) => {
|
|
8
|
+
return Object.fromEntries(inputGroupSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
|
|
9
|
+
});
|
|
10
|
+
const inputGroupVariantKeys = [];
|
|
11
|
+
const getVariantProps = (variants) => ({
|
|
12
|
+
...inputGroupDefaultVariants,
|
|
13
|
+
...compact(variants)
|
|
14
|
+
});
|
|
15
|
+
const inputGroup = /* @__PURE__ */ Object.assign(inputGroupFn, {
|
|
16
|
+
__recipe__: false,
|
|
17
|
+
__name__: "inputGroup",
|
|
18
|
+
raw: (props) => props,
|
|
19
|
+
classNameMap: {},
|
|
20
|
+
variantKeys: inputGroupVariantKeys,
|
|
21
|
+
variantMap: {},
|
|
22
|
+
splitVariantProps(props) {
|
|
23
|
+
return splitProps(props, inputGroupVariantKeys);
|
|
24
|
+
},
|
|
25
|
+
getVariantProps
|
|
26
|
+
});
|
|
27
|
+
//#endregion
|
|
28
|
+
export { inputGroup };
|
|
29
|
+
|
|
30
|
+
//# sourceMappingURL=input-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-group.js","names":[],"sources":["../../../src/styled-system/recipes/input-group.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst inputGroupDefaultVariants = {}\nconst inputGroupCompoundVariants = []\n\nconst inputGroupSlotNames = [\n [\n \"root\",\n \"inputGroup__root\"\n ],\n [\n \"addon\",\n \"inputGroup__addon\"\n ]\n]\nconst inputGroupSlotFns = /* @__PURE__ */ inputGroupSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, inputGroupDefaultVariants, getSlotCompoundVariant(inputGroupCompoundVariants, slotName))])\n\nconst inputGroupFn = memo((props = {}) => {\n return Object.fromEntries(inputGroupSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst inputGroupVariantKeys = []\nconst getVariantProps = (variants) => ({ ...inputGroupDefaultVariants, ...compact(variants) })\n\nexport const inputGroup = /* @__PURE__ */ Object.assign(inputGroupFn, {\n __recipe__: false,\n __name__: 'inputGroup',\n raw: (props) => props,\n classNameMap: {},\n variantKeys: inputGroupVariantKeys,\n variantMap: {},\n splitVariantProps(props) {\n return splitProps(props, inputGroupVariantKeys)\n },\n getVariantProps\n})"],"mappings":";;;AAGA,MAAM,4BAA4B,CAAC;AACnC,MAAM,6BAA6B,CAAC;AAYpC,MAAM,oBAAoC,iBATxC,CACE,QACA,kBACF,GACA,CACE,SACA,mBACF,CAE0D,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAU,aAAa,SAAS,2BAA2B,uBAAuB,4BAA4B,QAAQ,CAAC,CAAC,CAAC;AAErN,MAAM,eAAe,MAAM,QAAQ,CAAC,MAAM;CACxC,OAAO,OAAO,YAAY,kBAAkB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC7G,CAAC;AAED,MAAM,wBAAwB,CAAC;AAC/B,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAA2B,GAAG,QAAQ,QAAQ;AAAE;AAE5F,MAAa,aAA6B,uBAAO,OAAO,cAAc;CACpE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY,CAAC;CACb,kBAAkB,OAAO;EACvB,OAAO,WAAW,OAAO,qBAAqB;CAChD;CACA;AACF,CAAC"}
|
package/dist/styles/theme.cjs
CHANGED
|
@@ -56,6 +56,11 @@ const jaciTheme = { extend: {
|
|
|
56
56
|
slow: { value: "500ms" }
|
|
57
57
|
},
|
|
58
58
|
easings: { standard: { value: "cubic-bezier(0.2, 0, 0, 1)" } },
|
|
59
|
+
transitions: {
|
|
60
|
+
colors: { value: "background-color, border-color, box-shadow, color" },
|
|
61
|
+
transform: { value: "transform" },
|
|
62
|
+
standard: { value: "background-color, border-color, box-shadow, color, transform" }
|
|
63
|
+
},
|
|
59
64
|
animations: { spin: { value: "spin 900ms linear infinite" } }
|
|
60
65
|
},
|
|
61
66
|
semanticTokens: { colors: {
|
|
@@ -113,6 +118,16 @@ const jaciTheme = { extend: {
|
|
|
113
118
|
success: { value: "{colors.green.700}" },
|
|
114
119
|
warning: { value: "{colors.amber.700}" },
|
|
115
120
|
danger: { value: "{colors.red.600}" },
|
|
121
|
+
info: { value: "{colors.blue.600}" },
|
|
122
|
+
focus: { value: "{colors.blue.600}" },
|
|
123
|
+
disabled: { value: {
|
|
124
|
+
base: "{colors.neutral.400}",
|
|
125
|
+
_dark: "{colors.neutral.600}"
|
|
126
|
+
} },
|
|
127
|
+
selected: { value: {
|
|
128
|
+
base: "{colors.blue.50}",
|
|
129
|
+
_dark: "{colors.blue.950}"
|
|
130
|
+
} },
|
|
116
131
|
link: {
|
|
117
132
|
default: { value: {
|
|
118
133
|
base: "{colors.neutral.600}",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.cjs","names":[],"sources":["../../src/styles/theme.ts"],"sourcesContent":["export const jaciConditions = {\n extend: {\n dark: '[data-jaci-theme=\"dark\"] &',\n },\n};\n\nexport const jaciTheme = {\n extend: {\n tokens: {\n colors: {\n neutral: {\n 50: { value: \"#fafafa\" },\n 100: { value: \"#f4f4f5\" },\n 200: { value: \"#e4e4e7\" },\n 300: { value: \"#d4d4d8\" },\n 400: { value: \"#a1a1aa\" },\n 500: { value: \"#71717a\" },\n 600: { value: \"#52525b\" },\n 700: { value: \"#3f3f46\" },\n 800: { value: \"#27272a\" },\n 900: { value: \"#18181b\" },\n 950: { value: \"#09090b\" },\n },\n blue: {\n 500: { value: \"#3b82f6\" },\n 600: { value: \"#2563eb\" },\n 700: { value: \"#1d4ed8\" },\n },\n green: {\n 500: { value: \"#22c55e\" },\n 600: { value: \"#16a34a\" },\n 700: { value: \"#15803d\" },\n },\n amber: {\n 500: { value: \"#f59e0b\" },\n 600: { value: \"#d97706\" },\n 700: { value: \"#b45309\" },\n },\n red: {\n 500: { value: \"#ef4444\" },\n 600: { value: \"#dc2626\" },\n },\n },\n radii: {\n sm: { value: \"0.375rem\" },\n md: { value: \"0.75rem\" },\n lg: { value: \"1rem\" },\n xl: { value: \"1.5rem\" },\n \"2xl\": { value: \"2rem\" },\n full: { value: \"9999px\" },\n },\n shadows: {\n sm: { value: \"0 1px 2px rgb(0 0 0 / 0.08)\" },\n md: { value: \"0 10px 24px rgb(0 0 0 / 0.12)\" },\n lg: { value: \"0 18px 42px rgb(0 0 0 / 0.16)\" },\n xl: { value: \"0 24px 52px rgb(0 0 0 / 0.2)\" },\n },\n durations: {\n fast: { value: \"150ms\" },\n normal: { value: \"250ms\" },\n slow: { value: \"500ms\" },\n },\n easings: {\n standard: { value: \"cubic-bezier(0.2, 0, 0, 1)\" },\n },\n animations: {\n spin: { value: \"spin 900ms linear infinite\" },\n },\n },\n semanticTokens: {\n colors: {\n surface: {\n canvas: {\n value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.950}\" },\n },\n default: {\n value: { base: \"{colors.neutral.100}\", _dark: \"{colors.neutral.900}\" },\n },\n raised: {\n value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.800}\" },\n },\n subtle: {\n value: { base: \"{colors.neutral.200}\", _dark: \"{colors.neutral.800}\" },\n },\n overlay: {\n value: {\n base: \"rgb(250 250 250 / 0.32)\",\n _dark: \"rgb(9 9 11 / 0.4)\",\n },\n },\n },\n fg: {\n default: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.100}\" },\n },\n muted: {\n value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n },\n onAccent: { value: \"{colors.neutral.50}\" },\n },\n border: {\n default: {\n value: { base: \"{colors.neutral.300}\", _dark: \"{colors.neutral.700}\" },\n },\n strong: {\n value: { base: \"{colors.neutral.500}\", _dark: \"{colors.neutral.500}\" },\n },\n interactive: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n },\n },\n accent: {\n default: { value: \"{colors.blue.600}\" },\n hover: { value: \"{colors.blue.700}\" },\n },\n success: { value: \"{colors.green.700}\" },\n warning: { value: \"{colors.amber.700}\" },\n danger: { value: \"{colors.red.600}\" },\n link: {\n default: {\n value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n },\n hover: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n },\n },\n },\n },\n textStyles: {\n body: {\n value: {\n fontFamily: \"system-ui, sans-serif\",\n lineHeight: \"1.5\",\n },\n },\n },\n keyframes: {\n spin: {\n to: {\n transform: \"rotate(360deg)\",\n },\n },\n },\n },\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"theme.cjs","names":[],"sources":["../../src/styles/theme.ts"],"sourcesContent":["export const jaciConditions = {\n extend: {\n dark: '[data-jaci-theme=\"dark\"] &',\n },\n};\n\nexport const jaciTheme = {\n extend: {\n tokens: {\n colors: {\n neutral: {\n 50: { value: \"#fafafa\" },\n 100: { value: \"#f4f4f5\" },\n 200: { value: \"#e4e4e7\" },\n 300: { value: \"#d4d4d8\" },\n 400: { value: \"#a1a1aa\" },\n 500: { value: \"#71717a\" },\n 600: { value: \"#52525b\" },\n 700: { value: \"#3f3f46\" },\n 800: { value: \"#27272a\" },\n 900: { value: \"#18181b\" },\n 950: { value: \"#09090b\" },\n },\n blue: {\n 500: { value: \"#3b82f6\" },\n 600: { value: \"#2563eb\" },\n 700: { value: \"#1d4ed8\" },\n },\n green: {\n 500: { value: \"#22c55e\" },\n 600: { value: \"#16a34a\" },\n 700: { value: \"#15803d\" },\n },\n amber: {\n 500: { value: \"#f59e0b\" },\n 600: { value: \"#d97706\" },\n 700: { value: \"#b45309\" },\n },\n red: {\n 500: { value: \"#ef4444\" },\n 600: { value: \"#dc2626\" },\n },\n },\n radii: {\n sm: { value: \"0.375rem\" },\n md: { value: \"0.75rem\" },\n lg: { value: \"1rem\" },\n xl: { value: \"1.5rem\" },\n \"2xl\": { value: \"2rem\" },\n full: { value: \"9999px\" },\n },\n shadows: {\n sm: { value: \"0 1px 2px rgb(0 0 0 / 0.08)\" },\n md: { value: \"0 10px 24px rgb(0 0 0 / 0.12)\" },\n lg: { value: \"0 18px 42px rgb(0 0 0 / 0.16)\" },\n xl: { value: \"0 24px 52px rgb(0 0 0 / 0.2)\" },\n },\n durations: {\n fast: { value: \"150ms\" },\n normal: { value: \"250ms\" },\n slow: { value: \"500ms\" },\n },\n easings: {\n standard: { value: \"cubic-bezier(0.2, 0, 0, 1)\" },\n },\n transitions: {\n colors: { value: \"background-color, border-color, box-shadow, color\" },\n transform: { value: \"transform\" },\n standard: { value: \"background-color, border-color, box-shadow, color, transform\" },\n },\n animations: {\n spin: { value: \"spin 900ms linear infinite\" },\n },\n },\n semanticTokens: {\n colors: {\n surface: {\n canvas: {\n value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.950}\" },\n },\n default: {\n value: { base: \"{colors.neutral.100}\", _dark: \"{colors.neutral.900}\" },\n },\n raised: {\n value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.800}\" },\n },\n subtle: {\n value: { base: \"{colors.neutral.200}\", _dark: \"{colors.neutral.800}\" },\n },\n overlay: {\n value: {\n base: \"rgb(250 250 250 / 0.32)\",\n _dark: \"rgb(9 9 11 / 0.4)\",\n },\n },\n },\n fg: {\n default: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.100}\" },\n },\n muted: {\n value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n },\n onAccent: { value: \"{colors.neutral.50}\" },\n },\n border: {\n default: {\n value: { base: \"{colors.neutral.300}\", _dark: \"{colors.neutral.700}\" },\n },\n strong: {\n value: { base: \"{colors.neutral.500}\", _dark: \"{colors.neutral.500}\" },\n },\n interactive: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n },\n },\n accent: {\n default: { value: \"{colors.blue.600}\" },\n hover: { value: \"{colors.blue.700}\" },\n },\n success: { value: \"{colors.green.700}\" },\n warning: { value: \"{colors.amber.700}\" },\n danger: { value: \"{colors.red.600}\" },\n info: { value: \"{colors.blue.600}\" },\n focus: { value: \"{colors.blue.600}\" },\n disabled: {\n value: { base: \"{colors.neutral.400}\", _dark: \"{colors.neutral.600}\" },\n },\n selected: {\n value: { base: \"{colors.blue.50}\", _dark: \"{colors.blue.950}\" },\n },\n link: {\n default: {\n value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n },\n hover: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n },\n },\n },\n },\n textStyles: {\n body: {\n value: {\n fontFamily: \"system-ui, sans-serif\",\n lineHeight: \"1.5\",\n },\n },\n },\n keyframes: {\n spin: {\n to: {\n transform: \"rotate(360deg)\",\n },\n },\n },\n },\n};\n"],"mappings":"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"}
|
package/dist/styles/theme.js
CHANGED
|
@@ -56,6 +56,11 @@ const jaciTheme = { extend: {
|
|
|
56
56
|
slow: { value: "500ms" }
|
|
57
57
|
},
|
|
58
58
|
easings: { standard: { value: "cubic-bezier(0.2, 0, 0, 1)" } },
|
|
59
|
+
transitions: {
|
|
60
|
+
colors: { value: "background-color, border-color, box-shadow, color" },
|
|
61
|
+
transform: { value: "transform" },
|
|
62
|
+
standard: { value: "background-color, border-color, box-shadow, color, transform" }
|
|
63
|
+
},
|
|
59
64
|
animations: { spin: { value: "spin 900ms linear infinite" } }
|
|
60
65
|
},
|
|
61
66
|
semanticTokens: { colors: {
|
|
@@ -113,6 +118,16 @@ const jaciTheme = { extend: {
|
|
|
113
118
|
success: { value: "{colors.green.700}" },
|
|
114
119
|
warning: { value: "{colors.amber.700}" },
|
|
115
120
|
danger: { value: "{colors.red.600}" },
|
|
121
|
+
info: { value: "{colors.blue.600}" },
|
|
122
|
+
focus: { value: "{colors.blue.600}" },
|
|
123
|
+
disabled: { value: {
|
|
124
|
+
base: "{colors.neutral.400}",
|
|
125
|
+
_dark: "{colors.neutral.600}"
|
|
126
|
+
} },
|
|
127
|
+
selected: { value: {
|
|
128
|
+
base: "{colors.blue.50}",
|
|
129
|
+
_dark: "{colors.blue.950}"
|
|
130
|
+
} },
|
|
116
131
|
link: {
|
|
117
132
|
default: { value: {
|
|
118
133
|
base: "{colors.neutral.600}",
|
package/dist/styles/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","names":[],"sources":["../../src/styles/theme.ts"],"sourcesContent":["export const jaciConditions = {\n extend: {\n dark: '[data-jaci-theme=\"dark\"] &',\n },\n};\n\nexport const jaciTheme = {\n extend: {\n tokens: {\n colors: {\n neutral: {\n 50: { value: \"#fafafa\" },\n 100: { value: \"#f4f4f5\" },\n 200: { value: \"#e4e4e7\" },\n 300: { value: \"#d4d4d8\" },\n 400: { value: \"#a1a1aa\" },\n 500: { value: \"#71717a\" },\n 600: { value: \"#52525b\" },\n 700: { value: \"#3f3f46\" },\n 800: { value: \"#27272a\" },\n 900: { value: \"#18181b\" },\n 950: { value: \"#09090b\" },\n },\n blue: {\n 500: { value: \"#3b82f6\" },\n 600: { value: \"#2563eb\" },\n 700: { value: \"#1d4ed8\" },\n },\n green: {\n 500: { value: \"#22c55e\" },\n 600: { value: \"#16a34a\" },\n 700: { value: \"#15803d\" },\n },\n amber: {\n 500: { value: \"#f59e0b\" },\n 600: { value: \"#d97706\" },\n 700: { value: \"#b45309\" },\n },\n red: {\n 500: { value: \"#ef4444\" },\n 600: { value: \"#dc2626\" },\n },\n },\n radii: {\n sm: { value: \"0.375rem\" },\n md: { value: \"0.75rem\" },\n lg: { value: \"1rem\" },\n xl: { value: \"1.5rem\" },\n \"2xl\": { value: \"2rem\" },\n full: { value: \"9999px\" },\n },\n shadows: {\n sm: { value: \"0 1px 2px rgb(0 0 0 / 0.08)\" },\n md: { value: \"0 10px 24px rgb(0 0 0 / 0.12)\" },\n lg: { value: \"0 18px 42px rgb(0 0 0 / 0.16)\" },\n xl: { value: \"0 24px 52px rgb(0 0 0 / 0.2)\" },\n },\n durations: {\n fast: { value: \"150ms\" },\n normal: { value: \"250ms\" },\n slow: { value: \"500ms\" },\n },\n easings: {\n standard: { value: \"cubic-bezier(0.2, 0, 0, 1)\" },\n },\n animations: {\n spin: { value: \"spin 900ms linear infinite\" },\n },\n },\n semanticTokens: {\n colors: {\n surface: {\n canvas: {\n value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.950}\" },\n },\n default: {\n value: { base: \"{colors.neutral.100}\", _dark: \"{colors.neutral.900}\" },\n },\n raised: {\n value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.800}\" },\n },\n subtle: {\n value: { base: \"{colors.neutral.200}\", _dark: \"{colors.neutral.800}\" },\n },\n overlay: {\n value: {\n base: \"rgb(250 250 250 / 0.32)\",\n _dark: \"rgb(9 9 11 / 0.4)\",\n },\n },\n },\n fg: {\n default: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.100}\" },\n },\n muted: {\n value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n },\n onAccent: { value: \"{colors.neutral.50}\" },\n },\n border: {\n default: {\n value: { base: \"{colors.neutral.300}\", _dark: \"{colors.neutral.700}\" },\n },\n strong: {\n value: { base: \"{colors.neutral.500}\", _dark: \"{colors.neutral.500}\" },\n },\n interactive: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n },\n },\n accent: {\n default: { value: \"{colors.blue.600}\" },\n hover: { value: \"{colors.blue.700}\" },\n },\n success: { value: \"{colors.green.700}\" },\n warning: { value: \"{colors.amber.700}\" },\n danger: { value: \"{colors.red.600}\" },\n link: {\n default: {\n value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n },\n hover: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n },\n },\n },\n },\n textStyles: {\n body: {\n value: {\n fontFamily: \"system-ui, sans-serif\",\n lineHeight: \"1.5\",\n },\n },\n },\n keyframes: {\n spin: {\n to: {\n transform: \"rotate(360deg)\",\n },\n },\n },\n },\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"theme.js","names":[],"sources":["../../src/styles/theme.ts"],"sourcesContent":["export const jaciConditions = {\n extend: {\n dark: '[data-jaci-theme=\"dark\"] &',\n },\n};\n\nexport const jaciTheme = {\n extend: {\n tokens: {\n colors: {\n neutral: {\n 50: { value: \"#fafafa\" },\n 100: { value: \"#f4f4f5\" },\n 200: { value: \"#e4e4e7\" },\n 300: { value: \"#d4d4d8\" },\n 400: { value: \"#a1a1aa\" },\n 500: { value: \"#71717a\" },\n 600: { value: \"#52525b\" },\n 700: { value: \"#3f3f46\" },\n 800: { value: \"#27272a\" },\n 900: { value: \"#18181b\" },\n 950: { value: \"#09090b\" },\n },\n blue: {\n 500: { value: \"#3b82f6\" },\n 600: { value: \"#2563eb\" },\n 700: { value: \"#1d4ed8\" },\n },\n green: {\n 500: { value: \"#22c55e\" },\n 600: { value: \"#16a34a\" },\n 700: { value: \"#15803d\" },\n },\n amber: {\n 500: { value: \"#f59e0b\" },\n 600: { value: \"#d97706\" },\n 700: { value: \"#b45309\" },\n },\n red: {\n 500: { value: \"#ef4444\" },\n 600: { value: \"#dc2626\" },\n },\n },\n radii: {\n sm: { value: \"0.375rem\" },\n md: { value: \"0.75rem\" },\n lg: { value: \"1rem\" },\n xl: { value: \"1.5rem\" },\n \"2xl\": { value: \"2rem\" },\n full: { value: \"9999px\" },\n },\n shadows: {\n sm: { value: \"0 1px 2px rgb(0 0 0 / 0.08)\" },\n md: { value: \"0 10px 24px rgb(0 0 0 / 0.12)\" },\n lg: { value: \"0 18px 42px rgb(0 0 0 / 0.16)\" },\n xl: { value: \"0 24px 52px rgb(0 0 0 / 0.2)\" },\n },\n durations: {\n fast: { value: \"150ms\" },\n normal: { value: \"250ms\" },\n slow: { value: \"500ms\" },\n },\n easings: {\n standard: { value: \"cubic-bezier(0.2, 0, 0, 1)\" },\n },\n transitions: {\n colors: { value: \"background-color, border-color, box-shadow, color\" },\n transform: { value: \"transform\" },\n standard: { value: \"background-color, border-color, box-shadow, color, transform\" },\n },\n animations: {\n spin: { value: \"spin 900ms linear infinite\" },\n },\n },\n semanticTokens: {\n colors: {\n surface: {\n canvas: {\n value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.950}\" },\n },\n default: {\n value: { base: \"{colors.neutral.100}\", _dark: \"{colors.neutral.900}\" },\n },\n raised: {\n value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.800}\" },\n },\n subtle: {\n value: { base: \"{colors.neutral.200}\", _dark: \"{colors.neutral.800}\" },\n },\n overlay: {\n value: {\n base: \"rgb(250 250 250 / 0.32)\",\n _dark: \"rgb(9 9 11 / 0.4)\",\n },\n },\n },\n fg: {\n default: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.100}\" },\n },\n muted: {\n value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n },\n onAccent: { value: \"{colors.neutral.50}\" },\n },\n border: {\n default: {\n value: { base: \"{colors.neutral.300}\", _dark: \"{colors.neutral.700}\" },\n },\n strong: {\n value: { base: \"{colors.neutral.500}\", _dark: \"{colors.neutral.500}\" },\n },\n interactive: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n },\n },\n accent: {\n default: { value: \"{colors.blue.600}\" },\n hover: { value: \"{colors.blue.700}\" },\n },\n success: { value: \"{colors.green.700}\" },\n warning: { value: \"{colors.amber.700}\" },\n danger: { value: \"{colors.red.600}\" },\n info: { value: \"{colors.blue.600}\" },\n focus: { value: \"{colors.blue.600}\" },\n disabled: {\n value: { base: \"{colors.neutral.400}\", _dark: \"{colors.neutral.600}\" },\n },\n selected: {\n value: { base: \"{colors.blue.50}\", _dark: \"{colors.blue.950}\" },\n },\n link: {\n default: {\n value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n },\n hover: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n },\n },\n },\n },\n textStyles: {\n body: {\n value: {\n fontFamily: \"system-ui, sans-serif\",\n lineHeight: \"1.5\",\n },\n },\n },\n keyframes: {\n spin: {\n to: {\n transform: \"rotate(360deg)\",\n },\n },\n },\n },\n};\n"],"mappings":"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"}
|