@trops/dash-core 0.1.577 → 0.1.578

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.esm.js +79 -70
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +79 -70
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -37859,47 +37859,53 @@ var ColorHarmonyPicker = function ColorHarmonyPicker(_ref8) {
37859
37859
  })
37860
37860
  })]
37861
37861
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
37862
- className: "flex flex-col gap-2",
37863
- children: [/*#__PURE__*/jsxRuntime.jsx("span", {
37864
- className: "text-xs opacity-50",
37865
- children: "Base Color"
37866
- }), /*#__PURE__*/jsxRuntime.jsx(InlineHexPicker, {
37867
- selectedHex: DashReact.isHexColor(selectedColor) ? selectedColor : null,
37868
- onPick: function onPick(hex) {
37869
- return setSelectedColor(hex);
37870
- }
37871
- })]
37872
- }), /*#__PURE__*/jsxRuntime.jsx(HslNudgePanel, {
37873
- dH: dH,
37874
- dS: dS,
37875
- dL: dL,
37876
- onChange: function onChange(_ref9) {
37877
- var h = _ref9.dH,
37878
- s = _ref9.dS,
37879
- l = _ref9.dL;
37880
- setDH(h);
37881
- setDS(s);
37882
- setDL(l);
37883
- }
37884
- }), /*#__PURE__*/jsxRuntime.jsxs("div", {
37885
- className: "flex flex-col gap-2",
37886
- children: [/*#__PURE__*/jsxRuntime.jsx("span", {
37887
- className: "text-xs opacity-50",
37888
- children: "Generated Palette"
37862
+ className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
37863
+ children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
37864
+ className: "flex flex-col gap-2",
37865
+ children: [/*#__PURE__*/jsxRuntime.jsx("span", {
37866
+ className: "text-xs opacity-50",
37867
+ children: "Base Color"
37868
+ }), /*#__PURE__*/jsxRuntime.jsx(InlineHexPicker, {
37869
+ selectedHex: DashReact.isHexColor(selectedColor) ? selectedColor : null,
37870
+ onPick: function onPick(hex) {
37871
+ return setSelectedColor(hex);
37872
+ }
37873
+ })]
37889
37874
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
37890
- className: "flex flex-row gap-2",
37891
- children: [/*#__PURE__*/jsxRuntime.jsx(PaletteSwatch, {
37892
- value: previewTheme.primary,
37893
- label: "Primary"
37894
- }), /*#__PURE__*/jsxRuntime.jsx(PaletteSwatch, {
37895
- value: previewTheme.secondary,
37896
- label: "Secondary"
37897
- }), /*#__PURE__*/jsxRuntime.jsx(PaletteSwatch, {
37898
- value: previewTheme.tertiary,
37899
- label: "Tertiary"
37900
- }), /*#__PURE__*/jsxRuntime.jsx(PaletteSwatch, {
37901
- value: previewTheme.neutral,
37902
- label: "Neutral"
37875
+ className: "flex flex-col gap-4",
37876
+ children: [/*#__PURE__*/jsxRuntime.jsx(HslNudgePanel, {
37877
+ dH: dH,
37878
+ dS: dS,
37879
+ dL: dL,
37880
+ onChange: function onChange(_ref9) {
37881
+ var h = _ref9.dH,
37882
+ s = _ref9.dS,
37883
+ l = _ref9.dL;
37884
+ setDH(h);
37885
+ setDS(s);
37886
+ setDL(l);
37887
+ }
37888
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
37889
+ className: "flex flex-col gap-2",
37890
+ children: [/*#__PURE__*/jsxRuntime.jsx("span", {
37891
+ className: "text-xs opacity-50",
37892
+ children: "Generated Palette"
37893
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
37894
+ className: "flex flex-row gap-2",
37895
+ children: [/*#__PURE__*/jsxRuntime.jsx(PaletteSwatch, {
37896
+ value: previewTheme.primary,
37897
+ label: "Primary"
37898
+ }), /*#__PURE__*/jsxRuntime.jsx(PaletteSwatch, {
37899
+ value: previewTheme.secondary,
37900
+ label: "Secondary"
37901
+ }), /*#__PURE__*/jsxRuntime.jsx(PaletteSwatch, {
37902
+ value: previewTheme.tertiary,
37903
+ label: "Tertiary"
37904
+ }), /*#__PURE__*/jsxRuntime.jsx(PaletteSwatch, {
37905
+ value: previewTheme.neutral,
37906
+ label: "Neutral"
37907
+ })]
37908
+ })]
37903
37909
  })]
37904
37910
  })]
37905
37911
  }), !inline && /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
@@ -38074,37 +38080,40 @@ var RandomPreview = function RandomPreview(_ref1) {
38074
38080
  children: [/*#__PURE__*/jsxRuntime.jsx("span", {
38075
38081
  className: "text-sm font-semibold opacity-50",
38076
38082
  children: "Random Theme"
38077
- }), /*#__PURE__*/jsxRuntime.jsx(HslNudgePanel, {
38078
- dH: dH,
38079
- dS: dS,
38080
- dL: dL,
38081
- onChange: function onChange(_ref10) {
38082
- var h = _ref10.dH,
38083
- s = _ref10.dS,
38084
- l = _ref10.dL;
38085
- setDH(h);
38086
- setDS(s);
38087
- setDL(l);
38088
- }
38089
38083
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
38090
- className: "flex flex-col gap-2",
38091
- children: [/*#__PURE__*/jsxRuntime.jsx("span", {
38092
- className: "text-xs opacity-50",
38093
- children: "Generated Palette"
38094
- }), previewTheme && /*#__PURE__*/jsxRuntime.jsxs("div", {
38095
- className: "flex flex-row gap-2",
38096
- children: [/*#__PURE__*/jsxRuntime.jsx(PaletteSwatch, {
38097
- value: previewTheme.primary,
38098
- label: "Primary"
38099
- }), /*#__PURE__*/jsxRuntime.jsx(PaletteSwatch, {
38100
- value: previewTheme.secondary,
38101
- label: "Secondary"
38102
- }), /*#__PURE__*/jsxRuntime.jsx(PaletteSwatch, {
38103
- value: previewTheme.tertiary,
38104
- label: "Tertiary"
38105
- }), /*#__PURE__*/jsxRuntime.jsx(PaletteSwatch, {
38106
- value: previewTheme.neutral,
38107
- label: "Neutral"
38084
+ className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
38085
+ children: [/*#__PURE__*/jsxRuntime.jsx(HslNudgePanel, {
38086
+ dH: dH,
38087
+ dS: dS,
38088
+ dL: dL,
38089
+ onChange: function onChange(_ref10) {
38090
+ var h = _ref10.dH,
38091
+ s = _ref10.dS,
38092
+ l = _ref10.dL;
38093
+ setDH(h);
38094
+ setDS(s);
38095
+ setDL(l);
38096
+ }
38097
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
38098
+ className: "flex flex-col gap-2",
38099
+ children: [/*#__PURE__*/jsxRuntime.jsx("span", {
38100
+ className: "text-xs opacity-50",
38101
+ children: "Generated Palette"
38102
+ }), previewTheme && /*#__PURE__*/jsxRuntime.jsxs("div", {
38103
+ className: "flex flex-row gap-2",
38104
+ children: [/*#__PURE__*/jsxRuntime.jsx(PaletteSwatch, {
38105
+ value: previewTheme.primary,
38106
+ label: "Primary"
38107
+ }), /*#__PURE__*/jsxRuntime.jsx(PaletteSwatch, {
38108
+ value: previewTheme.secondary,
38109
+ label: "Secondary"
38110
+ }), /*#__PURE__*/jsxRuntime.jsx(PaletteSwatch, {
38111
+ value: previewTheme.tertiary,
38112
+ label: "Tertiary"
38113
+ }), /*#__PURE__*/jsxRuntime.jsx(PaletteSwatch, {
38114
+ value: previewTheme.neutral,
38115
+ label: "Neutral"
38116
+ })]
38108
38117
  })]
38109
38118
  })]
38110
38119
  }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {