@scalar/use-codemirror 0.9.1 → 0.10.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 CHANGED
@@ -1,5 +1,15 @@
1
1
  # @scalar/use-codemirror
2
2
 
3
+ ## 0.10.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 0e64a36: refactor: rename all --theme-_ variables to --scalar-_
8
+
9
+ ### Patch Changes
10
+
11
+ - 22f2858: chore: ran syncpack to update packages
12
+
3
13
  ## 0.9.1
4
14
 
5
15
  ### Patch Changes
package/dist/index.js CHANGED
@@ -23641,87 +23641,87 @@ var createTheme = (_ref) => {
23641
23641
  const customTheme = createTheme({
23642
23642
  theme: "light",
23643
23643
  settings: {
23644
- background: "var(--theme-background-2, var(--default-theme-background-2))",
23645
- foreground: "var(--theme-color-1, var(--default-theme-color-1))",
23646
- caret: "var(--theme-color-1, var(--default-theme-color-1))",
23644
+ background: "var(--scalar-background-2)",
23645
+ foreground: "var(--scalar-color-1)",
23646
+ caret: "var(--scalar-color-1)",
23647
23647
  // Selection likely needs a hardcoded color due to it not accepting variables
23648
23648
  selection: "rgba(151, 183, 205, 0.2)",
23649
23649
  selectionMatch: "#e3dcce",
23650
- gutterBackground: "var(--theme-background-2, var(--default-theme-background-2))",
23651
- gutterForeground: "var(--theme-color-3, var(--default-theme-color-3))",
23650
+ gutterBackground: "var(--scalar-background-2)",
23651
+ gutterForeground: "var(--scalar-color-3)",
23652
23652
  gutterBorder: "transparent",
23653
- lineHighlight: "var(--theme-background-3, var(--default-theme-background-3))",
23654
- fontFamily: "var(--theme-font-code, var(--default-theme-font-code))"
23653
+ lineHighlight: "var(--scalar-background-3)",
23654
+ fontFamily: "var(--scalar-font-code)"
23655
23655
  },
23656
23656
  styles: [
23657
23657
  {
23658
23658
  tag: [tags$1.standard(tags$1.tagName), tags$1.tagName],
23659
- color: "var(--theme-color-purple, var(--default-theme-color-purple))"
23659
+ color: "var(--scalar-color-purple)"
23660
23660
  },
23661
23661
  {
23662
23662
  tag: [tags$1.comment],
23663
- color: "var(--theme-color-3, var(--default-theme-color-3))"
23663
+ color: "var(--scalar-color-3)"
23664
23664
  },
23665
23665
  {
23666
23666
  tag: [tags$1.className],
23667
- color: "var(--theme-color-orange, var(--default-theme-color-orange))"
23667
+ color: "var(--scalar-color-orange)"
23668
23668
  },
23669
23669
  {
23670
23670
  tag: [tags$1.variableName, tags$1.propertyName, tags$1.attributeName],
23671
- color: "var(--theme-color-1, var(--default-theme-color-1))"
23671
+ color: "var(--scalar-color-1)"
23672
23672
  },
23673
23673
  {
23674
23674
  tag: [tags$1.operator],
23675
- color: "var(--theme-color-2, var(--default-theme-color-2))"
23675
+ color: "var(--scalar-color-2)"
23676
23676
  },
23677
23677
  {
23678
23678
  tag: [tags$1.keyword, tags$1.typeName, tags$1.typeOperator],
23679
- color: "var(--theme-color-green, var(--default-theme-color-green))"
23679
+ color: "var(--scalar-color-green)"
23680
23680
  },
23681
23681
  {
23682
23682
  tag: [tags$1.string],
23683
- color: "var(--theme-color-blue, var(--default-theme-color-blue))"
23683
+ color: "var(--scalar-color-blue)"
23684
23684
  },
23685
23685
  {
23686
23686
  tag: [tags$1.bracket, tags$1.regexp, tags$1.meta],
23687
- color: "var(--theme-color-3, var(--default-theme-color-3))"
23687
+ color: "var(--scalar-color-3)"
23688
23688
  },
23689
23689
  {
23690
23690
  tag: [tags$1.number],
23691
- color: "var(--theme-color-blue, var(--default-theme-color-blue))"
23691
+ color: "var(--scalar-color-blue)"
23692
23692
  },
23693
23693
  {
23694
23694
  tag: [tags$1.name, tags$1.quote],
23695
- color: "var(--theme-color-3, var(--default-theme-color-3))"
23695
+ color: "var(--scalar-color-3)"
23696
23696
  },
23697
23697
  {
23698
23698
  tag: [tags$1.heading],
23699
- color: "var(--theme-color-3, var(--default-theme-color-3))",
23699
+ color: "var(--scalar-color-3)",
23700
23700
  fontWeight: "bold"
23701
23701
  },
23702
23702
  {
23703
23703
  tag: [tags$1.emphasis],
23704
- color: "var(--theme-color-3, var(--default-theme-color-3))",
23704
+ color: "var(--scalar-color-3)",
23705
23705
  fontStyle: "italic"
23706
23706
  },
23707
23707
  {
23708
23708
  tag: [tags$1.deleted],
23709
- color: "var(--theme-color-3, var(--default-theme-color-3))",
23709
+ color: "var(--scalar-color-3)",
23710
23710
  backgroundColor: "transparent"
23711
23711
  },
23712
23712
  {
23713
23713
  tag: [tags$1.atom, tags$1.bool, tags$1.special(tags$1.variableName)],
23714
- color: "var(--theme-color-3, var(--default-theme-color-3))"
23714
+ color: "var(--scalar-color-3)"
23715
23715
  },
23716
23716
  {
23717
23717
  tag: [tags$1.url, tags$1.escape, tags$1.regexp, tags$1.link],
23718
- color: "var(--theme-color-1, var(--default-theme-color-1))"
23718
+ color: "var(--scalar-color-1)"
23719
23719
  },
23720
23720
  { tag: tags$1.link, textDecoration: "underline" },
23721
23721
  { tag: tags$1.strikethrough, textDecoration: "line-through" },
23722
23722
  {
23723
23723
  tag: tags$1.invalid,
23724
- color: "var(--theme-color-3, var(--default-theme-color-3))"
23724
+ color: "var(--scalar-color-3)"
23725
23725
  }
23726
23726
  ]
23727
23727
  });
@@ -24020,7 +24020,7 @@ const _export_sfc = (sfc, props) => {
24020
24020
  }
24021
24021
  return target;
24022
24022
  };
