@warp-ds/elements 2.2.0 → 2.3.0-next.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.
Files changed (55) hide show
  1. package/dist/custom-elements.json +693 -0
  2. package/dist/index.d.ts +185 -0
  3. package/dist/packages/pagination/index.d.ts +32 -0
  4. package/dist/packages/pagination/index.js +2500 -0
  5. package/dist/packages/pagination/index.js.map +7 -0
  6. package/dist/packages/pagination/locales/da/messages.d.mts +1 -0
  7. package/dist/packages/pagination/locales/da/messages.mjs +1 -0
  8. package/dist/packages/pagination/locales/en/messages.d.mts +1 -0
  9. package/dist/packages/pagination/locales/en/messages.mjs +1 -0
  10. package/dist/packages/pagination/locales/fi/messages.d.mts +1 -0
  11. package/dist/packages/pagination/locales/fi/messages.mjs +1 -0
  12. package/dist/packages/pagination/locales/nb/messages.d.mts +1 -0
  13. package/dist/packages/pagination/locales/nb/messages.mjs +1 -0
  14. package/dist/packages/pagination/locales/sv/messages.d.mts +1 -0
  15. package/dist/packages/pagination/locales/sv/messages.mjs +1 -0
  16. package/dist/packages/pagination/pagination.react.stories.d.ts +21 -0
  17. package/dist/packages/pagination/pagination.react.stories.js +45 -0
  18. package/dist/packages/pagination/pagination.stories.d.ts +14 -0
  19. package/dist/packages/pagination/pagination.stories.js +56 -0
  20. package/dist/packages/pagination/pagination.test.d.ts +1 -0
  21. package/dist/packages/pagination/pagination.test.js +76 -0
  22. package/dist/packages/pagination/react.d.ts +5 -0
  23. package/dist/packages/pagination/react.js +15 -0
  24. package/dist/packages/pagination/styles.d.ts +1 -0
  25. package/dist/packages/pagination/styles.js +2 -0
  26. package/dist/packages/slider/Slider.d.ts +2 -0
  27. package/dist/packages/slider/Slider.js +8 -0
  28. package/dist/packages/slider/SliderThumb.d.ts +2 -0
  29. package/dist/packages/slider/SliderThumb.js +8 -0
  30. package/dist/packages/slider/index.d.ts +2 -0
  31. package/dist/packages/slider/index.js +2 -0
  32. package/dist/packages/slider/oddbird-css-anchor-positioning.d.ts +2 -0
  33. package/dist/packages/slider/oddbird-css-anchor-positioning.js +3 -0
  34. package/dist/packages/slider/react.d.ts +8 -0
  35. package/dist/packages/slider/react.js +20 -0
  36. package/dist/packages/slider/slider-thumb.d.ts +57 -0
  37. package/dist/packages/slider/slider-thumb.js +2705 -0
  38. package/dist/packages/slider/slider-thumb.js.map +7 -0
  39. package/dist/packages/slider/slider.d.ts +46 -0
  40. package/dist/packages/slider/slider.js +2587 -0
  41. package/dist/packages/slider/slider.js.map +7 -0
  42. package/dist/packages/slider/slider.react.stories.d.ts +18 -0
  43. package/dist/packages/slider/slider.react.stories.js +118 -0
  44. package/dist/packages/slider/slider.stories.d.ts +18 -0
  45. package/dist/packages/slider/slider.stories.js +197 -0
  46. package/dist/packages/slider/slider.test.d.ts +4 -0
  47. package/dist/packages/slider/slider.test.js +83 -0
  48. package/dist/packages/slider/styles/w-slider-thumb.styles.d.ts +1 -0
  49. package/dist/packages/slider/styles/w-slider-thumb.styles.js +167 -0
  50. package/dist/packages/slider/styles/w-slider.styles.d.ts +1 -0
  51. package/dist/packages/slider/styles/w-slider.styles.js +134 -0
  52. package/dist/packages/slider/styles.d.ts +1 -0
  53. package/dist/packages/slider/styles.js +2 -0
  54. package/dist/web-types.json +198 -1
  55. package/package.json +3 -1
