@quaffui/quaff 0.1.0-prealpha14 → 0.1.0-prealpha16

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 (155) hide show
  1. package/dist/components/avatar/QAvatar.svelte +46 -28
  2. package/dist/components/avatar/QAvatar.svelte.d.ts +0 -1
  3. package/dist/components/avatar/docs.d.ts +1 -1
  4. package/dist/components/avatar/docs.js +1 -1
  5. package/dist/components/avatar/docs.props.js +2 -0
  6. package/dist/components/breadcrumbs/QBreadcrumbs.svelte +3 -9
  7. package/dist/components/breadcrumbs/QBreadcrumbsEl.svelte +8 -18
  8. package/dist/components/breadcrumbs/docs.d.ts +1 -1
  9. package/dist/components/breadcrumbs/docs.js +1 -1
  10. package/dist/components/breadcrumbs/docs.props.js +2 -0
  11. package/dist/components/button/QBtn.svelte +15 -20
  12. package/dist/components/button/docs.d.ts +1 -1
  13. package/dist/components/button/docs.js +1 -1
  14. package/dist/components/button/docs.props.js +2 -0
  15. package/dist/components/button/index.scss +6 -1
  16. package/dist/components/card/QCard.svelte +8 -9
  17. package/dist/components/card/QCardActions.svelte +6 -10
  18. package/dist/components/card/QCardSection.svelte +7 -9
  19. package/dist/components/card/docs.d.ts +3 -3
  20. package/dist/components/card/docs.js +3 -3
  21. package/dist/components/card/docs.props.js +2 -0
  22. package/dist/components/checkbox/QCheckbox.svelte +2 -8
  23. package/dist/components/checkbox/docs.d.ts +1 -1
  24. package/dist/components/checkbox/docs.js +1 -1
  25. package/dist/components/checkbox/docs.props.js +2 -0
  26. package/dist/components/chip/QChip.svelte +20 -24
  27. package/dist/components/chip/docs.d.ts +1 -1
  28. package/dist/components/chip/docs.js +1 -1
  29. package/dist/components/chip/docs.props.js +2 -0
  30. package/dist/components/codeBlock/QCodeBlock.svelte +8 -12
  31. package/dist/components/codeBlock/QCodeBlock.svelte.d.ts +1 -0
  32. package/dist/components/codeBlock/docs.props.js +3 -1
  33. package/dist/components/codeBlock/props.d.ts +1 -1
  34. package/dist/components/dialog/QDialog.svelte +38 -47
  35. package/dist/components/dialog/QDialog.svelte.d.ts +6 -5
  36. package/dist/components/dialog/docs.d.ts +1 -1
  37. package/dist/components/dialog/docs.js +1 -1
  38. package/dist/components/dialog/docs.props.js +6 -4
  39. package/dist/components/dialog/index.scss +5 -4
  40. package/dist/components/dialog/props.d.ts +4 -4
  41. package/dist/components/drawer/QDrawer.svelte +1 -4
  42. package/dist/components/drawer/QDrawer.svelte.d.ts +0 -7
  43. package/dist/components/drawer/docs.d.ts +1 -1
  44. package/dist/components/drawer/docs.js +1 -1
  45. package/dist/components/drawer/docs.props.js +2 -0
  46. package/dist/components/footer/QFooter.svelte +7 -5
  47. package/dist/components/footer/docs.d.ts +1 -1
  48. package/dist/components/footer/docs.js +1 -1
  49. package/dist/components/footer/docs.props.js +2 -0
  50. package/dist/components/header/docs.props.js +2 -0
  51. package/dist/components/icon/QIcon.svelte +9 -16
  52. package/dist/components/icon/QIcon.svelte.d.ts +0 -1
  53. package/dist/components/icon/docs.d.ts +1 -1
  54. package/dist/components/icon/docs.js +1 -1
  55. package/dist/components/icon/docs.props.js +4 -2
  56. package/dist/components/icon/props.d.ts +2 -2
  57. package/dist/components/input/docs.d.ts +1 -1
  58. package/dist/components/input/docs.js +1 -1
  59. package/dist/components/input/docs.props.js +2 -0
  60. package/dist/components/layout/docs.d.ts +1 -1
  61. package/dist/components/layout/docs.js +1 -1
  62. package/dist/components/layout/docs.props.js +2 -0
  63. package/dist/components/list/QItem.svelte +25 -25
  64. package/dist/components/list/QItemSection.svelte +3 -9
  65. package/dist/components/list/QList.svelte +13 -13
  66. package/dist/components/list/docs.d.ts +1 -1
  67. package/dist/components/list/docs.js +1 -1
  68. package/dist/components/list/docs.props.js +2 -0
  69. package/dist/components/list/props.d.ts +1 -1
  70. package/dist/components/list/props.js +1 -1
  71. package/dist/components/private/QApi.svelte +14 -7
  72. package/dist/components/private/QApi.svelte.d.ts +1 -1
  73. package/dist/components/private/QDocs.svelte +3 -13
  74. package/dist/components/private/QDocs.svelte.d.ts +1 -1
  75. package/dist/components/private/QDocsSection.svelte +6 -14
  76. package/dist/components/private/QDocsSection.svelte.d.ts +7 -17
  77. package/dist/components/progress/QCircularProgress.svelte +13 -9
  78. package/dist/components/progress/QLinearProgress.svelte +17 -23
  79. package/dist/components/progress/QLinearProgress.svelte.d.ts +0 -1
  80. package/dist/components/progress/docs.d.ts +1 -1
  81. package/dist/components/progress/docs.js +1 -1
  82. package/dist/components/progress/docs.props.js +2 -0
  83. package/dist/components/progress/index.scss +20 -3
  84. package/dist/components/radio/QRadio.svelte +2 -8
  85. package/dist/components/radio/docs.d.ts +1 -1
  86. package/dist/components/radio/docs.js +1 -1
  87. package/dist/components/radio/docs.props.js +3 -1
  88. package/dist/components/radio/props.d.ts +1 -1
  89. package/dist/components/railbar/docs.d.ts +1 -1
  90. package/dist/components/railbar/docs.js +1 -1
  91. package/dist/components/railbar/docs.props.js +2 -0
  92. package/dist/components/select/docs.d.ts +1 -1
  93. package/dist/components/select/docs.js +1 -1
  94. package/dist/components/select/docs.props.js +2 -0
  95. package/dist/components/separator/QSeparator.svelte +38 -44
  96. package/dist/components/separator/docs.d.ts +1 -1
  97. package/dist/components/separator/docs.js +1 -1
  98. package/dist/components/separator/docs.props.js +2 -0
  99. package/dist/components/table/QTable.svelte +8 -15
  100. package/dist/components/table/docs.d.ts +1 -1
  101. package/dist/components/table/docs.js +1 -1
  102. package/dist/components/table/docs.props.js +2 -0
  103. package/dist/components/tabs/QTab.svelte +2 -7
  104. package/dist/components/tabs/QTabs.svelte +2 -6
  105. package/dist/components/tabs/docs.d.ts +1 -1
  106. package/dist/components/tabs/docs.js +1 -1
  107. package/dist/components/tabs/docs.props.js +3 -1
  108. package/dist/components/tabs/props.js +1 -1
  109. package/dist/components/toggle/QToggle.svelte +7 -15
  110. package/dist/components/toggle/docs.d.ts +1 -1
  111. package/dist/components/toggle/docs.js +1 -1
  112. package/dist/components/toggle/docs.props.js +2 -0
  113. package/dist/components/toolbar/QToolbar.svelte +12 -16
  114. package/dist/components/toolbar/QToolbar.svelte.d.ts +0 -1
  115. package/dist/components/toolbar/docs.d.ts +1 -1
  116. package/dist/components/toolbar/docs.js +1 -1
  117. package/dist/components/toolbar/docs.props.js +2 -0
  118. package/dist/components/tooltip/QTooltip.svelte +10 -8
  119. package/dist/components/tooltip/docs.d.ts +1 -1
  120. package/dist/components/tooltip/docs.js +1 -1
  121. package/dist/components/tooltip/docs.props.js +2 -0
  122. package/dist/components/tooltip/index.scss +1 -0
  123. package/dist/composables/index.d.ts +3 -3
  124. package/dist/composables/index.js +3 -3
  125. package/dist/composables/{use-size.d.ts → useSize.d.ts} +1 -1
  126. package/dist/composables/{use-size.js → useSize.js} +1 -1
  127. package/dist/css/fonts.scss +16 -3
  128. package/dist/css/index.css +1 -1
  129. package/dist/css/mixins/field-mixins.scss +9 -8
  130. package/dist/css/mixins.scss +3 -1
  131. package/dist/css/ripple.scss +9 -2
  132. package/dist/css/shared/q-field.scss +62 -49
  133. package/dist/css/theme/colors.module.scss +12 -12
  134. package/dist/global.d.ts +1 -1
  135. package/dist/helpers/clickOutside.d.ts +2 -2
  136. package/dist/helpers/clickOutside.js +3 -3
  137. package/dist/helpers/ripple.js +13 -11
  138. package/dist/helpers/version.d.ts +1 -1
  139. package/dist/helpers/version.js +1 -1
  140. package/dist/stores/QTheme.js +5 -6
  141. package/dist/stores/Quaff.js +1 -1
  142. package/dist/utils/clipboard.js +2 -2
  143. package/dist/utils/colors.js +2 -1
  144. package/dist/utils/dom.js +4 -4
  145. package/dist/utils/props.d.ts +2 -2
  146. package/dist/utils/props.js +5 -5
  147. package/dist/utils/string.js +1 -1
  148. package/dist/utils/types.d.ts +2 -2
  149. package/dist/utils/types.json +24 -1
  150. package/dist/utils/watchable.js +1 -1
  151. package/package.json +7 -7
  152. /package/dist/composables/{use-align.d.ts → useAlign.d.ts} +0 -0
  153. /package/dist/composables/{use-align.js → useAlign.js} +0 -0
  154. /package/dist/composables/{use-router-link.d.ts → useRouterLink.d.ts} +0 -0
  155. /package/dist/composables/{use-router-link.js → useRouterLink.js} +0 -0