24023
- const CodeMirror = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-88edf4c8"]]);
24023
+ const CodeMirror = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-74ed365a"]]);
24024
24024
  export {
24025
24025
  CodeMirror,
24026
24026
  colorPicker,
package/dist/style.css CHANGED
@@ -1,15 +1,15 @@
1
1
 
2
- .codemirror-container[data-v-88edf4c8] {
2
+ .codemirror-container[data-v-74ed365a] {
3
3
  width: 100%;
4
4
  height: 100%;
5
5
  padding-top: 4px;
6
6
  min-height: 76px;
7
- background: var(--theme-background-2, var(--default-theme-background-2));
8
- color: var(--theme-color-1, var(--default-theme-color-1));
7
+ background: var(--scalar-background-2);
8
+ color: var(--scalar-color-1);
9
9
  display: flex;
10
10
  align-items: stretch;
11
11
  }
12
- .copy-to-clipboard-button[data-v-88edf4c8] {
12
+ .copy-to-clipboard-button[data-v-74ed365a] {
13
13
  background: red;
14
14
  }
15
15
 
@@ -17,7 +17,7 @@
17
17
  flex-grow: 1;
18
18
  max-width: 100%;
19
19
  cursor: text;
20
- font-size: var(--theme-small, var(--default-theme-small));
20
+ font-size: var(--scalar-small);
21
21
  /* Don't scale wide text on mobile because we let it scroll */
22
22
  -webkit-text-size-adjust: 100%;
23
23
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,uCAwFtB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,uCAsFtB,CAAA"}
package/package.json CHANGED
@@ -11,7 +11,7 @@
11
11
  "vue",
12
12
  "vue3"
13
13
  ],
14
- "version": "0.9.1",
14
+ "version": "0.10.0",
15
15
  "engines": {
16
16
  "node": ">=18"
17
17
  },
@@ -50,11 +50,11 @@
50
50
  },
51
51
  "devDependencies": {
52
52
  "@vitejs/plugin-vue": "^5.0.4",
53
- "@vitest/coverage-v8": "^1.2.2",
53
+ "@vitest/coverage-v8": "^1.5.0",
54
54
  "tsc-alias": "^1.8.8",
55
- "vite": "^5.1.1",
56
- "vitest": "^1.2.2",
57
- "vue": "^3.3.0",
55
+ "vite": "^5.2.9",
56
+ "vitest": "^1.5.0",
57
+ "vue": "^3.4.21",
58
58
  "vue-tsc": "^1.8.19"
59
59
  },
60
60
  "peerDependencies": {