add missing spline icons (#3778)
We had somehow removed these ### Change Type <!-- ❗ Please select a 'Scope' label ❗️ --> - [x] `sdk` — Changes the tldraw SDK - [ ] `dotcom` — Changes the tldraw.com web app - [ ] `docs` — Changes to the documentation, examples, or templates. - [ ] `vs code` — Changes to the vscode plugin - [ ] `internal` — Does not affect user-facing stuff <!-- ❗ Please select a 'Type' label ❗️ --> - [x] `bugfix` — Bug fix - [ ] `feature` — New feature - [ ] `improvement` — Improving existing features - [ ] `chore` — Updating dependencies, other boring stuff - [ ] `galaxy brain` — Architectural changes - [ ] `tests` — Changes to any test code - [ ] `tools` — Changes to infrastructure, CI, internal scripts, debugging tools, etc. - [ ] `dunno` — I don't know ### Test Plan 1. Add a step-by-step description of how to test your PR here. 2. - [ ] Unit Tests - [ ] End to end tests ### Release Notes - Add a brief release note for your PR here.
This commit is contained in:
David Sheldrick
GitHub
parent
3a96d040c3
commit
ed63bcead5
9 changed files with 31 additions and 1 deletions
3
assets/icons/icon/spline-cubic.svg
Normal file
3
assets/icons/icon/spline-cubic.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6 6V8C6 13.6005 6 16.4008 7.08993 18.5399C8.04867 20.4215 9.57847 21.9513 11.4601 22.9101C13.5992 24 16.3995 24 22 24H24" stroke="black" stroke-width="2" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 292 B |
3
assets/icons/icon/spline-line.svg
Normal file
3
assets/icons/icon/spline-line.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6 6V24H24" stroke="black" stroke-width="2" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 181 B |
|
|
@ -130,6 +130,8 @@ import iconsSizeExtraLarge from './icons/icon/size-extra-large.svg'
|
|||
import iconsSizeLarge from './icons/icon/size-large.svg'
|
||||
import iconsSizeMedium from './icons/icon/size-medium.svg'
|
||||
import iconsSizeSmall from './icons/icon/size-small.svg'
|
||||
import iconsSplineCubic from './icons/icon/spline-cubic.svg'
|
||||
import iconsSplineLine from './icons/icon/spline-line.svg'
|
||||
import iconsStackHorizontal from './icons/icon/stack-horizontal.svg'
|
||||
import iconsStackVertical from './icons/icon/stack-vertical.svg'
|
||||
import iconsStretchHorizontal from './icons/icon/stretch-horizontal.svg'
|
||||
|
|
@ -319,6 +321,8 @@ export function getAssetUrlsByImport(opts) {
|
|||
'size-large': formatAssetUrl(iconsSizeLarge, opts),
|
||||
'size-medium': formatAssetUrl(iconsSizeMedium, opts),
|
||||
'size-small': formatAssetUrl(iconsSizeSmall, opts),
|
||||
'spline-cubic': formatAssetUrl(iconsSplineCubic, opts),
|
||||
'spline-line': formatAssetUrl(iconsSplineLine, opts),
|
||||
'stack-horizontal': formatAssetUrl(iconsStackHorizontal, opts),
|
||||
'stack-vertical': formatAssetUrl(iconsStackVertical, opts),
|
||||
'stretch-horizontal': formatAssetUrl(iconsStretchHorizontal, opts),
|
||||
|
|
|
|||
|
|
@ -130,6 +130,8 @@ import iconsSizeExtraLarge from './icons/icon/size-extra-large.svg?url'
|
|||
import iconsSizeLarge from './icons/icon/size-large.svg?url'
|
||||
import iconsSizeMedium from './icons/icon/size-medium.svg?url'
|
||||
import iconsSizeSmall from './icons/icon/size-small.svg?url'
|
||||
import iconsSplineCubic from './icons/icon/spline-cubic.svg?url'
|
||||
import iconsSplineLine from './icons/icon/spline-line.svg?url'
|
||||
import iconsStackHorizontal from './icons/icon/stack-horizontal.svg?url'
|
||||
import iconsStackVertical from './icons/icon/stack-vertical.svg?url'
|
||||
import iconsStretchHorizontal from './icons/icon/stretch-horizontal.svg?url'
|
||||
|
|
@ -319,6 +321,8 @@ export function getAssetUrlsByImport(opts) {
|
|||
'size-large': formatAssetUrl(iconsSizeLarge, opts),
|
||||
'size-medium': formatAssetUrl(iconsSizeMedium, opts),
|
||||
'size-small': formatAssetUrl(iconsSizeSmall, opts),
|
||||
'spline-cubic': formatAssetUrl(iconsSplineCubic, opts),
|
||||
'spline-line': formatAssetUrl(iconsSplineLine, opts),
|
||||
'stack-horizontal': formatAssetUrl(iconsStackHorizontal, opts),
|
||||
'stack-vertical': formatAssetUrl(iconsStackVertical, opts),
|
||||
'stretch-horizontal': formatAssetUrl(iconsStretchHorizontal, opts),
|
||||
|
|
|
|||
|
|
@ -124,6 +124,8 @@ export function getAssetUrls(opts) {
|
|||
'size-large': formatAssetUrl('./icons/icon/size-large.svg', opts),
|
||||
'size-medium': formatAssetUrl('./icons/icon/size-medium.svg', opts),
|
||||
'size-small': formatAssetUrl('./icons/icon/size-small.svg', opts),
|
||||
'spline-cubic': formatAssetUrl('./icons/icon/spline-cubic.svg', opts),
|
||||
'spline-line': formatAssetUrl('./icons/icon/spline-line.svg', opts),
|
||||
'stack-horizontal': formatAssetUrl('./icons/icon/stack-horizontal.svg', opts),
|
||||
'stack-vertical': formatAssetUrl('./icons/icon/stack-vertical.svg', opts),
|
||||
'stretch-horizontal': formatAssetUrl('./icons/icon/stretch-horizontal.svg', opts),
|
||||
|
|
|
|||
2
packages/assets/types.d.ts
vendored
2
packages/assets/types.d.ts
vendored
|
|
@ -114,6 +114,8 @@ export type AssetUrls = {
|
|||
'size-large': string
|
||||
'size-medium': string
|
||||
'size-small': string
|
||||
'spline-cubic': string
|
||||
'spline-line': string
|
||||
'stack-horizontal': string
|
||||
'stack-vertical': string
|
||||
'stretch-horizontal': string
|
||||
|
|
|
|||
|
|
@ -367,6 +367,14 @@ export function getAssetUrlsByMetaUrl(opts) {
|
|||
new URL('./icons/icon/size-small.svg', import.meta.url).href,
|
||||
opts
|
||||
),
|
||||
'spline-cubic': formatAssetUrl(
|
||||
new URL('./icons/icon/spline-cubic.svg', import.meta.url).href,
|
||||
opts
|
||||
),
|
||||
'spline-line': formatAssetUrl(
|
||||
new URL('./icons/icon/spline-line.svg', import.meta.url).href,
|
||||
opts
|
||||
),
|
||||
'stack-horizontal': formatAssetUrl(
|
||||
new URL('./icons/icon/stack-horizontal.svg', import.meta.url).href,
|
||||
opts
|
||||
|
|
|
|||
|
|
@ -2218,7 +2218,7 @@ export interface TLUiIconProps extends React.HTMLProps<HTMLDivElement> {
|
|||
}
|
||||
|
||||
// @public (undocumented)
|
||||
export type TLUiIconType = 'align-bottom' | 'align-center-horizontal' | 'align-center-vertical' | 'align-left' | 'align-right' | 'align-top' | 'arrow-left' | 'arrowhead-arrow' | 'arrowhead-bar' | 'arrowhead-diamond' | 'arrowhead-dot' | 'arrowhead-none' | 'arrowhead-square' | 'arrowhead-triangle-inverted' | 'arrowhead-triangle' | 'blob' | 'bring-forward' | 'bring-to-front' | 'broken' | 'check-circle' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chevrons-ne' | 'chevrons-sw' | 'clipboard-copied' | 'clipboard-copy' | 'color' | 'cross-2' | 'cross-circle' | 'dash-dashed' | 'dash-dotted' | 'dash-draw' | 'dash-solid' | 'disconnected' | 'discord' | 'distribute-horizontal' | 'distribute-vertical' | 'dot' | 'dots-horizontal' | 'dots-vertical' | 'drag-handle-dots' | 'duplicate' | 'edit' | 'external-link' | 'fill-none' | 'fill-pattern' | 'fill-semi' | 'fill-solid' | 'follow' | 'following' | 'font-draw' | 'font-mono' | 'font-sans' | 'font-serif' | 'geo-arrow-down' | 'geo-arrow-left' | 'geo-arrow-right' | 'geo-arrow-up' | 'geo-check-box' | 'geo-cloud' | 'geo-diamond' | 'geo-ellipse' | 'geo-hexagon' | 'geo-octagon' | 'geo-oval' | 'geo-pentagon' | 'geo-rectangle' | 'geo-rhombus-2' | 'geo-rhombus' | 'geo-star' | 'geo-trapezoid' | 'geo-triangle' | 'geo-x-box' | 'github' | 'group' | 'horizontal-align-end' | 'horizontal-align-middle' | 'horizontal-align-start' | 'info-circle' | 'leading' | 'link' | 'lock' | 'menu' | 'minus' | 'mixed' | 'pack' | 'plus' | 'question-mark-circle' | 'question-mark' | 'redo' | 'reset-zoom' | 'rotate-ccw' | 'rotate-cw' | 'send-backward' | 'send-to-back' | 'share-1' | 'size-extra-large' | 'size-large' | 'size-medium' | 'size-small' | 'stack-horizontal' | 'stack-vertical' | 'stretch-horizontal' | 'stretch-vertical' | 'text-align-center' | 'text-align-left' | 'text-align-right' | 'toggle-off' | 'toggle-on' | 'tool-arrow' | 'tool-eraser' | 'tool-frame' | 'tool-hand' | 'tool-highlight' | 'tool-laser' | 'tool-line' | 'tool-media' | 'tool-note' | 'tool-pencil' | 'tool-pointer' | 'tool-screenshot' | 'tool-text' | 'trash' | 'twitter' | 'undo' | 'ungroup' | 'unlock' | 'vertical-align-end' | 'vertical-align-middle' | 'vertical-align-start' | 'warning-triangle' | 'zoom-in' | 'zoom-out';
|
||||
export type TLUiIconType = 'align-bottom' | 'align-center-horizontal' | 'align-center-vertical' | 'align-left' | 'align-right' | 'align-top' | 'arrow-left' | 'arrowhead-arrow' | 'arrowhead-bar' | 'arrowhead-diamond' | 'arrowhead-dot' | 'arrowhead-none' | 'arrowhead-square' | 'arrowhead-triangle-inverted' | 'arrowhead-triangle' | 'blob' | 'bring-forward' | 'bring-to-front' | 'broken' | 'check-circle' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chevrons-ne' | 'chevrons-sw' | 'clipboard-copied' | 'clipboard-copy' | 'color' | 'cross-2' | 'cross-circle' | 'dash-dashed' | 'dash-dotted' | 'dash-draw' | 'dash-solid' | 'disconnected' | 'discord' | 'distribute-horizontal' | 'distribute-vertical' | 'dot' | 'dots-horizontal' | 'dots-vertical' | 'drag-handle-dots' | 'duplicate' | 'edit' | 'external-link' | 'fill-none' | 'fill-pattern' | 'fill-semi' | 'fill-solid' | 'follow' | 'following' | 'font-draw' | 'font-mono' | 'font-sans' | 'font-serif' | 'geo-arrow-down' | 'geo-arrow-left' | 'geo-arrow-right' | 'geo-arrow-up' | 'geo-check-box' | 'geo-cloud' | 'geo-diamond' | 'geo-ellipse' | 'geo-hexagon' | 'geo-octagon' | 'geo-oval' | 'geo-pentagon' | 'geo-rectangle' | 'geo-rhombus-2' | 'geo-rhombus' | 'geo-star' | 'geo-trapezoid' | 'geo-triangle' | 'geo-x-box' | 'github' | 'group' | 'horizontal-align-end' | 'horizontal-align-middle' | 'horizontal-align-start' | 'info-circle' | 'leading' | 'link' | 'lock' | 'menu' | 'minus' | 'mixed' | 'pack' | 'plus' | 'question-mark-circle' | 'question-mark' | 'redo' | 'reset-zoom' | 'rotate-ccw' | 'rotate-cw' | 'send-backward' | 'send-to-back' | 'share-1' | 'size-extra-large' | 'size-large' | 'size-medium' | 'size-small' | 'spline-cubic' | 'spline-line' | 'stack-horizontal' | 'stack-vertical' | 'stretch-horizontal' | 'stretch-vertical' | 'text-align-center' | 'text-align-left' | 'text-align-right' | 'toggle-off' | 'toggle-on' | 'tool-arrow' | 'tool-eraser' | 'tool-frame' | 'tool-hand' | 'tool-highlight' | 'tool-laser' | 'tool-line' | 'tool-media' | 'tool-note' | 'tool-pencil' | 'tool-pointer' | 'tool-screenshot' | 'tool-text' | 'trash' | 'twitter' | 'undo' | 'ungroup' | 'unlock' | 'vertical-align-end' | 'vertical-align-middle' | 'vertical-align-start' | 'warning-triangle' | 'zoom-in' | 'zoom-out';
|
||||
|
||||
// @public (undocumented)
|
||||
export interface TLUiInputProps {
|
||||
|
|
|
|||
|
|
@ -106,6 +106,8 @@ export type TLUiIconType =
|
|||
| 'size-large'
|
||||
| 'size-medium'
|
||||
| 'size-small'
|
||||
| 'spline-cubic'
|
||||
| 'spline-line'
|
||||
| 'stack-horizontal'
|
||||
| 'stack-vertical'
|
||||
| 'stretch-horizontal'
|
||||
|
|
@ -245,6 +247,8 @@ export const iconTypes = [
|
|||
'size-large',
|
||||
'size-medium',
|
||||
'size-small',
|
||||
'spline-cubic',
|
||||
'spline-line',
|
||||
'stack-horizontal',
|
||||
'stack-vertical',
|
||||
'stretch-horizontal',
|
||||
|
|
|
|||
Loading…
Reference in a new issue