@breadstone/mosaik-themes 0.1.20 → 0.1.22

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 (10) hide show
  1. package/index.cjs +12 -12
  2. package/index.cjs.map +1 -1
  3. package/index.js +12 -12
  4. package/index.js.map +1 -1
  5. package/package.json +2 -2
  6. package/themes/___joy-tokens.css +52 -112
  7. package/themes/cosmopolitan.scss +57 -5
  8. package/themes/joy-tokens.scss +52 -112
  9. package/themes/joy.scss +137 -217
  10. package/themes/memphis.scss +52 -0
package/themes/memphis.scss CHANGED
@@ -3701,6 +3701,9 @@ $chip-box-props: (
3701
3701
  'border-radius': var(--memphis-layout-radius),
3702
3702
  'border-style': solid,
3703
3703
  'border-width': var(--memphis-layout-thickness),
3704
+ 'focus-ring-active-width': 8px,
3705
+ 'focus-ring-color': unset,
3706
+ 'focus-ring-inward-offset': 2px,
3704
3707
  'focus-ring-outward-offset': 0px,
3705
3708
  'focus-ring-width': 0px,
3706
3709
  'font-family': var(--memphis-font-family),
@@ -4010,6 +4013,9 @@ $color-box-props: (
4010
4013
  'border-radius': var(--memphis-layout-radius),
4011
4014
  'border-style': solid,
4012
4015
  'border-width': var(--memphis-layout-thickness),
4016
+ 'focus-ring-active-width': 8px,
4017
+ 'focus-ring-color': unset,
4018
+ 'focus-ring-inward-offset': 2px,
4013
4019
  'focus-ring-outward-offset': 0px,
4014
4020
  'focus-ring-width': 0px,
4015
4021
  'font-family': var(--memphis-font-family),
@@ -4631,6 +4637,11 @@ $color-thumb-props: (
4631
4637
  * ------------------------------------------------------------------------------
4632
4638
  */
4633
4639
  $combo-props: (
4640
+ 'background-color': unset,
4641
+ 'border-color': unset,
4642
+ 'border-radius': unset,
4643
+ 'border-style': solid,
4644
+ 'border-width': unset,
4634
4645
  'focus-ring-active-width': 8px,
4635
4646
  'focus-ring-color': var(--memphis-color-light-secondary-400),
4636
4647
  'focus-ring-inward-offset': 2px,
@@ -4940,6 +4951,10 @@ $date-box-props: (
4940
4951
  'border-radius': var(--memphis-layout-radius),
4941
4952
  'border-style': solid,
4942
4953
  'border-width': var(--memphis-layout-thickness),
4954
+ 'focus-ring-active-width': 8px,
4955
+ 'focus-ring-color': unset,
4956
+ 'focus-ring-inward-offset': 2px,
4957
+ 'focus-ring-outward-offset': 2px,
4943
4958
  'focus-ring-width': 0px,
4944
4959
  'font-family': var(--memphis-font-family),
4945
4960
  'font-letter-spacing': unset,
@@ -4984,6 +4999,10 @@ $date-time-box-props: (
4984
4999
  'calendar-border-radius': unset,
4985
5000
  'calendar-border-style': unset,
4986
5001
  'calendar-border-width': unset,
5002
+ 'focus-ring-active-width': 8px,
5003
+ 'focus-ring-color': unset,
5004
+ 'focus-ring-inward-offset': 2px,
5005
+ 'focus-ring-outward-offset': 2px,
4987
5006
  'font-family': unset,
4988
5007
  'font-letter-spacing': unset,
4989
5008
  'font-line-height': unset,
@@ -6016,6 +6035,10 @@ $duration-box-props: (
6016
6035
  'border-radius': unset,
6017
6036
  'border-style': unset,
6018
6037
  'border-width': unset,
6038
+ 'focus-ring-active-width': 8px,
6039
+ 'focus-ring-color': unset,
6040
+ 'focus-ring-inward-offset': 2px,
6041
+ 'focus-ring-outward-offset': 2px,
6019
6042
  'font-family': unset,
6020
6043
  'font-letter-spacing': unset,
6021
6044
  'font-line-height': unset,
@@ -6662,6 +6685,10 @@ $file-box-props: (
6662
6685
  'border-radius': var(--memphis-layout-radius),
6663
6686
  'border-style': solid,
6664
6687
  'border-width': var(--memphis-layout-thickness),
6688
+ 'focus-ring-active-width': 8px,
6689
+ 'focus-ring-color': unset,
6690
+ 'focus-ring-inward-offset': 2px,
6691
+ 'focus-ring-outward-offset': 2px,
6665
6692
  'focus-ring-width': 0px,
6666
6693
  'font-family': var(--memphis-font-family),
6667
6694
  'font-letter-spacing': unset,
@@ -8801,6 +8828,9 @@ $number-box-props: (
8801
8828
  'border-radius': unset,
8802
8829
  'border-style': unset,
8803
8830
  'border-width': unset,
8831
+ 'focus-ring-active-width': 8px,
8832
+ 'focus-ring-color': unset,
8833
+ 'focus-ring-inward-offset': 2px,
8804
8834
  'focus-ring-outward-offset': unset,
8805
8835
  'font-family': unset,
8806
8836
  'font-letter-spacing': unset,
@@ -9153,6 +9183,10 @@ $password-box-props: (
9153
9183
  'border-radius': var(--memphis-layout-radius),
9154
9184
  'border-style': solid,
9155
9185
  'border-width': var(--memphis-layout-thickness),
9186
+ 'focus-ring-active-width': 8px,
9187
+ 'focus-ring-color': unset,
9188
+ 'focus-ring-inward-offset': 2px,
9189
+ 'focus-ring-outward-offset': 2px,
9156
9190
  'focus-ring-width': 0px,
9157
9191
  'font-family': var(--memphis-font-family),
9158
9192
  'font-letter-spacing': unset,
@@ -9301,6 +9335,10 @@ $pin-box-props: (
9301
9335
  'border-radius': var(--memphis-layout-radius),
9302
9336
  'border-style': solid,
9303
9337
  'border-width': var(--memphis-layout-thickness),
9338
+ 'focus-ring-active-width': 8px,
9339
+ 'focus-ring-color': unset,
9340
+ 'focus-ring-inward-offset': 2px,
9341
+ 'focus-ring-outward-offset': 2px,
9304
9342
  'font-family': var(--memphis-font-family),
9305
9343
  'font-letter-spacing': unset,
9306
9344
  'font-line-height': unset,
@@ -10116,6 +10154,9 @@ $rich-text-box-props: (
10116
10154
  'border-radius': unset,
10117
10155
  'border-style': unset,
10118
10156
  'border-width': unset,
10157
+ 'focus-ring-active-width': 8px,
10158
+ 'focus-ring-color': unset,
10159
+ 'focus-ring-inward-offset': 2px,
10119
10160
  'focus-ring-outward-offset': unset,
10120
10161
  'font-family': unset,
10121
10162
  'font-letter-spacing': unset,
@@ -11464,6 +11505,10 @@ $signature-pad-props: (
11464
11505
  'border-radius': unset,
11465
11506
  'border-style': unset,
11466
11507
  'border-width': unset,
11508
+ 'focus-ring-active-width': 8px,
11509
+ 'focus-ring-color': unset,
11510
+ 'focus-ring-inward-offset': 2px,
11511
+ 'focus-ring-outward-offset': 2px,
11467
11512
  'font-family': unset,
11468
11513
  'font-letter-spacing': unset,
11469
11514
  'font-line-height': unset,
@@ -12758,6 +12803,9 @@ $text-box-props: (
12758
12803
  'border-radius': var(--memphis-layout-radius),
12759
12804
  'border-style': solid,
12760
12805
  'border-width': var(--memphis-layout-thickness),
12806
+ 'focus-ring-active-width': 8px,
12807
+ 'focus-ring-color': unset,
12808
+ 'focus-ring-inward-offset': 2px,
12761
12809
  'focus-ring-outward-offset': 0px,
12762
12810
  'focus-ring-width': 0px,
12763
12811
  'font-family': var(--memphis-font-family),
@@ -13166,6 +13214,10 @@ $time-box-props: (
13166
13214
  'border-style': unset,
13167
13215
  'border-width': unset,
13168
13216
  'color': unset,
13217
+ 'focus-ring-active-width': 8px,
13218
+ 'focus-ring-color': unset,
13219
+ 'focus-ring-inward-offset': 2px,
13220
+ 'focus-ring-outward-offset': 2px,
13169
13221
  'font-family': unset,
13170
13222
  'font-letter-spacing': unset,
13171
13223
  'font-line-height': unset,