@@ -1 +1,24 @@
1
- {"QAvatarShapeOptions":"type QAvatarShapeOptions =\n | \"circle\"\n | \"rounded\"\n | \"top-round\"\n | \"left-round\"\n | \"right-round\"\n | \"bottom-round\"\n | \"top-left-round\"\n | \"top-right-round\"\n | \"bottom-left-round\"\n | \"bottom-right-round\"","QAvatarSizeOptions":"type QAvatarSizeOptions = QuaffSizes | CssValue | number","QBreadcrumbsGutterOptions":"type QBreadcrumbsGutterOptions = \"none\" | \"sm\" | \"md\" | \"lg\"","QLayoutEvents":"type QLayoutEvents = \"resize\" | \"scroll\" | \"scrollHeight\"","QSelectOption":"type QSelectOption = string | { label: string, value: string }","QItemSectionTypes":"type QItemSectionTypes =\n | \"thumbnail\"\n | \"video\"\n | \"avatar\"\n | \"toggle\"\n | \"icon\"\n | \"trailingIcon\"\n | \"trailingText\"\n | \"content\"","QBtnSizeOptions":"type QBtnSizeOptions = Exclude<QuaffSizes, \"xs\">","QDialogPositionOptions":"type QDialogPositionOptions = \"default\" | \"top\" | \"right\" | \"bottom\" | \"left\"","QDrawerSideOptions":"type QDrawerSideOptions = \"left\" | \"right\"","QDrawerBehaviorOptions":"type QDrawerBehaviorOptions = \"default\" | \"desktop\" | \"mobile\"","QIconSizeOptions":"type QIconSizeOptions = QuaffSizes | CssValue | number","QIconTypeOptions":"type QIconTypeOptions = \"outlined\" | \"sharp\" | \"rounded\"","QLayoutViewOptions":"type QLayoutViewOptions = `${\"l\"|\"h\"}${\"h\"|\"H\"}${\"r\"|\"h\"} ${\"l\"|\"L\"}${\"p\"}${\"r\"|\"R\"} ${\"l\"|\"f\"}${\"f\"|\"F\"}${\"r\"|\"f\"}`","QTableColumn":"type QTableColumn = {\n name: string\n required?: boolean;\n label: string;\n align?: \"left\" | \"center\" | \"right\";\n field: string | ((row: QTableRow) => string);\n format?: (val: string) => string;\n sortable?: boolean;\n sort?: (a: string, b: string) => number;\n};","QTableRow":"type QTableRow = {\n [key: string]: string | number\n};","QTableSort":"type QTableSort = {\n columnField: string | ((row: QTableRow) => string)\n type: \"asc\" | \"desc\";\n} | null;","QCardFillColors":"type QCardFillColors = \"primary\" | \"secondary\" | \"tertiary\"","QChipSizeOptions":"type QChipSizeOptions = Exclude<QuaffSizes, \"xs\" | \"xl\">","QTabsVariants":"type QTabsVariants = \"primary\" | \"secondary\" | \"vertical\"","QSelectValue":"type QSelectValue = QSelectSingleValue | QSelectMultipleValue","QSelectSingleValue":"type QSelectSingleValue = string | number","QSelectMultipleValue":"type QSelectMultipleValue = QSelectSingleValue[]"}
1
+ {
2
+ "QAvatarShapeOptions": "type QAvatarShapeOptions =\n | \"circle\"\n | \"rounded\"\n | \"top-round\"\n | \"left-round\"\n | \"right-round\"\n | \"bottom-round\"\n | \"top-left-round\"\n | \"top-right-round\"\n | \"bottom-left-round\"\n | \"bottom-right-round\"",
3
+ "QAvatarSizeOptions": "type QAvatarSizeOptions = QuaffSizes | CssValue | number",
4
+ "QBreadcrumbsGutterOptions": "type QBreadcrumbsGutterOptions = \"none\" | \"sm\" | \"md\" | \"lg\"",
5
+ "QBtnSizeOptions": "type QBtnSizeOptions = Exclude<QuaffSizes, \"xs\">",
6
+ "QCardFillColors": "type QCardFillColors = \"primary\" | \"secondary\" | \"tertiary\"",
7
+ "QChipSizeOptions": "type QChipSizeOptions = Exclude<QuaffSizes, \"xs\" | \"xl\">",
8
+ "QDialogPositionOptions": "type QDialogPositionOptions = \"default\" | \"top\" | \"right\" | \"bottom\" | \"left\"",
9
+ "QDrawerBehaviorOptions": "type QDrawerBehaviorOptions = \"default\" | \"desktop\" | \"mobile\"",
10
+ "QDrawerSideOptions": "type QDrawerSideOptions = \"left\" | \"right\"",
11
+ "QIconSizeOptions": "type QIconSizeOptions = QuaffSizes | CssValue | number",
12
+ "QIconTypeOptions": "type QIconTypeOptions = \"outlined\" | \"sharp\" | \"rounded\"",
13
+ "QItemSectionTypes": "type QItemSectionTypes =\n | \"thumbnail\"\n | \"video\"\n | \"avatar\"\n | \"toggle\"\n | \"icon\"\n | \"trailingIcon\"\n | \"trailingText\"\n | \"content\"",
14
+ "QLayoutEvents": "type QLayoutEvents = \"resize\" | \"scroll\" | \"scrollHeight\"",
15
+ "QLayoutViewOptions": "type QLayoutViewOptions = `${\"l\"|\"h\"}${\"h\"|\"H\"}${\"r\"|\"h\"} ${\"l\"|\"L\"}${\"p\"}${\"r\"|\"R\"} ${\"l\"|\"f\"}${\"f\"|\"F\"}${\"r\"|\"f\"}`",
16
+ "QSelectMultipleValue": "type QSelectMultipleValue = QSelectSingleValue[]",
17
+ "QSelectOption": "type QSelectOption = string | { label: string, value: string }",
18
+ "QSelectSingleValue": "type QSelectSingleValue = string | number",
19
+ "QSelectValue": "type QSelectValue = QSelectSingleValue | QSelectMultipleValue",
20
+ "QTableColumn": "type QTableColumn = {\n name: string\n required?: boolean;\n label: string;\n align?: \"left\" | \"center\" | \"right\";\n field: string | ((row: QTableRow) => string);\n format?: (val: string) => string;\n sortable?: boolean;\n sort?: (a: string, b: string) => number;\n};",
21
+ "QTableRow": "type QTableRow = {\n [key: string]: string | number\n};",
22
+ "QTableSort": "type QTableSort = {\n columnField: string | ((row: QTableRow) => string)\n type: \"asc\" | \"desc\";\n} | null;",
23
+ "QTabsVariants": "type QTabsVariants = \"primary\" | \"secondary\" | \"vertical\""
24
+ }
@@ -1,6 +1,6 @@
1
1
  import { derived, writable } from "svelte/store";
