@feugene/granularity 0.4.6 → 0.5.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.
- package/dist/chunks/{config-DTpwUHgF.js → config-BDiLiqSk.js} +1 -2
- package/dist/chunks/{config-DTpwUHgF.js.map → config-BDiLiqSk.js.map} +1 -1
- package/dist/chunks/{config-C2iI7_QX.js → config-BFZN9-vt.js} +1 -2
- package/dist/chunks/{config-C2iI7_QX.js.map → config-BFZN9-vt.js.map} +1 -1
- package/dist/chunks/{config-CByfsV-z2.js → config-BGmiXpR82.js} +1 -2
- package/dist/chunks/config-BGmiXpR82.js.map +1 -0
- package/dist/chunks/{config-C6SBJxcH.js → config-BV4vBzdm.js} +1 -4
- package/dist/chunks/config-BV4vBzdm.js.map +1 -0
- package/dist/chunks/{config-BA0BWYzs.js → config-BulF0Bf-.js} +1 -4
- package/dist/chunks/config-BulF0Bf-.js.map +1 -0
- package/dist/chunks/{config-1I95Zy4V.js → config-C-GVBa19.js} +1 -2
- package/dist/chunks/{config-1I95Zy4V.js.map → config-C-GVBa19.js.map} +1 -1
- package/dist/chunks/{config-DW_RqmUp.js → config-C9AOlKah.js} +1 -4
- package/dist/chunks/config-C9AOlKah.js.map +1 -0
- package/dist/chunks/{config-TyzU6gLf.js → config-C9MblwGq.js} +1 -4
- package/dist/chunks/config-C9MblwGq.js.map +1 -0
- package/dist/chunks/{config-r6hzn2Bn2.js → config-CA9XwYnZ2.js} +1 -2
- package/dist/chunks/{config-r6hzn2Bn2.js.map → config-CA9XwYnZ2.js.map} +1 -1
- package/dist/chunks/{config-Cgc-D1K4.js → config-CFcv0hjb.js} +1 -5
- package/dist/chunks/{config-Cgc-D1K4.js.map → config-CFcv0hjb.js.map} +1 -1
- package/dist/chunks/{config-BKRmlivc.js → config-C_-02Pu-.js} +1 -4
- package/dist/chunks/config-C_-02Pu-.js.map +1 -0
- package/dist/chunks/{config-DFRYOcrP.js → config-C_AOYGBr.js} +1 -2
- package/dist/chunks/{config-DFRYOcrP.js.map → config-C_AOYGBr.js.map} +1 -1
- package/dist/chunks/{config-qJXIIY1E.js → config-CdHY0Z7L.js} +1 -4
- package/dist/chunks/config-CdHY0Z7L.js.map +1 -0
- package/dist/chunks/{config-nfOMJXVs.js → config-CgjOJ3aF.js} +1 -2
- package/dist/chunks/{config-nfOMJXVs.js.map → config-CgjOJ3aF.js.map} +1 -1
- package/dist/chunks/{config-Dnu4VuO0.js → config-Cgk5ti-b.js} +1 -4
- package/dist/chunks/config-Cgk5ti-b.js.map +1 -0
- package/dist/chunks/{config-rQlbnEKn.js → config-ChQxl75m.js} +1 -4
- package/dist/chunks/config-ChQxl75m.js.map +1 -0
- package/dist/chunks/{config-Bv2G0OU6.js → config-Cn8TG49a.js} +1 -4
- package/dist/chunks/{config-Bv2G0OU6.js.map → config-Cn8TG49a.js.map} +1 -1
- package/dist/chunks/{config-C0j836dC.js → config-CsMIhZfM.js} +1 -4
- package/dist/chunks/config-CsMIhZfM.js.map +1 -0
- package/dist/chunks/{config-DmI1IQvI2.js → config-CwLoozAz2.js} +1 -4
- package/dist/chunks/config-CwLoozAz2.js.map +1 -0
- package/dist/chunks/{config-BzZGpWsj.js → config-D5ek7VSi.js} +1 -2
- package/dist/chunks/{config-BzZGpWsj.js.map → config-D5ek7VSi.js.map} +1 -1
- package/dist/chunks/{config-etXh7Bsr2.js → config-DDEWvph-2.js} +1 -2
- package/dist/chunks/config-DDEWvph-2.js.map +1 -0
- package/dist/chunks/{config-CMZE2fu0.js → config-DJWf0kWe.js} +0 -1
- package/dist/chunks/config-DJWf0kWe.js.map +1 -0
- package/dist/chunks/config-Da90XGsi.js.map +1 -1
- package/dist/chunks/{config-CgAY2WP9.js → config-Db4BEG8Y.js} +1 -2
- package/dist/chunks/{config-CgAY2WP9.js.map → config-Db4BEG8Y.js.map} +1 -1
- package/dist/chunks/{config-2wgwWaAB.js → config-DbghHyY_.js} +1 -4
- package/dist/chunks/config-DbghHyY_.js.map +1 -0
- package/dist/chunks/{config-BCPyma1I.js → config-YSOeh6cy.js} +1 -4
- package/dist/chunks/{config-BCPyma1I.js.map → config-YSOeh6cy.js.map} +1 -1
- package/dist/chunks/{config-C5SJXHQ4.js → config-ndXqsz5A.js} +1 -2
- package/dist/chunks/config-ndXqsz5A.js.map +1 -0
- package/dist/chunks/grBadgeStyles-pqqbVgLk.js.map +1 -1
- package/dist/chunks/grButtonStyles-BxZW2x0-.js.map +1 -1
- package/dist/chunks/{shared-BB4Bq2z2.js → shared-CyCPkimZ.js} +26 -26
- package/dist/chunks/{shared-BB4Bq2z2.js.map → shared-CyCPkimZ.js.map} +1 -1
- package/dist/components/GrAlert/chunks/{GrAlert-BjerGcU8.js → GrAlert-HyCjYJeL.js} +14 -0
- package/dist/components/GrAlert/chunks/GrAlert-HyCjYJeL.js.map +1 -0
- package/dist/components/GrAlert/index.js +2 -2
- package/dist/components/GrBadgeWrap/index.js +1 -1
- package/dist/components/GrBottomNav/index.js +1 -1
- package/dist/components/GrButtonGroup/index.js +1 -1
- package/dist/components/GrCard/index.js +1 -1
- package/dist/components/GrCheckbox/index.js +1 -1
- package/dist/components/GrCollapse/index.js +1 -1
- package/dist/components/GrConfirmDialog/index.js +1 -1
- package/dist/components/GrDataTable/index.js +1 -1
- package/dist/components/GrDropdownMenu/index.js +1 -1
- package/dist/components/GrEmptyState/index.js +1 -1
- package/dist/components/GrFileUpload/index.js +1 -1
- package/dist/components/GrFormField/index.js +1 -1
- package/dist/components/GrFormFile/index.js +1 -1
- package/dist/components/GrFormSection/index.js +1 -1
- package/dist/components/GrIcon/index.js +1 -1
- package/dist/components/GrImageViewer/index.js +1 -1
- package/dist/components/GrNavbar/index.js +1 -1
- package/dist/components/GrPagination/index.js +1 -1
- package/dist/components/GrPromptDialog/index.js +1 -1
- package/dist/components/GrRadioGroup/index.js +1 -1
- package/dist/components/GrSidebar/index.js +1 -1
- package/dist/components/GrSkeleton/index.js +1 -1
- package/dist/components/GrTable/index.js +1 -1
- package/dist/components/GrTabs/index.js +1 -1
- package/dist/components/GrTooltip/index.js +1 -1
- package/dist/composables/useToast.js.map +1 -1
- package/dist/directives/dropzone.js +17 -4
- package/dist/directives/dropzone.js.map +1 -1
- package/dist/granular-provider-node.js +1 -1
- package/dist/granular-provider.js +1 -1
- package/dist/index.js +48 -28
- package/dist/index.js.map +1 -0
- package/dist/types/src/components/GrAlert/GrAlert.vue.d.ts +2 -1
- package/dist/types/src/components/GrBadge/grBadgeStyles.d.ts +2 -1
- package/dist/types/src/components/GrButton/grButtonStyles.d.ts +2 -1
- package/dist/types/src/components/GrProgressBar/grStyle.d.ts +2 -1
- package/dist/types/src/components/shared/tones.d.ts +10 -0
- package/dist/types/src/composables/useToast.d.ts +2 -1
- package/dist/types/src/index.d.ts +2 -0
- package/package.json +3 -3
- package/dist/chunks/config-2wgwWaAB.js.map +0 -1
- package/dist/chunks/config-BA0BWYzs.js.map +0 -1
- package/dist/chunks/config-BKRmlivc.js.map +0 -1
- package/dist/chunks/config-C0j836dC.js.map +0 -1
- package/dist/chunks/config-C5SJXHQ4.js.map +0 -1
- package/dist/chunks/config-C6SBJxcH.js.map +0 -1
- package/dist/chunks/config-CByfsV-z2.js.map +0 -1
- package/dist/chunks/config-CMZE2fu0.js.map +0 -1
- package/dist/chunks/config-DW_RqmUp.js.map +0 -1
- package/dist/chunks/config-DmI1IQvI2.js.map +0 -1
- package/dist/chunks/config-Dnu4VuO0.js.map +0 -1
- package/dist/chunks/config-TyzU6gLf.js.map +0 -1
- package/dist/chunks/config-etXh7Bsr2.js.map +0 -1
- package/dist/chunks/config-qJXIIY1E.js.map +0 -1
- package/dist/chunks/config-rQlbnEKn.js.map +0 -1
- package/dist/components/GrAlert/chunks/GrAlert-BjerGcU8.js.map +0 -1
|
@@ -2,8 +2,7 @@ import { defineGranularComponent } from "@feugene/unocss-preset-granular/contrac
|
|
|
2
2
|
//#region src/components/GrNavbar/config.ts
|
|
3
3
|
var grNavbarConfig = defineGranularComponent(import.meta.url, {
|
|
4
4
|
name: "GrNavbar",
|
|
5
|
-
dependencies: ["GrButton", "GrIcon"]
|
|
6
|
-
safelist: []
|
|
5
|
+
dependencies: ["GrButton", "GrIcon"]
|
|
7
6
|
});
|
|
8
7
|
//#endregion
|
|
9
8
|
export { grNavbarConfig as t };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config-
|
|
1
|
+
{"version":3,"file":"config-BDiLiqSk.js","names":[],"sources":["../../src/components/GrNavbar/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grNavbarConfig = defineGranularComponent(import.meta.url, {\n name: 'GrNavbar',\n dependencies: ['GrButton', 'GrIcon'],\n})\n"],"mappings":";;AAEA,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,YAAY,SAAS;CACrC,CAAC"}
|
|
@@ -2,8 +2,7 @@ import { defineGranularComponent } from "@feugene/unocss-preset-granular/contrac
|
|
|
2
2
|
//#region src/components/GrPagination/config.ts
|
|
3
3
|
var grPaginationConfig = defineGranularComponent(import.meta.url, {
|
|
4
4
|
name: "GrPagination",
|
|
5
|
-
dependencies: ["GrButton", "GrSelect"]
|
|
6
|
-
safelist: []
|
|
5
|
+
dependencies: ["GrButton", "GrSelect"]
|
|
7
6
|
});
|
|
8
7
|
//#endregion
|
|
9
8
|
export { grPaginationConfig as t };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config-
|
|
1
|
+
{"version":3,"file":"config-BFZN9-vt.js","names":[],"sources":["../../src/components/GrPagination/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grPaginationConfig = defineGranularComponent(import.meta.url, {\n name: 'GrPagination',\n dependencies: ['GrButton', 'GrSelect'],\n})\n"],"mappings":";;AAEA,IAAa,qBAAqB,wBAAwB,OAAO,KAAK,KAAK;CACzE,MAAM;CACN,cAAc,CAAC,YAAY,WAAW;CACvC,CAAC"}
|
|
@@ -2,8 +2,7 @@ import { defineGranularComponent } from "@feugene/unocss-preset-granular/contrac
|
|
|
2
2
|
//#region src/components/GrFileUpload/config.ts
|
|
3
3
|
var grFileUploadConfig = defineGranularComponent(import.meta.url, {
|
|
4
4
|
name: "GrFileUpload",
|
|
5
|
-
dependencies: ["GrIcon"]
|
|
6
|
-
safelist: []
|
|
5
|
+
dependencies: ["GrIcon"]
|
|
7
6
|
});
|
|
8
7
|
//#endregion
|
|
9
8
|
export { grFileUploadConfig as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config-BGmiXpR82.js","names":[],"sources":["../../src/components/GrFileUpload/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grFileUploadConfig = defineGranularComponent(import.meta.url, {\n name: 'GrFileUpload',\n dependencies: ['GrIcon'],\n})\n"],"mappings":";;AAEA,IAAa,qBAAqB,wBAAwB,OAAO,KAAK,KAAK;CACzE,MAAM;CACN,cAAc,CAAC,SAAS;CACzB,CAAC"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
|
|
2
2
|
//#region src/components/GrAlert/config.ts
|
|
3
|
-
var grAlertConfig = defineGranularComponent(import.meta.url, {
|
|
4
|
-
name: "GrAlert",
|
|
5
|
-
safelist: []
|
|
6
|
-
});
|
|
3
|
+
var grAlertConfig = defineGranularComponent(import.meta.url, { name: "GrAlert" });
|
|
7
4
|
//#endregion
|
|
8
5
|
export { grAlertConfig as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config-BV4vBzdm.js","names":[],"sources":["../../src/components/GrAlert/config.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nexport const grAlertConfig = defineGranularComponent(import.meta.url, {\n name: 'GrAlert',\n})\n"],"mappings":";;AAEA,IAAa,gBAAgB,wBAAwB,OAAO,KAAK,KAAK,EAClE,MAAM,WACT,CAAC"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
|
|
2
2
|
//#region src/components/GrImageViewer/config.ts
|
|
3
|
-
var grImageViewerConfig = defineGranularComponent(import.meta.url, {
|
|
4
|
-
name: "GrImageViewer",
|
|
5
|
-
safelist: []
|
|
6
|
-
});
|
|
3
|
+
var grImageViewerConfig = defineGranularComponent(import.meta.url, { name: "GrImageViewer" });
|
|
7
4
|
//#endregion
|
|
8
5
|
export { grImageViewerConfig as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config-BulF0Bf-.js","names":[],"sources":["../../src/components/GrImageViewer/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grImageViewerConfig = defineGranularComponent(import.meta.url, {\n name: 'GrImageViewer',\n})\n"],"mappings":";;AAEA,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK,EAC1E,MAAM,iBACP,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config-
|
|
1
|
+
{"version":3,"file":"config-C-GVBa19.js","names":[],"sources":["../../src/components/GrPromptDialog/config.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nexport const grPromptDialogConfig = defineGranularComponent(import.meta.url, {\n name: 'GrPromptDialog',\n dependencies: ['GrButton', 'GrDialog', 'GrFormField', 'GrInput'],\n})"],"mappings":";;AAEA,IAAa,uBAAuB,wBAAwB,OAAO,KAAK,KAAK;CACzE,MAAM;CACN,cAAc;EAAC;EAAY;EAAY;EAAe;EAAU;CACnE,CAAA"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
|
|
2
2
|
//#region src/components/GrBadgeWrap/config.ts
|
|
3
|
-
var grBadgeWrapConfig = defineGranularComponent(import.meta.url, {
|
|
4
|
-
name: "GrBadgeWrap",
|
|
5
|
-
safelist: []
|
|
6
|
-
});
|
|
3
|
+
var grBadgeWrapConfig = defineGranularComponent(import.meta.url, { name: "GrBadgeWrap" });
|
|
7
4
|
//#endregion
|
|
8
5
|
export { grBadgeWrapConfig as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config-C9AOlKah.js","names":[],"sources":["../../src/components/GrBadgeWrap/config.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nexport const grBadgeWrapConfig = defineGranularComponent(import.meta.url, {\n name: 'GrBadgeWrap',\n})"],"mappings":";;AAEA,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK,EACxE,MAAM,eACP,CAAA"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
|
|
2
2
|
//#region src/components/GrCheckbox/config.ts
|
|
3
|
-
var grCheckboxConfig = defineGranularComponent(import.meta.url, {
|
|
4
|
-
name: "GrCheckbox",
|
|
5
|
-
safelist: []
|
|
6
|
-
});
|
|
3
|
+
var grCheckboxConfig = defineGranularComponent(import.meta.url, { name: "GrCheckbox" });
|
|
7
4
|
//#endregion
|
|
8
5
|
export { grCheckboxConfig as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config-C9MblwGq.js","names":[],"sources":["../../src/components/GrCheckbox/config.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nexport const grCheckboxConfig = defineGranularComponent(import.meta.url, {\n name: 'GrCheckbox',\n})"],"mappings":";;AAEA,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK,EACrE,MAAM,cACT,CAAA"}
|
|
@@ -2,8 +2,7 @@ import { defineGranularComponent } from "@feugene/unocss-preset-granular/contrac
|
|
|
2
2
|
//#region src/components/GrTooltip/config.ts
|
|
3
3
|
var grTooltipConfig = defineGranularComponent(import.meta.url, {
|
|
4
4
|
name: "GrTooltip",
|
|
5
|
-
dependencies: ["GrIcon"]
|
|
6
|
-
safelist: []
|
|
5
|
+
dependencies: ["GrIcon"]
|
|
7
6
|
});
|
|
8
7
|
//#endregion
|
|
9
8
|
export { grTooltipConfig as t };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config-
|
|
1
|
+
{"version":3,"file":"config-CA9XwYnZ2.js","names":[],"sources":["../../src/components/GrTooltip/config.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nexport const grTooltipConfig = defineGranularComponent(import.meta.url, {\n name: 'GrTooltip',\n dependencies: ['GrIcon'],\n})\n"],"mappings":";;AAEA,IAAa,kBAAkB,wBAAwB,OAAO,KAAK,KAAK;CACpE,MAAM;CACN,cAAc,CAAC,SAAS;CAC3B,CAAC"}
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
|
|
2
2
|
//#region src/components/GrTable/config.ts
|
|
3
|
-
var grTableConfig = defineGranularComponent(import.meta.url, {
|
|
4
|
-
name: "GrTable",
|
|
5
|
-
dependencies: [],
|
|
6
|
-
safelist: []
|
|
7
|
-
});
|
|
3
|
+
var grTableConfig = defineGranularComponent(import.meta.url, { name: "GrTable" });
|
|
8
4
|
//#endregion
|
|
9
5
|
export { grTableConfig as t };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config-
|
|
1
|
+
{"version":3,"file":"config-CFcv0hjb.js","names":[],"sources":["../../src/components/GrTable/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\n// Все классы GrTable — статические литералы в шаблоне, UnoCSS найдёт их сканом.\nexport const grTableConfig = defineGranularComponent(import.meta.url, {\n name: 'GrTable',\n})\n"],"mappings":";;AAGA,IAAa,gBAAgB,wBAAwB,OAAO,KAAK,KAAK,EACpE,MAAM,WACP,CAAC"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
|
|
2
2
|
//#region src/components/GrBottomNav/config.ts
|
|
3
|
-
var grBottomNavConfig = defineGranularComponent(import.meta.url, {
|
|
4
|
-
name: "GrBottomNav",
|
|
5
|
-
safelist: []
|
|
6
|
-
});
|
|
3
|
+
var grBottomNavConfig = defineGranularComponent(import.meta.url, { name: "GrBottomNav" });
|
|
7
4
|
//#endregion
|
|
8
5
|
export { grBottomNavConfig as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config-C_-02Pu-.js","names":[],"sources":["../../src/components/GrBottomNav/config.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nexport const grBottomNavConfig = defineGranularComponent(import.meta.url, {\n name: 'GrBottomNav',\n})"],"mappings":";;AAEA,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK,EACtE,MAAM,eACT,CAAA"}
|
|
@@ -2,8 +2,7 @@ import { defineGranularComponent } from "@feugene/unocss-preset-granular/contrac
|
|
|
2
2
|
//#region src/components/GrConfirmDialog/config.ts
|
|
3
3
|
var grConfirmDialogConfig = defineGranularComponent(import.meta.url, {
|
|
4
4
|
name: "GrConfirmDialog",
|
|
5
|
-
dependencies: ["GrButton", "GrDialog"]
|
|
6
|
-
safelist: []
|
|
5
|
+
dependencies: ["GrButton", "GrDialog"]
|
|
7
6
|
});
|
|
8
7
|
//#endregion
|
|
9
8
|
export { grConfirmDialogConfig as t };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config-
|
|
1
|
+
{"version":3,"file":"config-C_AOYGBr.js","names":[],"sources":["../../src/components/GrConfirmDialog/config.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nexport const grConfirmDialogConfig = defineGranularComponent(import.meta.url, {\n name: 'GrConfirmDialog',\n dependencies: ['GrButton', 'GrDialog'],\n})"],"mappings":";;AAEA,IAAa,wBAAwB,wBAAwB,OAAO,KAAK,KAAK;CAC1E,MAAM;CACN,cAAc,CAAC,YAAY,WAAW;CACzC,CAAA"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
|
|
2
2
|
//#region src/components/GrSidebar/config.ts
|
|
3
|
-
var grSidebarConfig = defineGranularComponent(import.meta.url, {
|
|
4
|
-
name: "GrSidebar",
|
|
5
|
-
safelist: []
|
|
6
|
-
});
|
|
3
|
+
var grSidebarConfig = defineGranularComponent(import.meta.url, { name: "GrSidebar" });
|
|
7
4
|
//#endregion
|
|
8
5
|
export { grSidebarConfig as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config-CdHY0Z7L.js","names":[],"sources":["../../src/components/GrSidebar/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grSidebarConfig = defineGranularComponent(import.meta.url, {\n name: 'GrSidebar',\n})\n"],"mappings":";;AAEA,IAAa,kBAAkB,wBAAwB,OAAO,KAAK,KAAK,EACtE,MAAM,aACP,CAAC"}
|
|
@@ -2,8 +2,7 @@ import { defineGranularComponent } from "@feugene/unocss-preset-granular/contrac
|
|
|
2
2
|
//#region src/components/GrRadioGroup/config.ts
|
|
3
3
|
var grRadioGroupConfig = defineGranularComponent(import.meta.url, {
|
|
4
4
|
name: "GrRadioGroup",
|
|
5
|
-
dependencies: ["GrButtonGroup", "GrRadio"]
|
|
6
|
-
safelist: []
|
|
5
|
+
dependencies: ["GrButtonGroup", "GrRadio"]
|
|
7
6
|
});
|
|
8
7
|
//#endregion
|
|
9
8
|
export { grRadioGroupConfig as t };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config-
|
|
1
|
+
{"version":3,"file":"config-CgjOJ3aF.js","names":[],"sources":["../../src/components/GrRadioGroup/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grRadioGroupConfig = defineGranularComponent(import.meta.url, {\n name: 'GrRadioGroup',\n dependencies: ['GrButtonGroup', 'GrRadio'],\n})\n"],"mappings":";;AAEA,IAAa,qBAAqB,wBAAwB,OAAO,KAAK,KAAK;CACzE,MAAM;CACN,cAAc,CAAC,iBAAiB,UAAU;CAC3C,CAAC"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
|
|
2
2
|
//#region src/components/GrFormField/config.ts
|
|
3
|
-
var grFormFieldConfig = defineGranularComponent(import.meta.url, {
|
|
4
|
-
name: "GrFormField",
|
|
5
|
-
safelist: []
|
|
6
|
-
});
|
|
3
|
+
var grFormFieldConfig = defineGranularComponent(import.meta.url, { name: "GrFormField" });
|
|
7
4
|
//#endregion
|
|
8
5
|
export { grFormFieldConfig as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config-Cgk5ti-b.js","names":[],"sources":["../../src/components/GrFormField/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grFormFieldConfig = defineGranularComponent(import.meta.url, {\n name: 'GrFormField',\n})\n"],"mappings":";;AAEA,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK,EACxE,MAAM,eACP,CAAC"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
|
|
2
2
|
//#region src/components/GrCard/config.ts
|
|
3
|
-
var grCardConfig = defineGranularComponent(import.meta.url, {
|
|
4
|
-
name: "GrCard",
|
|
5
|
-
safelist: []
|
|
6
|
-
});
|
|
3
|
+
var grCardConfig = defineGranularComponent(import.meta.url, { name: "GrCard" });
|
|
7
4
|
//#endregion
|
|
8
5
|
export { grCardConfig as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config-ChQxl75m.js","names":[],"sources":["../../src/components/GrCard/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grCardConfig = defineGranularComponent(import.meta.url, {\n name: 'GrCard',\n})\n"],"mappings":";;AAEA,IAAa,eAAe,wBAAwB,OAAO,KAAK,KAAK,EACnE,MAAM,UACP,CAAC"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
|
|
2
2
|
//#region src/components/GrButtonGroup/config.ts
|
|
3
|
-
var grButtonGroupConfig = defineGranularComponent(import.meta.url, {
|
|
4
|
-
name: "GrButtonGroup",
|
|
5
|
-
safelist: []
|
|
6
|
-
});
|
|
3
|
+
var grButtonGroupConfig = defineGranularComponent(import.meta.url, { name: "GrButtonGroup" });
|
|
7
4
|
//#endregion
|
|
8
5
|
export { grButtonGroupConfig as t };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config-
|
|
1
|
+
{"version":3,"file":"config-Cn8TG49a.js","names":[],"sources":["../../src/components/GrButtonGroup/config.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nexport const grButtonGroupConfig = defineGranularComponent(import.meta.url, {\n name: 'GrButtonGroup',\n})"],"mappings":";;AAEA,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK,EACxE,MAAM,iBACT,CAAA"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
|
|
2
2
|
//#region src/components/GrSkeleton/config.ts
|
|
3
|
-
var grSkeletonConfig = defineGranularComponent(import.meta.url, {
|
|
4
|
-
name: "GrSkeleton",
|
|
5
|
-
safelist: []
|
|
6
|
-
});
|
|
3
|
+
var grSkeletonConfig = defineGranularComponent(import.meta.url, { name: "GrSkeleton" });
|
|
7
4
|
//#endregion
|
|
8
5
|
export { grSkeletonConfig as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config-CsMIhZfM.js","names":[],"sources":["../../src/components/GrSkeleton/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grSkeletonConfig = defineGranularComponent(import.meta.url, {\n name: 'GrSkeleton',\n})\n"],"mappings":";;AAEA,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK,EACvE,MAAM,cACP,CAAC"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
|
|
2
2
|
//#region src/components/GrTabs/config.ts
|
|
3
|
-
var grTabsConfig = defineGranularComponent(import.meta.url, {
|
|
4
|
-
name: "GrTabs",
|
|
5
|
-
safelist: []
|
|
6
|
-
});
|
|
3
|
+
var grTabsConfig = defineGranularComponent(import.meta.url, { name: "GrTabs" });
|
|
7
4
|
//#endregion
|
|
8
5
|
export { grTabsConfig as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config-CwLoozAz2.js","names":[],"sources":["../../src/components/GrTabs/config.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nexport const grTabsConfig = defineGranularComponent(import.meta.url, {\n name: 'GrTabs',\n})\n"],"mappings":";;AAEA,IAAa,eAAe,wBAAwB,OAAO,KAAK,KAAK,EACjE,MAAM,UACT,CAAC"}
|
|
@@ -2,8 +2,7 @@ import { defineGranularComponent } from "@feugene/unocss-preset-granular/contrac
|
|
|
2
2
|
//#region src/components/GrCollapse/config.ts
|
|
3
3
|
var grCollapseConfig = defineGranularComponent(import.meta.url, {
|
|
4
4
|
name: "GrCollapse",
|
|
5
|
-
dependencies: ["GrCard", "GrIcon"]
|
|
6
|
-
safelist: []
|
|
5
|
+
dependencies: ["GrCard", "GrIcon"]
|
|
7
6
|
});
|
|
8
7
|
//#endregion
|
|
9
8
|
export { grCollapseConfig as t };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config-
|
|
1
|
+
{"version":3,"file":"config-D5ek7VSi.js","names":[],"sources":["../../src/components/GrCollapse/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grCollapseConfig = defineGranularComponent(import.meta.url, {\n name: 'GrCollapse',\n dependencies: ['GrCard', 'GrIcon'],\n})\n"],"mappings":";;AAEA,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,cAAc,CAAC,UAAU,SAAS;CACnC,CAAC"}
|
|
@@ -2,8 +2,7 @@ import { defineGranularComponent } from "@feugene/unocss-preset-granular/contrac
|
|
|
2
2
|
//#region src/components/GrDropdownMenu/config.ts
|
|
3
3
|
var grDropdownMenuConfig = defineGranularComponent(import.meta.url, {
|
|
4
4
|
name: "GrDropdownMenu",
|
|
5
|
-
dependencies: ["GrDropdown"]
|
|
6
|
-
safelist: []
|
|
5
|
+
dependencies: ["GrDropdown"]
|
|
7
6
|
});
|
|
8
7
|
//#endregion
|
|
9
8
|
export { grDropdownMenuConfig as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config-DDEWvph-2.js","names":[],"sources":["../../src/components/GrDropdownMenu/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grDropdownMenuConfig = defineGranularComponent(import.meta.url, {\n name: 'GrDropdownMenu',\n dependencies: ['GrDropdown'],\n})\n"],"mappings":";;AAEA,IAAa,uBAAuB,wBAAwB,OAAO,KAAK,KAAK;CAC3E,MAAM;CACN,cAAc,CAAC,aAAa;CAC7B,CAAC"}
|
|
@@ -2,7 +2,6 @@ import { defineGranularComponent } from "@feugene/unocss-preset-granular/contrac
|
|
|
2
2
|
//#region src/components/GrDataTable/config.ts
|
|
3
3
|
var grDataTableConfig = defineGranularComponent(import.meta.url, {
|
|
4
4
|
name: "GrDataTable",
|
|
5
|
-
safelist: [],
|
|
6
5
|
dependencies: ["GrTable", "GrIcon"]
|
|
7
6
|
});
|
|
8
7
|
//#endregion
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config-DJWf0kWe.js","names":[],"sources":["../../src/components/GrDataTable/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grDataTableConfig = defineGranularComponent(import.meta.url, {\n name: 'GrDataTable',\n dependencies: ['GrTable', 'GrIcon'],\n})\n"],"mappings":";;AAEA,IAAa,oBAAoB,wBAAwB,OAAO,KAAK,KAAK;CACxE,MAAM;CACN,cAAc,CAAC,WAAW,SAAS;CACpC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config-Da90XGsi.js","names":[],"sources":["../../src/components/GrProgressBar/grStyle.ts","../../src/components/GrProgressBar/safelist.ts","../../src/components/GrProgressBar/config.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"config-Da90XGsi.js","names":[],"sources":["../../src/components/GrProgressBar/grStyle.ts","../../src/components/GrProgressBar/safelist.ts","../../src/components/GrProgressBar/config.ts"],"sourcesContent":["import type { GrTone } from '../shared/tones'\n\nexport type GrProgressBarTone = GrTone\n\nfunction withVar(token: string): string {\n return `[${token}]`\n}\n\nconst toneVars: Record<GrProgressBarTone, string> = {\n primary: 'var(--pb-bg,var(--primary))',\n neutral: 'var(--pb-neutral-bg,var(--secondary))',\n success: 'var(--pb-success-bg,var(--ds-success))',\n warning: 'var(--pb-warning-bg,var(--ds-warning))',\n danger: 'var(--pb-danger-bg,var(--ds-danger))',\n info: 'var(--pb-info-bg,var(--ds-info))',\n slate: 'var(--pb-slate-bg,var(--ds-slate))',\n azure: 'var(--pb-azure-bg,var(--ds-azure))',\n}\n\nexport function grProgressBarFillClass(tone: GrProgressBarTone): string {\n return `bg-${withVar(toneVars[tone])}`\n}\n","import { splitClassTokens } from '../shared/classTokens'\nimport { grProgressBarFillClass, type GrProgressBarTone } from './grStyle'\n\nconst TONES: GrProgressBarTone[] = ['primary', 'neutral', 'success', 'warning', 'danger', 'info', 'slate', 'azure']\n\nconst fillTokens = TONES.flatMap(tone => splitClassTokens(grProgressBarFillClass(tone)))\n\nexport const grProgressBarClassTokens = {\n fill: fillTokens,\n} as const\n\nexport const grProgressBarSafelist = [...new Set([\n ...grProgressBarClassTokens.fill,\n])] as const\n","import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grProgressBarSafelist } from './safelist'\n\nexport const grProgressBarConfig = defineGranularComponent(import.meta.url, {\n name: 'GrProgressBar',\n safelist: grProgressBarSafelist,\n})"],"mappings":";;;AAIA,SAAS,QAAQ,OAAuB;AACtC,QAAO,IAAI,MAAM;;AAGnB,IAAM,WAA8C;CAClD,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;CACR;AAED,SAAgB,uBAAuB,MAAiC;AACtE,QAAO,MAAM,QAAQ,SAAS,MAAM;;ACbtC,IAAa,2BAA2B,EACtC,MALiC;CAAC;CAAW;CAAW;CAAW;CAAW;CAAU;CAAQ;CAAS;CAAQ,CAE1F,SAAQ,SAAQ,iBAAiB,uBAAuB,KAAK,CAAC,CAAC,EAIvF;AAED,IAAa,wBAAwB,CAAC,GAAG,IAAI,IAAI,CAC/C,GAAG,yBAAyB,KAC7B,CAAC,CAAC;;;ACTH,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK;CAC1E,MAAM;CACN,UAAU;CACX,CAAA"}
|
|
@@ -2,8 +2,7 @@ import { defineGranularComponent } from "@feugene/unocss-preset-granular/contrac
|
|
|
2
2
|
//#region src/components/GrEmptyState/config.ts
|
|
3
3
|
var grEmptyStateConfig = defineGranularComponent(import.meta.url, {
|
|
4
4
|
name: "GrEmptyState",
|
|
5
|
-
dependencies: ["GrIcon"]
|
|
6
|
-
safelist: []
|
|
5
|
+
dependencies: ["GrIcon"]
|
|
7
6
|
});
|
|
8
7
|
//#endregion
|
|
9
8
|
export { grEmptyStateConfig as t };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config-
|
|
1
|
+
{"version":3,"file":"config-Db4BEG8Y.js","names":[],"sources":["../../src/components/GrEmptyState/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grEmptyStateConfig = defineGranularComponent(import.meta.url, {\n name: 'GrEmptyState',\n dependencies: ['GrIcon'],\n})\n"],"mappings":";;AAEA,IAAa,qBAAqB,wBAAwB,OAAO,KAAK,KAAK;CACzE,MAAM;CACN,cAAc,CAAC,SAAS;CACzB,CAAC"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
|
|
2
2
|
//#region src/components/GrIcon/config.ts
|
|
3
|
-
var grIconConfig = defineGranularComponent(import.meta.url, {
|
|
4
|
-
name: "GrIcon",
|
|
5
|
-
safelist: []
|
|
6
|
-
});
|
|
3
|
+
var grIconConfig = defineGranularComponent(import.meta.url, { name: "GrIcon" });
|
|
7
4
|
//#endregion
|
|
8
5
|
export { grIconConfig as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config-DbghHyY_.js","names":[],"sources":["../../src/components/GrIcon/config.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nexport const grIconConfig = defineGranularComponent(import.meta.url, {\n name: 'GrIcon',\n})"],"mappings":";;AAEA,IAAa,eAAe,wBAAwB,OAAO,KAAK,KAAK,EACjE,MAAM,UACT,CAAA"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
|
|
2
2
|
//#region src/components/GrFormSection/config.ts
|
|
3
|
-
var grFormSectionConfig = defineGranularComponent(import.meta.url, {
|
|
4
|
-
name: "GrFormSection",
|
|
5
|
-
safelist: []
|
|
6
|
-
});
|
|
3
|
+
var grFormSectionConfig = defineGranularComponent(import.meta.url, { name: "GrFormSection" });
|
|
7
4
|
//#endregion
|
|
8
5
|
export { grFormSectionConfig as t };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config-
|
|
1
|
+
{"version":3,"file":"config-YSOeh6cy.js","names":[],"sources":["../../src/components/GrFormSection/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grFormSectionConfig = defineGranularComponent(import.meta.url, {\n name: 'GrFormSection',\n})\n"],"mappings":";;AAEA,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK,EAC1E,MAAM,iBACP,CAAC"}
|
|
@@ -2,8 +2,7 @@ import { defineGranularComponent } from "@feugene/unocss-preset-granular/contrac
|
|
|
2
2
|
//#region src/components/GrFormFile/config.ts
|
|
3
3
|
var grFormFileConfig = defineGranularComponent(import.meta.url, {
|
|
4
4
|
name: "GrFormFile",
|
|
5
|
-
dependencies: ["GrButton", "GrIcon"]
|
|
6
|
-
safelist: []
|
|
5
|
+
dependencies: ["GrButton", "GrIcon"]
|
|
7
6
|
});
|
|
8
7
|
//#endregion
|
|
9
8
|
export { grFormFileConfig as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config-ndXqsz5A.js","names":[],"sources":["../../src/components/GrFormFile/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grFormFileConfig = defineGranularComponent(import.meta.url, {\n name: 'GrFormFile',\n dependencies: ['GrButton', 'GrIcon'],\n})\n"],"mappings":";;AAEA,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,cAAc,CAAC,YAAY,SAAS;CACrC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grBadgeStyles-pqqbVgLk.js","names":[],"sources":["../../src/components/GrBadge/grBadgeStyles.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"grBadgeStyles-pqqbVgLk.js","names":[],"sources":["../../src/components/GrBadge/grBadgeStyles.ts"],"sourcesContent":["import type { GrTone } from '../shared/tones'\n\nexport type GrBadgeTone = GrTone\nexport type GrBadgeSize = 'sm' | 'md' | 'lg'\nexport type GrBadgeRadius = 'square' | 'semi' | 'round'\nexport const sizeClassBySize: Record<GrBadgeSize, string> = {\n sm: 'px-2 py-0.4 text-[11px]',\n md: 'px-2.5 py-0.5 text-[12px]',\n lg: 'px-3 py-1 text-[13px]',\n}\nexport const semiRadiusClassBySize: Record<GrBadgeSize, string> = {\n sm: 'rounded-[3px]',\n md: 'rounded-[3px]',\n lg: 'rounded-[5px]',\n}\nexport const lightToneClassByTone: Record<GrBadgeTone, string> = {\n neutral: 'bg-[var(--muted)] text-[var(--fg)] border-[var(--brd)]',\n primary:\n 'bg-[var(--accent)] text-[var(--accent-fg)] border-[color-mix(in_srgb,var(--primary)_30%,var(--accent))]',\n success: 'bg-[var(--ds-success-light)] text-[var(--ds-success)] border-[color-mix(in_srgb,var(--ds-success)_30%,var(--ds-success-light))]',\n warning: 'bg-[var(--ds-warning-light)] text-[var(--ds-warning)] border-[color-mix(in_srgb,var(--ds-warning)_30%,var(--ds-warning-light))]',\n danger: 'bg-[var(--ds-danger-light)] text-[var(--ds-danger)] border-[color-mix(in_srgb,var(--ds-danger)_30%,var(--ds-danger-light))]',\n info: 'bg-[var(--ds-info-light)] text-[var(--ds-info)] border-[color-mix(in_srgb,var(--ds-info)_30%,var(--ds-info-light))]',\n slate: 'bg-[var(--ds-slate-light)] text-[var(--ds-slate-text)] border-[color-mix(in_srgb,var(--ds-slate)_30%,var(--ds-slate-light))]',\n azure: 'bg-[var(--ds-azure-light)] text-[var(--ds-azure-text)] border-[color-mix(in_srgb,var(--ds-azure)_30%,var(--ds-azure-light))]',\n}\nexport const darkToneClassByTone: Record<GrBadgeTone, string> = {\n neutral: 'bg-[var(--fg)] text-[var(--bg)] border-[color-mix(in_srgb,var(--fg)_35%,var(--brd))]',\n primary: 'bg-[var(--primary)] text-[var(--primary-fg)] border-[var(--primary)]',\n success: 'bg-[var(--ds-success)] text-white border-[var(--ds-success)]',\n warning: 'bg-[var(--ds-warning)] text-white border-[var(--ds-warning)]',\n danger: 'bg-[var(--ds-danger)] text-white border-[var(--ds-danger)]',\n info: 'bg-[var(--ds-info)] text-white border-[var(--ds-info)]',\n slate: 'bg-[var(--ds-slate)] text-[var(--ds-slate-fg)] border-[var(--ds-slate)]',\n azure: 'bg-[var(--ds-azure)] text-[var(--ds-azure-fg)] border-[var(--ds-azure)]',\n}\nfunction radiusClass(radius: GrBadgeRadius, size: GrBadgeSize): string {\n if (radius === 'square') return 'rounded-[var(--ds-radius-none)]'\n if (radius === 'semi') return semiRadiusClassBySize[size]\n return 'rounded-full'\n}\nfunction toneClass(tone: GrBadgeTone, dark: boolean): string {\n return dark ? darkToneClassByTone[tone] : lightToneClassByTone[tone]\n}\nexport function grBadgeClass(options: { tone: GrBadgeTone, dark: boolean, size: GrBadgeSize, radius: GrBadgeRadius }): string {\n return [\n radiusClass(options.radius, options.size),\n sizeClassBySize[options.size],\n toneClass(options.tone, options.dark),\n ].join(' ')\n}\n"],"mappings":";AAKA,IAAa,kBAA+C;CAC1D,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AACD,IAAa,wBAAqD;CAChE,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AACD,IAAa,uBAAoD;CAC/D,SAAS;CACT,SACE;CACF,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;CACR;AACD,IAAa,sBAAmD;CAC9D,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;CACR;AACD,SAAS,YAAY,QAAuB,MAA2B;AACrE,KAAI,WAAW,SAAU,QAAO;AAChC,KAAI,WAAW,OAAQ,QAAO,sBAAsB;AACpD,QAAO;;AAET,SAAS,UAAU,MAAmB,MAAuB;AAC3D,QAAO,OAAO,oBAAoB,QAAQ,qBAAqB;;AAEjE,SAAgB,aAAa,SAAiG;AAC5H,QAAO;EACL,YAAY,QAAQ,QAAQ,QAAQ,KAAK;EACzC,gBAAgB,QAAQ;EACxB,UAAU,QAAQ,MAAM,QAAQ,KAAK;EACtC,CAAC,KAAK,IAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grButtonStyles-BxZW2x0-.js","names":[],"sources":["../../src/components/GrButton/grButtonStyles.ts"],"sourcesContent":["export type GrButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'ghost-border'\nexport type GrButtonTone = 'primary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'slate' | 'azure'\nexport type GrButtonSize = 'xs' | 'sm' | 'md' | 'lg'\n\nexport type GrButtonClassOptions = {\n variant: GrButtonVariant\n tone: GrButtonTone\n size: GrButtonSize\n square: boolean\n}\n\nexport type GrButtonToneTokens = {\n solidBackground: string\n solidBackgroundHover: string\n solidBackgroundActive: string\n solidForeground: string\n accentText: string\n softBackground: string\n softBackgroundHover: string\n softBackgroundActive: string\n softForeground: string\n border: string\n borderHover: string\n borderActive: string\n}\n\nexport const base =\n 'inline-flex items-center justify-center gap-2 select-none whitespace-nowrap rounded-md transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed'\n\nexport const grButtonBaseClass = base\n\nexport const sizes: Record<GrButtonSize, string> = {\n xs: 'h-7 text-xs px-2.5',\n sm: 'h-8 text-sm px-3',\n md: 'h-10 text-sm px-4',\n lg: 'h-11 text-base px-5',\n}\n\nexport const squareSizes: Record<GrButtonSize, string> = {\n xs: 'h-7 w-7 p-0',\n sm: 'h-8 w-8 p-0',\n md: 'h-10 w-10 p-0',\n lg: 'h-11 w-11 p-0',\n}\n\nexport const tones: Record<GrButtonTone, GrButtonToneTokens> = {\n primary: {\n solidBackground: 'var(--ds-button-primary-bg,var(--primary))',\n solidBackgroundHover: 'var(--ds-button-primary-bg-hover,var(--primary-hover))',\n solidBackgroundActive: 'var(--ds-button-primary-bg-active,var(--primary-active))',\n solidForeground: 'var(--ds-button-primary-fg,var(--primary-fg))',\n accentText: 'var(--accent-fg)',\n softBackground: 'var(--ds-button-primary-soft-bg)',\n softBackgroundHover: 'var(--ds-button-primary-soft-bg-hover)',\n softBackgroundActive: 'var(--ds-button-primary-soft-bg-active)',\n softForeground: 'var(--accent-fg)',\n border: 'var(--primary)',\n borderHover: 'var(--primary-hover)',\n borderActive: 'var(--primary-active)',\n },\n neutral: {\n solidBackground: 'var(--secondary)',\n solidBackgroundHover: 'var(--secondary-hover)',\n solidBackgroundActive: 'var(--secondary-active)',\n solidForeground: 'var(--secondary-fg)',\n accentText: 'var(--fg)',\n softBackground: 'var(--secondary)',\n softBackgroundHover: 'var(--secondary-hover)',\n softBackgroundActive: 'var(--secondary-active)',\n softForeground: 'var(--secondary-fg)',\n border: 'var(--brd)',\n borderHover: 'var(--brd-hover,var(--brd))',\n borderActive: 'var(--brd-active,var(--brd))',\n },\n success: {\n solidBackground: 'var(--ds-button-success-bg,var(--ds-success))',\n solidBackgroundHover: 'var(--ds-button-success-bg-hover,var(--ds-success-hover))',\n solidBackgroundActive: 'var(--ds-button-success-bg-active,var(--ds-success-active))',\n solidForeground: 'var(--ds-button-success-fg,var(--ds-success-fg,var(--fg)))',\n accentText: 'var(--ds-success-text,var(--ds-success))',\n softBackground: 'var(--ds-button-success-soft-bg)',\n softBackgroundHover: 'var(--ds-button-success-soft-bg-hover)',\n softBackgroundActive: 'var(--ds-button-success-soft-bg-active)',\n softForeground: 'var(--ds-success-text,var(--ds-success))',\n border: 'var(--ds-success)',\n borderHover: 'var(--ds-success-hover)',\n borderActive: 'var(--ds-success-active)',\n },\n warning: {\n solidBackground: 'var(--ds-button-warning-bg,var(--ds-warning))',\n solidBackgroundHover: 'var(--ds-button-warning-bg-hover,var(--ds-warning-hover))',\n solidBackgroundActive: 'var(--ds-button-warning-bg-active,var(--ds-warning-active))',\n solidForeground: 'var(--ds-button-warning-fg,var(--ds-warning-fg,var(--fg)))',\n accentText: 'var(--ds-warning-text,var(--ds-warning))',\n softBackground: 'var(--ds-button-warning-soft-bg)',\n softBackgroundHover: 'var(--ds-button-warning-soft-bg-hover)',\n softBackgroundActive: 'var(--ds-button-warning-soft-bg-active)',\n softForeground: 'var(--ds-warning-text,var(--ds-warning))',\n border: 'var(--ds-warning)',\n borderHover: 'var(--ds-warning-hover)',\n borderActive: 'var(--ds-warning-active)',\n },\n danger: {\n solidBackground: 'var(--ds-button-danger-bg,var(--ds-danger))',\n solidBackgroundHover: 'var(--ds-button-danger-bg-hover,var(--ds-danger-hover))',\n solidBackgroundActive: 'var(--ds-button-danger-bg-active,var(--ds-danger-active))',\n solidForeground: 'var(--ds-button-danger-fg,var(--ds-danger-fg,var(--fg)))',\n accentText: 'var(--ds-danger-text,var(--ds-danger))',\n softBackground: 'var(--ds-button-danger-soft-bg)',\n softBackgroundHover: 'var(--ds-button-danger-soft-bg-hover)',\n softBackgroundActive: 'var(--ds-button-danger-soft-bg-active)',\n softForeground: 'var(--ds-danger-text,var(--ds-danger))',\n border: 'var(--ds-danger)',\n borderHover: 'var(--ds-danger-hover)',\n borderActive: 'var(--ds-danger-active)',\n },\n info: {\n solidBackground: 'var(--ds-button-info-bg,var(--ds-info))',\n solidBackgroundHover: 'var(--ds-button-info-bg-hover,var(--ds-info-hover))',\n solidBackgroundActive: 'var(--ds-button-info-bg-active,var(--ds-info-active))',\n solidForeground: 'var(--ds-button-info-fg,var(--ds-info-fg,var(--fg)))',\n accentText: 'var(--ds-info-text,var(--ds-info))',\n softBackground: 'var(--ds-button-info-soft-bg)',\n softBackgroundHover: 'var(--ds-button-info-soft-bg-hover)',\n softBackgroundActive: 'var(--ds-button-info-soft-bg-active)',\n softForeground: 'var(--ds-info-text,var(--ds-info))',\n border: 'var(--ds-info)',\n borderHover: 'var(--ds-info-hover)',\n borderActive: 'var(--ds-info-active)',\n },\n slate: {\n solidBackground: 'var(--ds-button-slate-bg,var(--ds-slate))',\n solidBackgroundHover: 'var(--ds-button-slate-bg-hover,var(--ds-slate-hover))',\n solidBackgroundActive: 'var(--ds-button-slate-bg-active,var(--ds-slate-active))',\n solidForeground: 'var(--ds-button-slate-fg,var(--ds-slate-fg,var(--fg)))',\n accentText: 'var(--ds-slate-text,var(--ds-slate))',\n softBackground: 'var(--ds-button-slate-soft-bg)',\n softBackgroundHover: 'var(--ds-button-slate-soft-bg-hover)',\n softBackgroundActive: 'var(--ds-button-slate-soft-bg-active)',\n softForeground: 'var(--ds-slate-text,var(--ds-slate))',\n border: 'var(--ds-slate)',\n borderHover: 'var(--ds-slate-hover)',\n borderActive: 'var(--ds-slate-active)',\n },\n azure: {\n solidBackground: 'var(--ds-button-azure-bg,var(--ds-azure))',\n solidBackgroundHover: 'var(--ds-button-azure-bg-hover,var(--ds-azure-hover))',\n solidBackgroundActive: 'var(--ds-button-azure-bg-active,var(--ds-azure-active))',\n solidForeground: 'var(--ds-button-azure-fg,var(--ds-azure-fg,var(--fg)))',\n accentText: 'var(--ds-azure-text,var(--ds-azure))',\n softBackground: 'var(--ds-button-azure-soft-bg)',\n softBackgroundHover: 'var(--ds-button-azure-soft-bg-hover)',\n softBackgroundActive: 'var(--ds-button-azure-soft-bg-active)',\n softForeground: 'var(--ds-azure-text,var(--ds-azure))',\n border: 'var(--ds-azure)',\n borderHover: 'var(--ds-azure-hover)',\n borderActive: 'var(--ds-azure-active)',\n },\n}\n\nfunction withVar(token: string): string {\n return `[${token}]`\n}\n\nexport function variantClass(variant: GrButtonVariant, tone: GrButtonTone): string {\n const tokens = tones[tone]\n\n if (variant === 'primary') {\n return [\n `bg-${withVar(tokens.solidBackground)}`,\n `text-${withVar(tokens.solidForeground)}`,\n `border border-${withVar(tokens.solidBackground)}`,\n `hover:bg-${withVar(tokens.solidBackgroundHover)}`,\n `hover:border-${withVar(tokens.solidBackgroundHover)}`,\n `active:bg-${withVar(tokens.solidBackgroundActive)}`,\n `hover:active:bg-${withVar(tokens.solidBackgroundActive)}`,\n `active:border-${withVar(tokens.solidBackgroundActive)}`,\n `hover:active:border-${withVar(tokens.solidBackgroundActive)}`,\n ].join(' ')\n }\n\n if (variant === 'secondary') {\n return [\n `bg-${withVar(tokens.softBackground)}`,\n `text-${withVar(tokens.softForeground)}`,\n `border border-${withVar(tokens.border)}`,\n `hover:bg-${withVar(tokens.softBackgroundHover)}`,\n `hover:border-${withVar(tokens.borderHover)}`,\n `active:bg-${withVar(tokens.softBackgroundActive)}`,\n `hover:active:bg-${withVar(tokens.softBackgroundActive)}`,\n `active:border-${withVar(tokens.borderActive)}`,\n `hover:active:border-${withVar(tokens.borderActive)}`,\n ].join(' ')\n }\n\n if (variant === 'outline') {\n return [\n 'bg-transparent',\n `text-${withVar(tokens.accentText)}`,\n `border border-${withVar(tokens.border)}`,\n `hover:bg-${withVar(tokens.softBackgroundHover)}`,\n `hover:border-${withVar(tokens.borderHover)}`,\n `active:bg-${withVar(tokens.softBackgroundActive)}`,\n `hover:active:bg-${withVar(tokens.softBackgroundActive)}`,\n `active:border-${withVar(tokens.borderActive)}`,\n `hover:active:border-${withVar(tokens.borderActive)}`,\n ].join(' ')\n }\n\n if (variant === 'ghost') {\n return [\n 'bg-transparent',\n `text-${withVar(tokens.accentText)}`,\n `hover:bg-${withVar(tokens.softBackgroundHover)}`,\n `active:bg-${withVar(tokens.softBackgroundActive)}`,\n `hover:active:bg-${withVar(tokens.softBackgroundActive)}`,\n ].join(' ')\n }\n\n return [\n 'bg-transparent',\n `text-${withVar(tokens.accentText)}`,\n 'border border-transparent',\n `hover:bg-${withVar(tokens.softBackgroundHover)}`,\n `hover:border-${withVar(tokens.borderHover)}`,\n `active:bg-${withVar(tokens.softBackgroundActive)}`,\n `hover:active:bg-${withVar(tokens.softBackgroundActive)}`,\n `active:border-${withVar(tokens.borderActive)}`,\n `hover:active:border-${withVar(tokens.borderActive)}`,\n ].join(' ')\n}\n\nexport function grButtonClass(options: GrButtonClassOptions): string {\n return [\n options.square ? squareSizes[options.size] : sizes[options.size],\n variantClass(options.variant, options.tone),\n ].join(' ')\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"grButtonStyles-BxZW2x0-.js","names":[],"sources":["../../src/components/GrButton/grButtonStyles.ts"],"sourcesContent":["import type { GrTone } from '../shared/tones'\n\nexport type GrButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'ghost-border'\nexport type GrButtonTone = GrTone\nexport type GrButtonSize = 'xs' | 'sm' | 'md' | 'lg'\n\nexport type GrButtonClassOptions = {\n variant: GrButtonVariant\n tone: GrButtonTone\n size: GrButtonSize\n square: boolean\n}\n\nexport type GrButtonToneTokens = {\n solidBackground: string\n solidBackgroundHover: string\n solidBackgroundActive: string\n solidForeground: string\n accentText: string\n softBackground: string\n softBackgroundHover: string\n softBackgroundActive: string\n softForeground: string\n border: string\n borderHover: string\n borderActive: string\n}\n\nexport const base =\n 'inline-flex items-center justify-center gap-2 select-none whitespace-nowrap rounded-md transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed'\n\nexport const grButtonBaseClass = base\n\nexport const sizes: Record<GrButtonSize, string> = {\n xs: 'h-7 text-xs px-2.5',\n sm: 'h-8 text-sm px-3',\n md: 'h-10 text-sm px-4',\n lg: 'h-11 text-base px-5',\n}\n\nexport const squareSizes: Record<GrButtonSize, string> = {\n xs: 'h-7 w-7 p-0',\n sm: 'h-8 w-8 p-0',\n md: 'h-10 w-10 p-0',\n lg: 'h-11 w-11 p-0',\n}\n\nexport const tones: Record<GrButtonTone, GrButtonToneTokens> = {\n primary: {\n solidBackground: 'var(--ds-button-primary-bg,var(--primary))',\n solidBackgroundHover: 'var(--ds-button-primary-bg-hover,var(--primary-hover))',\n solidBackgroundActive: 'var(--ds-button-primary-bg-active,var(--primary-active))',\n solidForeground: 'var(--ds-button-primary-fg,var(--primary-fg))',\n accentText: 'var(--accent-fg)',\n softBackground: 'var(--ds-button-primary-soft-bg)',\n softBackgroundHover: 'var(--ds-button-primary-soft-bg-hover)',\n softBackgroundActive: 'var(--ds-button-primary-soft-bg-active)',\n softForeground: 'var(--accent-fg)',\n border: 'var(--primary)',\n borderHover: 'var(--primary-hover)',\n borderActive: 'var(--primary-active)',\n },\n neutral: {\n solidBackground: 'var(--secondary)',\n solidBackgroundHover: 'var(--secondary-hover)',\n solidBackgroundActive: 'var(--secondary-active)',\n solidForeground: 'var(--secondary-fg)',\n accentText: 'var(--fg)',\n softBackground: 'var(--secondary)',\n softBackgroundHover: 'var(--secondary-hover)',\n softBackgroundActive: 'var(--secondary-active)',\n softForeground: 'var(--secondary-fg)',\n border: 'var(--brd)',\n borderHover: 'var(--brd-hover,var(--brd))',\n borderActive: 'var(--brd-active,var(--brd))',\n },\n success: {\n solidBackground: 'var(--ds-button-success-bg,var(--ds-success))',\n solidBackgroundHover: 'var(--ds-button-success-bg-hover,var(--ds-success-hover))',\n solidBackgroundActive: 'var(--ds-button-success-bg-active,var(--ds-success-active))',\n solidForeground: 'var(--ds-button-success-fg,var(--ds-success-fg,var(--fg)))',\n accentText: 'var(--ds-success-text,var(--ds-success))',\n softBackground: 'var(--ds-button-success-soft-bg)',\n softBackgroundHover: 'var(--ds-button-success-soft-bg-hover)',\n softBackgroundActive: 'var(--ds-button-success-soft-bg-active)',\n softForeground: 'var(--ds-success-text,var(--ds-success))',\n border: 'var(--ds-success)',\n borderHover: 'var(--ds-success-hover)',\n borderActive: 'var(--ds-success-active)',\n },\n warning: {\n solidBackground: 'var(--ds-button-warning-bg,var(--ds-warning))',\n solidBackgroundHover: 'var(--ds-button-warning-bg-hover,var(--ds-warning-hover))',\n solidBackgroundActive: 'var(--ds-button-warning-bg-active,var(--ds-warning-active))',\n solidForeground: 'var(--ds-button-warning-fg,var(--ds-warning-fg,var(--fg)))',\n accentText: 'var(--ds-warning-text,var(--ds-warning))',\n softBackground: 'var(--ds-button-warning-soft-bg)',\n softBackgroundHover: 'var(--ds-button-warning-soft-bg-hover)',\n softBackgroundActive: 'var(--ds-button-warning-soft-bg-active)',\n softForeground: 'var(--ds-warning-text,var(--ds-warning))',\n border: 'var(--ds-warning)',\n borderHover: 'var(--ds-warning-hover)',\n borderActive: 'var(--ds-warning-active)',\n },\n danger: {\n solidBackground: 'var(--ds-button-danger-bg,var(--ds-danger))',\n solidBackgroundHover: 'var(--ds-button-danger-bg-hover,var(--ds-danger-hover))',\n solidBackgroundActive: 'var(--ds-button-danger-bg-active,var(--ds-danger-active))',\n solidForeground: 'var(--ds-button-danger-fg,var(--ds-danger-fg,var(--fg)))',\n accentText: 'var(--ds-danger-text,var(--ds-danger))',\n softBackground: 'var(--ds-button-danger-soft-bg)',\n softBackgroundHover: 'var(--ds-button-danger-soft-bg-hover)',\n softBackgroundActive: 'var(--ds-button-danger-soft-bg-active)',\n softForeground: 'var(--ds-danger-text,var(--ds-danger))',\n border: 'var(--ds-danger)',\n borderHover: 'var(--ds-danger-hover)',\n borderActive: 'var(--ds-danger-active)',\n },\n info: {\n solidBackground: 'var(--ds-button-info-bg,var(--ds-info))',\n solidBackgroundHover: 'var(--ds-button-info-bg-hover,var(--ds-info-hover))',\n solidBackgroundActive: 'var(--ds-button-info-bg-active,var(--ds-info-active))',\n solidForeground: 'var(--ds-button-info-fg,var(--ds-info-fg,var(--fg)))',\n accentText: 'var(--ds-info-text,var(--ds-info))',\n softBackground: 'var(--ds-button-info-soft-bg)',\n softBackgroundHover: 'var(--ds-button-info-soft-bg-hover)',\n softBackgroundActive: 'var(--ds-button-info-soft-bg-active)',\n softForeground: 'var(--ds-info-text,var(--ds-info))',\n border: 'var(--ds-info)',\n borderHover: 'var(--ds-info-hover)',\n borderActive: 'var(--ds-info-active)',\n },\n slate: {\n solidBackground: 'var(--ds-button-slate-bg,var(--ds-slate))',\n solidBackgroundHover: 'var(--ds-button-slate-bg-hover,var(--ds-slate-hover))',\n solidBackgroundActive: 'var(--ds-button-slate-bg-active,var(--ds-slate-active))',\n solidForeground: 'var(--ds-button-slate-fg,var(--ds-slate-fg,var(--fg)))',\n accentText: 'var(--ds-slate-text,var(--ds-slate))',\n softBackground: 'var(--ds-button-slate-soft-bg)',\n softBackgroundHover: 'var(--ds-button-slate-soft-bg-hover)',\n softBackgroundActive: 'var(--ds-button-slate-soft-bg-active)',\n softForeground: 'var(--ds-slate-text,var(--ds-slate))',\n border: 'var(--ds-slate)',\n borderHover: 'var(--ds-slate-hover)',\n borderActive: 'var(--ds-slate-active)',\n },\n azure: {\n solidBackground: 'var(--ds-button-azure-bg,var(--ds-azure))',\n solidBackgroundHover: 'var(--ds-button-azure-bg-hover,var(--ds-azure-hover))',\n solidBackgroundActive: 'var(--ds-button-azure-bg-active,var(--ds-azure-active))',\n solidForeground: 'var(--ds-button-azure-fg,var(--ds-azure-fg,var(--fg)))',\n accentText: 'var(--ds-azure-text,var(--ds-azure))',\n softBackground: 'var(--ds-button-azure-soft-bg)',\n softBackgroundHover: 'var(--ds-button-azure-soft-bg-hover)',\n softBackgroundActive: 'var(--ds-button-azure-soft-bg-active)',\n softForeground: 'var(--ds-azure-text,var(--ds-azure))',\n border: 'var(--ds-azure)',\n borderHover: 'var(--ds-azure-hover)',\n borderActive: 'var(--ds-azure-active)',\n },\n}\n\nfunction withVar(token: string): string {\n return `[${token}]`\n}\n\nexport function variantClass(variant: GrButtonVariant, tone: GrButtonTone): string {\n const tokens = tones[tone]\n\n if (variant === 'primary') {\n return [\n `bg-${withVar(tokens.solidBackground)}`,\n `text-${withVar(tokens.solidForeground)}`,\n `border border-${withVar(tokens.solidBackground)}`,\n `hover:bg-${withVar(tokens.solidBackgroundHover)}`,\n `hover:border-${withVar(tokens.solidBackgroundHover)}`,\n `active:bg-${withVar(tokens.solidBackgroundActive)}`,\n `hover:active:bg-${withVar(tokens.solidBackgroundActive)}`,\n `active:border-${withVar(tokens.solidBackgroundActive)}`,\n `hover:active:border-${withVar(tokens.solidBackgroundActive)}`,\n ].join(' ')\n }\n\n if (variant === 'secondary') {\n return [\n `bg-${withVar(tokens.softBackground)}`,\n `text-${withVar(tokens.softForeground)}`,\n `border border-${withVar(tokens.border)}`,\n `hover:bg-${withVar(tokens.softBackgroundHover)}`,\n `hover:border-${withVar(tokens.borderHover)}`,\n `active:bg-${withVar(tokens.softBackgroundActive)}`,\n `hover:active:bg-${withVar(tokens.softBackgroundActive)}`,\n `active:border-${withVar(tokens.borderActive)}`,\n `hover:active:border-${withVar(tokens.borderActive)}`,\n ].join(' ')\n }\n\n if (variant === 'outline') {\n return [\n 'bg-transparent',\n `text-${withVar(tokens.accentText)}`,\n `border border-${withVar(tokens.border)}`,\n `hover:bg-${withVar(tokens.softBackgroundHover)}`,\n `hover:border-${withVar(tokens.borderHover)}`,\n `active:bg-${withVar(tokens.softBackgroundActive)}`,\n `hover:active:bg-${withVar(tokens.softBackgroundActive)}`,\n `active:border-${withVar(tokens.borderActive)}`,\n `hover:active:border-${withVar(tokens.borderActive)}`,\n ].join(' ')\n }\n\n if (variant === 'ghost') {\n return [\n 'bg-transparent',\n `text-${withVar(tokens.accentText)}`,\n `hover:bg-${withVar(tokens.softBackgroundHover)}`,\n `active:bg-${withVar(tokens.softBackgroundActive)}`,\n `hover:active:bg-${withVar(tokens.softBackgroundActive)}`,\n ].join(' ')\n }\n\n return [\n 'bg-transparent',\n `text-${withVar(tokens.accentText)}`,\n 'border border-transparent',\n `hover:bg-${withVar(tokens.softBackgroundHover)}`,\n `hover:border-${withVar(tokens.borderHover)}`,\n `active:bg-${withVar(tokens.softBackgroundActive)}`,\n `hover:active:bg-${withVar(tokens.softBackgroundActive)}`,\n `active:border-${withVar(tokens.borderActive)}`,\n `hover:active:border-${withVar(tokens.borderActive)}`,\n ].join(' ')\n}\n\nexport function grButtonClass(options: GrButtonClassOptions): string {\n return [\n options.square ? squareSizes[options.size] : sizes[options.size],\n variantClass(options.variant, options.tone),\n ].join(' ')\n}\n"],"mappings":"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"}
|