@@ -2908,6 +2908,699 @@
2908
2908
  }
2909
2909
  }
2910
2910
  ]
2911
+ },
2912
+ {
2913
+ "kind": "javascript-module",
2914
+ "path": "packages/pagination/index.ts",
2915
+ "declarations": [
2916
+ {
2917
+ "kind": "class",
2918
+ "description": "Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-pagination--docs)",
2919
+ "name": "WarpPagination",
2920
+ "members": [
2921
+ {
2922
+ "kind": "field",
2923
+ "name": "baseUrl",
2924
+ "type": {
2925
+ "text": "string"
2926
+ },
2927
+ "attribute": "base-url",
2928
+ "reflects": true
2929
+ },
2930
+ {
2931
+ "kind": "field",
2932
+ "name": "pages",
2933
+ "type": {
2934
+ "text": "number"
2935
+ },
2936
+ "attribute": "pages",
2937
+ "reflects": true
2938
+ },
2939
+ {
2940
+ "kind": "field",
2941
+ "name": "currentPageNumber",
2942
+ "type": {
2943
+ "text": "number"
2944
+ },
2945
+ "default": "1",
2946
+ "attribute": "current-page",
2947
+ "reflects": true
2948
+ },
2949
+ {
2950
+ "kind": "field",
2951
+ "name": "visiblePages",
2952
+ "type": {
2953
+ "text": "number"
2954
+ },
2955
+ "default": "7",
2956
+ "attribute": "visible-pages",
2957
+ "reflects": true
2958
+ },
2959
+ {
2960
+ "kind": "method",
2961
+ "name": "#dispatchClickPage",
2962
+ "privacy": "private",
2963
+ "parameters": [
2964
+ {
2965
+ "name": "e",
2966
+ "type": {
2967
+ "text": "PointerEvent"
2968
+ }
2969
+ }
2970
+ ]
2971
+ }
2972
+ ],
2973
+ "events": [
2974
+ {
2975
+ "name": "page-click",
2976
+ "type": {
2977
+ "text": "CustomEvent"
2978
+ },
2979
+ "description": "Triggered when a link button in the pagination is clicked. Contains the page number in `string` form."
2980
+ }
2981
+ ],
2982
+ "attributes": [
2983
+ {
2984
+ "name": "base-url",
2985
+ "type": {
2986
+ "text": "string"
2987
+ },
2988
+ "fieldName": "baseUrl"
2989
+ },
2990
+ {
2991
+ "name": "pages",
2992
+ "type": {
2993
+ "text": "number"
2994
+ },
2995
+ "fieldName": "pages"
2996
+ },
2997
+ {
2998
+ "name": "current-page",
2999
+ "type": {
3000
+ "text": "number"
3001
+ },
3002
+ "default": "1",
3003
+ "fieldName": "currentPageNumber"
3004
+ },
3005
+ {
3006
+ "name": "visible-pages",
3007
+ "type": {
3008
+ "text": "number"
3009
+ },
3010
+ "default": "7",
3011
+ "fieldName": "visiblePages"
3012
+ }
3013
+ ],
3014
+ "superclass": {
3015
+ "name": "LitElement",
3016
+ "package": "lit"
3017
+ },
3018
+ "tagName": "w-pagination",
3019
+ "customElement": true,
3020
+ "modulePath": "packages/pagination/index.ts",
3021
+ "definitionPath": "packages/pagination/index.ts"
3022
+ }
3023
+ ],
3024
+ "exports": [
3025
+ {
3026
+ "kind": "custom-element-definition",
3027
+ "name": "w-pagination",
3028
+ "declaration": {
3029
+ "name": "WarpPagination",
3030
+ "module": "packages/pagination/index.ts"
3031
+ }
3032
+ },
3033
+ {
3034
+ "kind": "js",
3035
+ "name": "WarpPagination",
3036
+ "declaration": {
3037
+ "name": "WarpPagination",
3038
+ "module": "packages/pagination/index.ts"
3039
+ }
3040
+ }
3041
+ ]
3042
+ },
3043
+ {
3044
+ "kind": "javascript-module",
3045
+ "path": "packages/slider/slider-thumb.ts",
3046
+ "declarations": [
3047
+ {
3048
+ "kind": "class",
3049
+ "description": "Component to place inside a `<w-slider>`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)",
3050
+ "name": "WarpSliderThumb",
3051
+ "members": [
3052
+ {
3053
+ "kind": "field",
3054
+ "name": "shadowRootOptions",
3055
+ "type": {
3056
+ "text": "object"
3057
+ },
3058
+ "static": true,
3059
+ "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
3060
+ },
3061
+ {
3062
+ "kind": "field",
3063
+ "name": "ariaLabel",
3064
+ "type": {
3065
+ "text": "string"
3066
+ },
3067
+ "attribute": "aria-label",
3068
+ "reflects": true
3069
+ },
3070
+ {
3071
+ "kind": "field",
3072
+ "name": "ariaDescription",
3073
+ "type": {
3074
+ "text": "string"
3075
+ },
3076
+ "attribute": "aria-description",
3077
+ "reflects": true
3078
+ },
3079
+ {
3080
+ "kind": "field",
3081
+ "name": "label",
3082
+ "type": {
3083
+ "text": "string"
3084
+ },
3085
+ "attribute": "label",
3086
+ "reflects": true
3087
+ },
3088
+ {
3089
+ "kind": "field",
3090
+ "name": "name",
3091
+ "type": {
3092
+ "text": "string"
3093
+ },
3094
+ "attribute": "name",
3095
+ "reflects": true
3096
+ },
3097
+ {
3098
+ "kind": "field",
3099
+ "name": "value",
3100
+ "type": {
3101
+ "text": "string"
3102
+ },
3103
+ "attribute": "value",
3104
+ "reflects": true
3105
+ },
3106
+ {
3107
+ "kind": "field",
3108
+ "name": "disabled",
3109
+ "type": {
3110
+ "text": "boolean"
3111
+ },
3112
+ "attribute": "disabled",
3113
+ "reflects": true
3114
+ },
3115
+ {
3116
+ "kind": "field",
3117
+ "name": "markers",
3118
+ "type": {
3119
+ "text": "string"
3120
+ },
3121
+ "description": "Set by `<w-slider>`"
3122
+ },
3123
+ {
3124
+ "kind": "field",
3125
+ "name": "required",
3126
+ "type": {
3127
+ "text": "boolean"
3128
+ },
3129
+ "description": "Set by `<w-slider>`"
3130
+ },
3131
+ {
3132
+ "kind": "field",
3133
+ "name": "step",
3134
+ "type": {
3135
+ "text": "number"
3136
+ },
3137
+ "description": "Set by `<w-slider>`"
3138
+ },
3139
+ {
3140
+ "kind": "field",
3141
+ "name": "min",
3142
+ "type": {
3143
+ "text": "string"
3144
+ },
3145
+ "description": "Set by `<w-slider>`"
3146
+ },
3147
+ {
3148
+ "kind": "field",
3149
+ "name": "max",
3150
+ "type": {
3151
+ "text": "string"
3152
+ },
3153
+ "description": "Set by `<w-slider>`"
3154
+ },
3155
+ {
3156
+ "kind": "field",
3157
+ "name": "suffix",
3158
+ "type": {
3159
+ "text": "string"
3160
+ },
3161
+ "description": "Set by `<w-slider>`"
3162
+ },
3163
+ {
3164
+ "kind": "field",
3165
+ "name": "formatter",
3166
+ "type": {
3167
+ "text": "(value: string) => string"
3168
+ },
3169
+ "description": "JS hook to help you format the numeric value how you want."
3170
+ },
3171
+ {
3172
+ "kind": "field",
3173
+ "name": "range",
3174
+ "type": {
3175
+ "text": "HTMLInputElement"
3176
+ }
3177
+ },
3178
+ {
3179
+ "kind": "field",
3180
+ "name": "textfield",
3181
+ "type": {
3182
+ "text": "WarpTextField"
3183
+ }
3184
+ },
3185
+ {
3186
+ "kind": "method",
3187
+ "name": "#showTooltip",
3188
+ "privacy": "private",
3189
+ "return": {
3190
+ "type": {
3191
+ "text": "void"
3192
+ }
3193
+ }
3194
+ },
3195
+ {
3196
+ "kind": "method",
3197
+ "name": "#hideTooltip",
3198
+ "privacy": "private",
3199
+ "return": {
3200
+ "type": {
3201
+ "text": "void"
3202
+ }
3203
+ }
3204
+ },
3205
+ {
3206
+ "kind": "method",
3207
+ "name": "#onInput",
3208
+ "privacy": "private",
3209
+ "return": {
3210
+ "type": {
3211
+ "text": "boolean"
3212
+ }
3213
+ },
3214
+ "parameters": [
3215
+ {
3216
+ "name": "e",
3217
+ "type": {
3218
+ "text": "InputEvent | CustomEvent"
3219
+ }
3220
+ }
3221
+ ]
3222
+ }
3223
+ ],
3224
+ "events": [
3225
+ {
3226
+ "name": "slidervalidity",
3227
+ "type": {
3228
+ "text": "CustomEvent"
3229
+ }
3230
+ }
3231
+ ],
3232
+ "attributes": [
3233
+ {
3234
+ "name": "aria-label",
3235
+ "type": {
3236
+ "text": "string"
3237
+ },
3238
+ "fieldName": "ariaLabel"
3239
+ },
3240
+ {
3241
+ "name": "aria-description",
3242
+ "type": {
3243
+ "text": "string"
3244
+ },
3245
+ "fieldName": "ariaDescription"
3246
+ },
3247
+ {
3248
+ "name": "label",
3249
+ "type": {
3250
+ "text": "string"
3251
+ },
3252
+ "fieldName": "label"
3253
+ },
3254
+ {
3255
+ "name": "name",
3256
+ "type": {
3257
+ "text": "string"
3258
+ },
3259
+ "fieldName": "name"
3260
+ },
3261
+ {
3262
+ "name": "value",
3263
+ "type": {
3264
+ "text": "string"
3265
+ },
3266
+ "fieldName": "value"
3267
+ },
3268
+ {
3269
+ "name": "disabled",
3270
+ "type": {
3271
+ "text": "boolean"
3272
+ },
3273
+ "fieldName": "disabled"
3274
+ }
3275
+ ],
3276
+ "mixins": [
3277
+ {
3278
+ "name": "FormControlMixin",
3279
+ "package": "@open-wc/form-control"
3280
+ }
3281
+ ],
3282
+ "superclass": {
3283
+ "name": "LitElement",
3284
+ "package": "lit"
3285
+ },
3286
+ "tagName": "w-slider-thumb",
3287
+ "customElement": true,
3288
+ "modulePath": "packages/slider/slider-thumb.ts",
3289
+ "definitionPath": "packages/slider/slider-thumb.ts"
3290
+ }
3291
+ ],
3292
+ "exports": [
3293
+ {
3294
+ "kind": "custom-element-definition",
3295
+ "name": "w-slider-thumb",
3296
+ "declaration": {
3297
+ "name": "WarpSliderThumb",
3298
+ "module": "packages/slider/slider-thumb.ts"
3299
+ }
3300
+ },
3301
+ {
3302
+ "kind": "js",
3303
+ "name": "WarpSliderThumb",
3304
+ "declaration": {
3305
+ "name": "WarpSliderThumb",
3306
+ "module": "packages/slider/slider-thumb.ts"
3307
+ }
3308
+ }
3309
+ ]
3310
+ },
3311
+ {
3312
+ "kind": "javascript-module",
3313
+ "path": "packages/slider/slider.ts",
3314
+ "declarations": [
3315
+ {
3316
+ "kind": "class",
3317
+ "description": "Parent component for sliders (both single and range sliders). Used in combination with a `<w-slider-thumb>`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)",
3318
+ "name": "WarpSlider",
3319
+ "slots": [
3320
+ {
3321
+ "description": "For single sliders place a `<w-slider-thumb>` in the default slot.",
3322
+ "name": ""
3323
+ },
3324
+ {
3325
+ "description": "Label for the slider or range slider as a whole.",
3326
+ "name": "label"
3327
+ },
3328
+ {
3329
+ "description": "Optional description between the label and slider.",
3330
+ "name": "description"
3331
+ },
3332
+ {
3333
+ "description": "Range sliders need to place a `<w-slider-thumb>` in the from and to slots.",
3334
+ "name": "from"
3335
+ },
3336
+ {
3337
+ "description": "Range sliders need to place a `<w-slider-thumb>` in the from and to slots.",
3338
+ "name": "to"
3339
+ }
3340
+ ],
3341
+ "members": [
3342
+ {
3343
+ "kind": "field",
3344
+ "name": "shadowRootOptions",
3345
+ "type": {
3346
+ "text": "object"
3347
+ },
3348
+ "static": true,
3349
+ "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
3350
+ },
3351
+ {
3352
+ "kind": "field",
3353
+ "name": "label",
3354
+ "type": {
3355
+ "text": "string"
3356
+ },
3357
+ "description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead.",
3358
+ "attribute": "label",
3359
+ "reflects": true
3360
+ },
3361
+ {
3362
+ "kind": "field",
3363
+ "name": "disabled",
3364
+ "type": {
3365
+ "text": "boolean"
3366
+ },
3367
+ "default": "false",
3368
+ "attribute": "disabled",
3369
+ "reflects": true
3370
+ },
3371
+ {
3372
+ "kind": "field",
3373
+ "name": "invalid",
3374
+ "type": {
3375
+ "text": "boolean"
3376
+ },
3377
+ "default": "false",
3378
+ "attribute": "invalid",
3379
+ "reflects": true
3380
+ },
3381
+ {
3382
+ "kind": "field",
3383
+ "name": "required",
3384
+ "type": {
3385
+ "text": "boolean"
3386
+ },
3387
+ "default": "false",
3388
+ "description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
3389
+ "attribute": "required",
3390
+ "reflects": true
3391
+ },
3392
+ {
3393
+ "kind": "field",
3394
+ "name": "min",
3395
+ "type": {
3396
+ "text": "string"
3397
+ },
3398
+ "attribute": "min",
3399
+ "reflects": true
3400
+ },
3401
+ {
3402
+ "kind": "field",
3403
+ "name": "max",
3404
+ "type": {
3405
+ "text": "string"
3406
+ },
3407
+ "attribute": "max",
3408
+ "reflects": true
3409
+ },
3410
+ {
3411
+ "kind": "field",
3412
+ "name": "markers",
3413
+ "type": {
3414
+ "text": "number"
3415
+ },
3416
+ "description": "Pass a value similar to step to create visual markers at that interval",
3417
+ "attribute": "markers",
3418
+ "reflects": true
3419
+ },
3420
+ {
3421
+ "kind": "field",
3422
+ "name": "step",
3423
+ "type": {
3424
+ "text": "number"
3425
+ },
3426
+ "attribute": "step",
3427
+ "reflects": true
3428
+ },
3429
+ {
3430
+ "kind": "field",
3431
+ "name": "suffix",
3432
+ "type": {
3433
+ "text": "string"
3434
+ },
3435
+ "description": "Suffix used in text input fields and for the min and max values of the slider.",
3436
+ "attribute": "suffix",
3437
+ "reflects": true
3438
+ },
3439
+ {
3440
+ "kind": "field",
3441
+ "name": "formatter",
3442
+ "type": {
3443
+ "text": "(value: string) => string"
3444
+ },
3445
+ "description": "Function to format the to- and from labels and value in the slider thumb tooltip."
3446
+ },
3447
+ {
3448
+ "kind": "method",
3449
+ "name": "#syncSliderThumbs",
3450
+ "privacy": "private",
3451
+ "return": {
3452
+ "type": {
3453
+ "text": "void"
3454
+ }
3455
+ }
3456
+ },
3457
+ {
3458
+ "kind": "method",
3459
+ "name": "#onInput",
3460
+ "privacy": "private",
3461
+ "parameters": [
3462
+ {
3463
+ "name": "e",
3464
+ "type": {
3465
+ "text": "InputEvent"
3466
+ }
3467
+ }
3468
+ ]
3469
+ },
3470
+ {
3471
+ "kind": "method",
3472
+ "name": "#onSliderValidity",
3473
+ "privacy": "private",
3474
+ "parameters": [
3475
+ {
3476
+ "name": "e",
3477
+ "type": {
3478
+ "text": "CustomEvent"
3479
+ }
3480
+ }
3481
+ ]
3482
+ },
3483
+ {
3484
+ "kind": "method",
3485
+ "name": "#updateActiveTrack",
3486
+ "privacy": "private",
3487
+ "parameters": [
3488
+ {
3489
+ "name": "input",
3490
+ "type": {
3491
+ "text": "WarpSliderThumb"
3492
+ }
3493
+ }
3494
+ ],
3495
+ "description": "We use CSS variables to fill the active track with a background color."
3496
+ }
3497
+ ],
3498
+ "attributes": [
3499
+ {
3500
+ "name": "label",
3501
+ "type": {
3502
+ "text": "string"
3503
+ },
3504
+ "description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead.",
3505
+ "fieldName": "label"
3506
+ },
3507
+ {
3508
+ "name": "disabled",
3509
+ "type": {
3510
+ "text": "boolean"
3511
+ },
3512
+ "default": "false",
3513
+ "fieldName": "disabled"
3514
+ },
3515
+ {
3516
+ "name": "invalid",
3517
+ "type": {
3518
+ "text": "boolean"
3519
+ },
3520
+ "default": "false",
3521
+ "fieldName": "invalid"
3522
+ },
3523
+ {
3524
+ "name": "required",
3525
+ "type": {
3526
+ "text": "boolean"
3527
+ },
3528
+ "default": "false",
3529
+ "description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
3530
+ "fieldName": "required"
3531
+ },
3532
+ {
3533
+ "name": "min",
3534
+ "type": {
3535
+ "text": "string"
3536
+ },
3537
+ "fieldName": "min"
3538
+ },
3539
+ {
3540
+ "name": "max",
3541
+ "type": {
3542
+ "text": "string"
3543
+ },
3544
+ "fieldName": "max"
3545
+ },
3546
+ {
3547
+ "name": "markers",
3548
+ "type": {
3549
+ "text": "number"
3550
+ },
3551
+ "description": "Pass a value similar to step to create visual markers at that interval",
3552
+ "fieldName": "markers"
3553
+ },
3554
+ {
3555
+ "name": "step",
3556
+ "type": {
3557
+ "text": "number"
3558
+ },
3559
+ "fieldName": "step"
3560
+ },
3561
+ {
3562
+ "name": "suffix",
3563
+ "type": {
3564
+ "text": "string"
3565
+ },
3566
+ "description": "Suffix used in text input fields and for the min and max values of the slider.",
3567
+ "fieldName": "suffix"
3568
+ }
3569
+ ],
3570
+ "mixins": [
3571
+ {
3572
+ "name": "FormControlMixin",
3573
+ "package": "@open-wc/form-control"
3574
+ }
3575
+ ],
3576
+ "superclass": {
3577
+ "name": "LitElement",
3578
+ "package": "lit"
3579
+ },
3580
+ "tagName": "w-slider",
3581
+ "customElement": true,
3582
+ "modulePath": "packages/slider/slider.ts",
3583
+ "definitionPath": "packages/slider/slider.ts"
3584
+ }
3585
+ ],
3586
+ "exports": [
3587
+ {
3588
+ "kind": "custom-element-definition",
3589
+ "name": "w-slider",
3590
+ "declaration": {
3591
+ "name": "WarpSlider",
3592
+ "module": "packages/slider/slider.ts"
3593
+ }
3594
+ },
3595
+ {
3596
+ "kind": "js",
3597
+ "name": "WarpSlider",
3598
+ "declaration": {
3599
+ "name": "WarpSlider",
3600
+ "module": "packages/slider/slider.ts"
3601
+ }
3602
+ }
3603
+ ]
2911
3604
  }
2912
3605
  ]
2913
3606
  }