2
2
  export function watchable(value) {
3
- let values = writable([value, null]);
3
+ const values = writable([value, null]);
4
4
  const subscribe = derived(values, ($values) => $values[0]).subscribe;
5
5
  const update = (fn, isEqual = (a, b) => a === b) => {
6
6
  values.update(($values) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@quaffui/quaff",
3
- "version": "0.1.0-prealpha14",
3
+ "version": "0.1.0-prealpha16",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "open": "vite dev --open",
@@ -12,9 +12,10 @@
12
12
  "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
13
13
  "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
14
14
  "test:unit": "vitest",
15
- "lint": "prettier --plugin-search-dir . --check . && eslint .",
16
- "format": "prettier --plugin-search-dir . --write .",
17
- "docgen": "ts-node-esm docgen/props/run.ts",
15
+ "lint": "prettier --plugin prettier-plugin-svelte . --check . && eslint .",
16
+ "format": "prettier --plugin prettier-plugin-svelte . --write .",
17
+ "docgen": "NODE_OPTIONS='--loader ts-node/esm/transpile-only --no-warnings' node scripts/docgenProps.ts",
18
+ "write-version": "NODE_OPTIONS='--loader ts-node/esm/transpile-only --no-warnings' node scripts/writeVersion.ts",
18
19
  "snippet": "ts-node-esm docgen/snippets/parseSnippets.ts"
19
20
  },
20
21
  "exports": {
@@ -33,9 +34,6 @@
33
34
  "svelte": "^4.0.0"
34
35
  },
35
36
  "devDependencies": {
36
- "@fontsource/material-symbols-outlined": "^5.0.7",
37
- "@fontsource/material-symbols-rounded": "^5.0.7",
38
- "@fontsource/material-symbols-sharp": "^5.0.7",
39
37
  "@fontsource/roboto": "^5.0.8",
40
38
  "@sveltejs/adapter-auto": "^2.1.0",
41
39
  "@sveltejs/kit": "^1.24.1",
@@ -48,6 +46,8 @@
48
46
  "eslint": "^8.49.0",
49
47
  "eslint-config-prettier": "^9.0.0",
50
48
  "eslint-plugin-svelte": "^2.33.1",
49
+ "eslint-plugin-unicorn": "^48.0.1",
50
+ "material-symbols": "^0.12.0",
51
51
  "prettier": "^3.0.3",
52
52
  "prettier-plugin-svelte": "^3.0.3",
53
53
  "publint": "^0.2.2",
File without changes